- 博客(7)
- 资源 (3)
- 收藏
- 关注
原创 Laya3D 1.8阅读笔记
Scene3D场景 场景即为LayaAir引擎的3D世界容器,用于呈现游戏的3D画面和加载各种3D元素,游戏中的摄像机,灯光,人物,物品等都需要放到场景中才能展示出画面,相当于一个游戏3D播放器或者3D视图。Sprite3D精灵 Sprite3D是3D中基本的显示图形的显示列表节点。精灵的种类是非常的多,像Sprite3D空精灵,在3D世界中使物体产生立体光影变化,投影等效果的Light...
2019-07-31 15:50:52 2316
翻译 Babylon.js阅读笔记一
前言由于Babylon相关的中文文档很少,对于3D刚入门又不太懂英文的同学来说学习Babylon.js会比较困难。本人英文也不是很好,从Laya和WebGL作为自己的3D入门选择,对3D的基本概念较为理解之后进一步看Babylon的文档并期望能翻译为比较好的中文文档供自己和各位开发同学参考。本文翻译可能会有很多不足,如有大佬能够帮忙指出并完善翻译本人将多谢赐教!Babylon.js101创...
2019-07-31 15:49:16 924
原创 WebGL编程指南五:三角形动画
目标:基础概念为了一个三角形转动起来,你需要做的是:不断擦除和重绘三角形,并且在每次重绘时轻微的改变其角度。requestAnimationFrame(func) 请求浏览器在将来某时刻回调函数func以完成重绘。我们应当在回调函数最后再次发起该请求。参数:func 指定将来某时刻调用的函数。函数会接收到一个time参数,用来表明此次调用的时间戳返回值:Request id传统习惯上...
2019-07-12 12:02:52 204
原创 WebGL编程指南四:利用矩阵进行平移旋转缩放变换
目标:掌握利用矩阵位移,旋转,缩放基本图形准备引入cuon-matrix.js矩阵库基本概念Matrix4类 cuon-matrix.js中为我们提供了Matrix4类,Matrix4对象(实例)表示一个4*4的矩阵,该对象内部使用类型化数组Floated32Array来存储矩阵的元素旋转为描述一个旋转,你必须指明1.旋转轴(图形将围绕旋转轴旋转); 2.旋转方向(方向:顺时针或逆时...
2019-07-12 11:31:51 1449
原创 WebGL编程指南三:js向shader一次传入多个(点)的坐标位置值和多个点的尺寸值
目标:在canvas中绘制基本图形基本概念构成三维模型的基本单位是三角形,不论其形状多么复杂。通过创建更细小和更大量的三角形,就可以创建更复杂和更逼真的三维模型。缓冲区对象:WebGL系统中的一块内存区域,我们可以一次性向缓冲区对象中填充大量的顶点数据,然后将这些数据保存在其中,以供顶点着色器使用。使用缓冲区对象向顶点着色器传入多个顶点数据的五个步骤:创建缓冲区对象(gl.creat...
2019-07-11 17:01:20 452
原创 WebGL编程指南二:将顶点的信息从JavaScript程序中传给顶点着色器
目标:WebGL程序可以将顶点的位置坐标从JavaScript传到着色器中基本概念将顶点的位置信息从JavaScript程序中传给顶点着色器有两种方式:使用attribute变量 传输与顶点相关的数据。只有顶点着色器能使用它,必须声明成全局变量。使用uniform变量 传输那些对于所有顶点都相同(或与顶点无关)的数据关键词 attribute和uniform被称为存储限定...
2019-07-11 14:57:59 272
原创 WebGL编程指南一:入门
前言WebGL被设计出来的目的,就是在网页上创建三维的应用和用户体验,它是内嵌在浏览器中的,你不必安装插件和库就可以直接使用它。它允许Javascript在网页上显示和操作三维图形。WebGL程序由HTMLT和JavaScript文件组成。WebGL页面包含三种语言:HTML5,JavaScript,和GLSL ES,而通常GLSLES是以字符创的形式写在JavaScript中的,所以实际上We...
2019-07-11 13:21:41 1881
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人