three.js - 复制现有 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中找到。

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

三.js r.61