随笔分类 - 04.JavaScript
摘要:
今天来学习下车床(lathe)建型及粒子系统,babylon.js有一个很强大的函数CreateLathe,可以将一段路径经过旋转后,形成1个shape,这么说有点抽象,比如下面这张图: 其中的关键点坐标为: const fountainProfile = [ new BABYLON.Vector3
阅读全文
![babylon.js 学习笔记(10)](https://img2023.cnblogs.com/blog/27612/202305/27612-20230514155623644-2116628245.png)
摘要:
接上回继续,做为一个游戏引擎,怎能没有Sprite(精灵)? 下面是基本示例: const createScene = function () { const scene = new BABYLON.Scene(engine); const camera = new BABYLON.ArcRotat
阅读全文
![babylon.js 学习笔记(9)](https://img2023.cnblogs.com/blog/27612/202305/27612-20230514155623644-2116628245.png)
摘要:
接上回继续,现在的村庄已经有点象样了,但是远处的背景仍比较单调(如下图),今天来学习如何处理天空背景。 babylon.js中,把整个空间假象成一个巨大的立方体(称为SkyBox),然后依次给立方体的6个面,贴上天空的背景图(如下图) 在代码中只要指定这6张图的rootUrl即可,babylon.j
阅读全文
![babylon.js 学习笔记(8)](https://img2023.cnblogs.com/blog/27612/202305/27612-20230514155623644-2116628245.png)
摘要:
前面我们学习了如何画一堆房子(如下图),显然这单调的绿色大地,看上去效果并不好。 babylon.js中,可以用图片模拟出地势高低不同的效果,比如下面这张图片: 颜色越深的地方,表示地势越低(即:盆地),而颜色越浅的地方,地势越高(即:高山),可以参考下面的代码: const createScene
阅读全文
![babylon.js 学习笔记(7)](https://img2023.cnblogs.com/blog/27612/202305/27612-20230514155623644-2116628245.png)
摘要:
接上回继续,今天继续捣腾动画,上一节咱们让汽车的轮子动了起来,回顾一下核心代码: //轮子转动 const wheelAnimation = (scene, wheels) => { //定义一个动画,每秒30帧,绕y轴转动 const animWheel = new BABYLON.Animati
阅读全文
![babylon.js 学习笔记(6)](https://img2023.cnblogs.com/blog/27612/202305/27612-20230514155623644-2116628245.png)
摘要:
前面我们画的小房子,基本上都是用内置的标准形状组合而成,但并非所有对象都这么简单,今天我们来画一个小汽车,汽车由多个零件组成,控制这些零件的缩放、位置、旋转,如果每个都单独用代码来修改position/roration/scaling,未免太复杂,幸好babylon.js中,对象有所谓的child/
阅读全文
![babylon.js 学习笔记(5)](https://img2023.cnblogs.com/blog/27612/202305/27612-20230514155623644-2116628245.png)
摘要:
按上回继续,上节知道了如何用 『方块+三棱柱+贴图』结合起来,画一个简单的小房子,实际应用中可以把这3个打包在一起,组成1个house对象,这样更方便一些 const buildHouse = () => { const box1 = buildBox(); const roof1 = buildR
阅读全文
![babylon.js 学习笔记(4)](https://img2023.cnblogs.com/blog/27612/202305/27612-20230514155623644-2116628245.png)
摘要:
一、理解babylon.js 坐标系 const createScene = function () { const scene = new BABYLON.Scene(engine); const camera = new BABYLON.ArcRotateCamera("camera", -Ma
阅读全文
![babylon.js 学习笔记(3)](https://img2023.cnblogs.com/blog/27612/202305/27612-20230514155623644-2116628245.png)
摘要:
如何在网页中嵌入设计好的模型? 接上回继续,我们设计好精美的模型后,最终总要展示给客户,比如利用playground画了1个方块: const createScene = () => { const scene = new BABYLON.Scene(engine); const camera =
阅读全文
![babylon.js 学习笔记(2)](https://img2023.cnblogs.com/blog/27612/202305/27612-20230514155623644-2116628245.png)
摘要:背景:最近遇到1个项目,业务方调用了后端1个开销较大的接口,用于页面实时监控一些关键指标,页面是自动定时请求接口刷新数据,随着用户的增加,后端压力比较大,分析发现,很多用户日常使用过程中,并不是一直盯着屏幕看,有时候人离开了(比如下班),或者把监控页切到后台或最小化,干其它事去了,但是页面上的定时请
阅读全文
摘要:
随着5G技术的推广,可以预见在不久的将来网速将得到极大提升,实时音视频互动这类对网络传输质量要求较高的应用将是最直接的受益者。而且伴随着webrtc技术的成熟,该领域可能将成为下一个技术热点,但是传统的webrtc应用开发存在一定的复杂性,本文将介绍如何利用peerjs这一开源框架来简化webrtc开发,让webrtc初学者快速上手。
阅读全文
![](https://img2018.cnblogs.com/blog/27612/201907/27612-20190707000237283-141714970.png)
摘要:
javascript 点击表头排序示例(带分组数据)
阅读全文
![](http://images.cnitblog.com/i/27612/201408/111551219839925.png)
摘要:
纯JavaScript实现的一维条形码打印
阅读全文
![](http://images.cnitblog.com/i/27612/201407/162314367406218.jpg)
摘要:一、开源项目 Javascript .NET地址: http://javascriptdotnet.codeplex.com/它是Google Chrome V8引擎在.NET上的封装,功能完善,性能相对较高,推荐使用! (缺点就是asp.net web应用上,好象会报错)示例代码:using Noesis.Javascript;using System;using System.Collections.Generic;namespace JsCSharp{ class Program { static void Main(string[] args) ...
阅读全文
摘要:在IE中,JS可以直接访问剪贴板,但是firefox,chrome等其它"高级"浏览器,就没这么幸运了。网上流传的所谓兼容firefox/IE的剪贴板访问javascript代码,都是N年前的往事了。根据http://mozilla.com.cn/post/49413/上的说法:----------------------------------火狐不允许网页操作用户的剪切板,因为有安全问题,网页可能盗用你复制的密码等等。以前可以通过修改设置提权,允许网页获得高权限,操作剪切板,目前火狐已经取消了这个接口。不再允许,所以修改了设置也无效,目前还是自己通过快捷键复制吧。---
阅读全文
摘要:入门级算法-线性查找-时间复杂度O(n)--相当于算法界中的HelloWorld //线性搜索(入门HelloWorld) //A为数组,x为要搜索的值 function linearSearch(A, x) { for (var i = 0; i < A.length; i++) { if (A[i] == x) { return i; } } return -1; }二分查找(又称折半查找) - 适用于已排好序的线性结构 - 时间复杂度O(logN) ...
阅读全文
摘要:数组存储前提下,插入排序算法,在最坏情况下,前面的元素需要不断向后移,以便在插入点留出空位,让目标元素插入。换成链表时,显然无需做这种大量移动,根据每个节点的前驱节点“指针”,向前找到插入点后,直接把目标值从原链表上摘下,然后在插入点把链表断成二截,然后跟目标点重新接起来即可。<!doctype html><html><head> <title>双链表-插入排序</title> <meta http-equiv="Content-Type" content="text/html; charset=g
阅读全文
摘要:二叉搜索树:顾名思义,树上每个节点最多只有二根分叉;而且左分叉节点的值 < 右分叉节点的值 。 特点:插入节点、找最大/最小节点、节点值排序 非常方便 输出结果: 中序遍历: 1 3 4 6 8 9 先序遍历: 6 3 1 4 8 9 后序遍历: 1 4 3 9 8 6 最小节点:1 最大节点:9
阅读全文
摘要:在ajax方式做web开发时,经常会遇到会保存前,收集表单输入项,组成json对象,然后把对象直接post到服务端的场景常规做法是在js里写类似如下的代码:var myObj = {}; myObj.x = document.getElementById("x").value; myObj.y = document.getElementById("y").value; //... //然后ajax post或get提交表单元素不多的时候,这样还好,但是如果一个表单有好几十项甚至更多输入项的时候,写这种代码就太费劲了。好在javascript中有一个邪恶的
阅读全文
摘要:今天在写一段js时,发现IE与FF在动态加载Html元素时,有一些差别,看下面的代码:<!doctype html><html><head> <title>ff 与 ie 动态加载元素的区别</title> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <style type="text/css"> li{margin:0;padding:0;list-
阅读全文