Тройка деформирует сетку из карты высот

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