acoolgiser的博客

一、getContext()方法翻译自：https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/getContext语法：canvas.getContext(contextType, contextAttributes);var ctx = canvas.getContext（contextType）;v...

在学习webgl的时候，看到别人的example里面有这样的代码：canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) 是什么意思？为什么这样写？原来是因为：早期WebGL的context，还不能通过正式的名称webgl来获取，必须使用experimental-webgl来获取context对...

关于着色器WebGL中，所谓的固定渲染管线是不存在的。估计会有人问，什么是固定渲染管线？先来简单说明一下。固定渲染管线，简单来说，就是3d渲染所进行的一连串的计算流程，就像流水线一样。（说的有点太简单了。）固定渲染管线中，上次所说的模型，视图，投影的坐标变换都会替我们完成。不需要理解细节，只需要知道所有的这些坐标变换都包含在里面，都会帮我们计算好。如果有了固定渲染管线，编写程序就比...

1.固定渲染管线与可编程渲染管线的区别：    1）、固定渲染管线 ——这是标准的几何&光照(T&L)管线，功能是固定的，它控制着世界、视、投影变换及固定光照控制和纹理混合。T&L管线可以被渲染状态控制，矩阵，光照和采制参数。    2）、顶点着色器——图形开发人员可以对渲染管线中的顶点运算和像素运算分别进行编程处理了，而无须象以前那样套用一些固定函数，取代设置参数...

指定精确度的precision这一次的片段着色器中的第一行，出现了一个陌生的precision，这个precision是用来指定数值的精确度的关键字，紧接着跟在precision后面的是精确度修饰符。这个修饰符有三种，简单点说就是指定精确度为上，中，下。其实，变量中使用的小数发生变化时（也就是说，处理的数值的位数增加或是减少），根据运行的环境不同得到的结果是不太统一的。lowp   ：精确...