three.js - Threejs从高度图变形网格

Question

如何在 three.js 中使用高度图对已经创建的网格进行变形？查了好几遍也没找到，所以来这里问问。

Answer 1

你很幸运，three.js-r72在MeshPhongMaterial. 您将置换贴图设置为normalMap：

var displacementMap = THREE.ImageUtils.loadTexture( "textures/ninja/displacement.jpg" );

var material = new THREE.MeshPhongMaterial( {
                color: 0x0a0100,
                //...
                displacementMap: displacementMap,
                displacementScale: 2.436143,
                displacementBias: - 0.428408,
            } );

scale：位移量，“你的鞋钉有多高”

bias: 上下移动中心

官方示例：http ://threejs.org/examples/#webgl_materials_displacementmap