Three.js 材质Material


一个场景的炫酷和视觉效果不仅取决于光照渲染,和动画渲染,在很大程度上也取决于场景中对象的材质属性。巧妙的应用材质属性,将会使场景锦上添花,美不胜收。接下来就对Three.js中几种叫常用的材质分别做介绍:[……]

继续阅读

WebGL-shader和GLSL


我们之前提到过着色器和GLSL,但是没有涉及细节,你可能已经对此有所了解, 但以防万一,这里将详细讲解着色器和GLSL。

在工作原理中我们提到,WebGL每次绘制需要两个着色器, 一个顶点着色器和一个片断着色器,每一个着色器都是一个方法。 一个顶点着色器和一个片断着色器链接在一起放入一个着色程序中(或者只叫程序)。 一个典型的WebGL应用会有多个着色程序。[……]

继续阅读

WebGL-二维矩阵

之前的三篇文章讲了如何对二维物体进行平移, 旋转,和 缩放。 每种变换都改变了着色器并且这些变换还受先后顺序影响。在 前例中我们先缩放,再旋转,最后平移,如果执行顺序不同 结果也不同。
例如,这是缩放 2, 1 ,旋转30度,然后平移 100, 0 的结果:[……]

继续阅读