复制现有Three.js材质以添加位移计算

Question

我需要在Three.js中使用纹理贴图进行顶点位移。

1. 是否有现有的材料可以支持这一点？
2. 如果没有，那么复制现有Three.js着色器的最佳方法是什么，以便可以添加一些顶点位移计算？我想在材质上保留现有功能，例如阴影和线框。

Answer 1

THREE.ShaderTerrain[ "terrain" ]和THREE.ShaderLib[ "normalmap" ]支持使用纹理贴图的顶点位移。

其使用示例可在http://threejs.org/examples/webgl_terrain_dynamic.html和http://threejs.org/examples/webgl_materials_normalmap.html中找到。

如果这些不满足您的需求，那么您将必须编写自己的着色器。这样做并不容易。最好修改现有的着色器。

three.js r.61