莫石

本文会介绍一个简单的粒子效果，其原理类似RayMarch,属于广义上的光追path tracing。 光追绘图的基本思路，就是判断射线是否和片元相交，换言之，就是这个点是否在直线上。

测试是什么 在说透明测试之前，我想啰嗦一下，对测试这个词的理解。webgl有很多测试，像深度测试，模版测试，裁剪测试等等。 每种测试都是一道关卡， 只有通过测试才能继续下一关，没有通过测试的就只能止步

要灵活运用threejs,除了要了解其oop特性，也需要熟悉其数学库。 正因为three有一套完整的数学库，所以，其实我们并不需要会很多数学，只需算术。 本文就是教大家怎么调用api。

本文开门见山，走马观花式的过一下three，尽量不讲api细节， threeJS就是对webgl的封装和扩展，其特点是面向对象的。 用threeJs渲染页面的基本要素有 相机、场景、 渲染器。

本文，顺着render方法的执行，把代码翻译了一遍。简简单单的过了一遍源码，没有什么特别的东西，文末附图。

本文简单的介绍了硬阴影的实现方式。 涉及到的内容， 投影贴图的意义和生成，增加输出精度的方法， 帧缓冲区的基本使用，判断投影区域的具体实现

我最开始是在一本书上掠过燃尽效果，当时就是觉得很有意思。 但是最近才真正动手去实践它。我知道这个效果要用噪声实现，但是实际做的时候才发现不知道如何应用。于是，去shadertoy上搜索了一番。选取了三

shaderToy就是glsl ,本文是小白文，标题可能有点不对。 上次翻译了半篇教程关于shaderToy的使用，这次主要是补充一些细节，如何手动把shaderToy的代码拿来使用。自动的大概有大佬

本文讲述了如何使用SVG的mask绘制空心图形。 其实标题也可以改成《还不会给几何图形挖孔？很简单，用mask一招搞定》。 补充fillrule的说明