崔火火火火

上一节中，我们学习了缓冲区对象，可以一次性向顶点着色器传递大量的数据，这样就可以画出复杂的图形。这节我们就利用缓冲区对象绘制三角形。 在 WebGL 中的 gl.drawArrays() 既强大又灵活，通过第一个参数 mode 指定不同的值，我们就可以绘制7中不同的图形。

在上一节中，展示了画多个点的一个例子，将数据存储在数组中，然后循环绘制每一个点。不过这种方式只能绘制点，由多个顶点组成的图形，比如三角形、长方形，需要一次把所有的顶点数据传递给顶点着色器才能绘制出来，用数组的方式一个一个点传进去就没办法实现了。不过，WebGL 提供了缓冲区对象…

使用 Three.js 自带的 THREE.Points 可以实现一些炫酷的粒子动效，我们来看看这些效果是怎么实现的。 在圣诞或其他节日的时候，我们有时候需要实现一些雪花飘落的效果，而使用 Three.js 可以简单的实现出来。效果大致是这样的： 这些都是使用 Three.js…

上一节，我们了解了如何画一个点，学习了绘制点用到的顶点着色器和片元着色器，以及绘制的核心方法gl.drawArrays()。 但这只是绘制了固定位置的点，并且将点的位置写死(硬编码)在了顶点着色器中，这样易于理解，但是不够灵活。这一节中，我们将学习把点的位置传给顶点着色器的方法…

后面的示例入口都是以这个html页面为样板。 其中 webgl-utils.js 、webgl-debug.js、cuon-utils.js 等，都是这本书配套的工具方法。 相关源码我自己做了收藏，可以再这里下载。《WebGL 编程指南》书中涉及的源码 可以直接使用 canva…

“您的浏览器不支持 Canvas!” 代表的是替换内容， 不支持<canvas>的浏览器，将会显示该内容。 左上角为坐标原点，x轴向右，y轴向下。 三个方法的参数都是 (x, y, width, height)，并且这三个函数调用以后，会马上显示在canvas上，即时生效。 闭…

其几何意义是：向量的平移。 其几何意义和加法一致，也是向量的平移，可以看做 + ()， 为 的反方向。 实数λ和向量的乘积， 为向量λ。且 λ = 0， 方向任意。 |λ| < 1，表示 压缩 |λ| 倍。 两个非零向量的夹角记为,且∈[0,π]. 判断这两个向量是否是同一方向…

在 why not the 'baseslice' func use Array.slice(), loop faster than slice? 中有做说明：_.slice 会将数组当做密集数组处理，而 Array.slice 会把数组当做稀疏数组处理。 也就是说，稀疏数组中…