- 博客(3)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 WebGL学习实录（三）
前面两个章节主要是讲述了基础概念。接下来我们来学习基本的WebGL程序结构。WebGL应用程序代码是Javascript和OpenGL着色语言的组合，其中Javascript是需要与CPU进行沟通，OpenGL着色语言跟GPU通信。使用HTML5 Canvas 绘制WebGL大致步骤如下：1） 创建HTML5 canvas控件<canvas id="canvas" width...
2019-03-08 14:28:48
303
原创 WebGL学习实录（二）
WebGL图形流水线在开发WebGL应用程序时，需要通过编写着色器语言代码与GPU进行沟通。在javascript编写的程序其中包括以下操作的控制代码：a）初始化WebGL - 即用Javascript初始化WebGL的上下文。b）创建数组 - 通过创建数组来保存几何数据c） 缓冲区对象 - 通过将数组作为参数来创建缓冲区对象(顶点和索引）d）着色器 - 创建、编译、使...
2019-03-07 10:08:50
182
原创 WebGL学习实录（一）
基础1) 需要熟悉使用canvas；如何创建webgl上下文环境；var gl = canvas.getContext('experimental-webgl');或者var gl = canvas.getContext('webgl');2）理解WebGl的坐标系跟其他3D系统一样，WebGL的Z轴表示x,y和z轴。在WebGL上的坐标被限定为（1,1,1）和（-...
2019-03-07 09:45:02
204
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人