Web3D

让物体从上到下消失的shader处理。使用 threejs material中的onBeforeCompile方法，在编译前修改shader。

问题： 3D场景中的物体都被拉伸？ 调整相机的宽高比例：调整相机的宽高比例，使其与canvas的宽高比例匹配。设置相机的aspect属性，将其设置为canvas的宽高比例。

threejs 第一人称视角，指针锁定控制器PointerLockControls的使用 官方Demo 官方的使用例子 three.js - pointerlock controls 官方文档 Poi

threejs官方例子里面有几个第一人称的Demo three.js webgl - geometry - minecraft three.js - misc - octree collisions

GLSL 实现一个菲涅尔效果。效果图如下： 代码实现 实现逻辑 先说几个名词：单位向量、法线、点积。不清楚的可以先了解下这个名词。 思路： 计算当前摄像机位置的单位向量。 计算当前像素点的法向量的单位

参考资料 修正postprocessing导致的颜色空间问题 问题 在项目中使用 OutlinePass 时候，发现场景变暗。 问题点 linear颜色空间 和 sRGB颜色空间的问题。 解决办法 使

three.js的InstancedMesh使用 官方文档： 官方文档 官方示例 实例化网格（ InstancedMesh ） 这个类合 Mesh 类似。 你可以使用 InstancedMesh 来渲