Three.js: Как перевернуть нормали после отрицательного масштаба

Question

Я клонировал и перевернул объект, используя отрицательный масштаб, что заставляет мои односторонние лица инвертироваться. Мой вопрос: как я могу перевернуть нормали?

Я не хочу использовать material.side = THREE.DoubleSide по причинам: 1) не работает должным образом (некоторые оттенки сделаны изнутри) и 2) хотят сохранить как можно больше производительности. Поэтому DoubleSide не вариант для меня.

То, как мой объект, если перевернулся.

mesh.scale.x = - scale_width; 

Заранее благодарен!

Answer 1

Я бы посоветовал против отрицательного масштаба для целого ряда причин, как описан в этой ссылке: Transforming vertex normals in three.js

Вы можете вместо этого применить матрицу инверсии к вашей геометрии, как так

geometry.scale(- 1, 1, 1); 

Как объяснены в ссылка, следствием этого, однако, является то, что грани геометрии больше не будут иметь порядок намотки против часовой стрелки, но по часовой стрелке.

Вы можете вручную перемещать геометрию и переворачивать порядок намотки каждого лица. Это может сработать для вас - если вы не используете текстуру и не используете UV. Если ваша геометрия должна быть текстурирована, необходимо также скорректировать UV-элементы.

На самом деле утилита инверсии геометрии была бы приятным дополнением к three.js. В настоящее время то, что вы хотите сделать, не поддерживается библиотекой.

Three.js R.72

Answer 2

Этот вопрос состоит из двух лет, но в случае, если кто проходит мимо. Вот неразрушающий способ сделать это:

Вы можете войти в режим «грязные вершины/нормалей», и флип нормалей вручную:

mesh.geometry.dynamic = true 
mesh.geometry.__dirtyVertices = true; 
mesh.geometry.__dirtyNormals = true; 

mesh.flipSided = true; 

//flip every vertex normal in mesh by multiplying normal by -1 
for(var i = 0; i<mesh.geometry.faces.length; i++) { 
    mesh.geometry.faces[i].normal.x = -1*mesh.geometry.faces[i].normal.x; 
    mesh.geometry.faces[i].normal.y = -1*mesh.geometry.faces[i].normal.y; 
    mesh.geometry.faces[i].normal.z = -1*mesh.geometry.faces[i].normal.z; 
} 

mesh.geometry.computeVertexNormals(); 
mesh.geometry.computeFaceNormals(); 

+1 @WestLangley, я предлагаю вам никогда не использовать отрицательный масштаб.