复制现有的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