WebGL基础
langlangsz
这个作者很懒,什么都没留下…
展开
-
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 · 316 阅读 · 0 评论 -
WebGL学习实录(二)
WebGL图形流水线在开发WebGL应用程序时,需要通过编写着色器语言代码与GPU进行沟通。在javascript编写的程序其中包括以下操作的控制代码:a)初始化WebGL - 即用Javascript初始化WebGL的上下文。b)创建数组 - 通过创建数组来保存几何数据c) 缓冲区对象 - 通过将数组作为参数来创建缓冲区对象(顶点和索引)d)着色器 - 创建、编译、使...原创 2019-03-07 10:08:50 · 200 阅读 · 0 评论 -
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 · 226 阅读 · 0 评论