HTML5 WebGL
D.J
这个作者很懒,什么都没留下…
展开
-
DJ's WebGL Tutorial 005--3D渲染与所需矩阵变换
在前面几节,我们省略了顶点的矩阵变换,直接使用的屏幕空间坐标进行渲染。 本节中,我们将开始进入3D世界,渲染一个旋转的3D立方体。原创 2015-06-01 22:46:11 · 868 阅读 · 0 评论 -
DJ's WebGL Tutorial 004--带贴图的矩形
1.用2个三角形组成矩形,增加3个顶点, 添加uv用于纹理映射,并创建buffer:原创 2015-05-31 20:58:07 · 516 阅读 · 0 评论 -
DJ's WebGL Tutorial 003--渲染一个三角形
1.WebGL继承于OpenGL ES 2.0,只能使用可编程渲染管线,所以我们先创建shader原创 2015-05-30 21:39:13 · 491 阅读 · 0 评论 -
DJ's WebGL Tutorial 006--模型加载、显示
本节将加载并显示一个3D模型, 从渲染方法上讲,和上一节的立方体没有本质区别,只是顶点数据不一样。 立方体是我们自己定义顶点数据, 而3D模型,是从资源文件读取顶点数据, 所以这一节的重点在于数据读取。原创 2015-06-03 15:18:44 · 729 阅读 · 0 评论 -
DJ's WebGL Tutorial 001--渲染准备
1.首先声明一张画布canvas,作为webgl的渲染目标: 2.在javascript代码中,从canvas获取webgl设备句柄: 3.设置清屏色为蓝色之后,清屏:原创 2015-05-30 18:10:35 · 602 阅读 · 1 评论 -
DJ's WebGL Tutorial 002--渲染循环、显示FPS
1.为了便于编码,先将html与javascript拆分为2个文件。 2.在页面中再添加一个canvas,用来绘制2d文本显示FPS。原创 2015-05-30 18:13:26 · 719 阅读 · 0 评论 -
DJ's WebGL Tutorial 007--骨骼动画
骨骼动画是目前最常用的模型动画, 这一节将增加对骨骼动画的支持, 使用javascript进行基于cpu的骨骼更新, 使用vertex shader进行基于gpu的顶点蒙皮。 所用模型和动画数据都导出自Unity3D。原创 2015-06-07 23:46:11 · 1831 阅读 · 3 评论