Как перенести нормали Vertex & Face в шейдер Tri.js?

Question

Если я правильно понимаю, THREE.Geometry методы, .computeFaceNormals() & .computeVertexNormals(), каждый присваивать значения к 'врожденное' атрибут массива "нормальный".

Так что, если я хочу использовать как вершинно & нормалей в лицевой стороне одного шейдера, я должен:

1. Calculate лицо нормали
2. клон результаты (от «нормалей») в новый массив атрибутов (т.е. «fNormals»)
3. подсчет вершинных нормалей
4. делают ...

До сих пор, используя этот подход, я пытаюсь это:

var shader = new THREE.ShaderMaterial(
    { 
     attributes: { 
      fNormal: { type: "v3", value: [] } 
     }, 
     //uniforms, vertexShader, etc... 
    }); 

//load a mesh & assign the shader to it... 

//setup both vertex & face normals for use in shader 

mesh.geometry.computeFaceNormals(); 

//clone above face-normals to 'fNormal' array: 

for (var i=0; i < mesh.geometry.attributes[ 'normal' ].length; i++){ 
    var cloned = mesh.geometry.attributes[ 'normal' ].value[i]; 
    shader.attributes[ 'fNormal' ].value[i] = cloned; 
} 

//now calculate vertex normals & place them in the 'normal' attribute: 
mesh.geometry.computeVertexNormals(); 

EDIT: Хорошо, понимая некоторые ошибки & редактирования этого, как я отладки. Тем не менее уверены в том, как обращаться сгенерированные нормалей ...

Спасибо за любой insights-

Answer 1

Вы можете получить доступ к рожи нормалей в mesh.geometry.faces[].normal.

for (var i=0; i < mesh.geometry.faces.length; i++){ 
    shader.attributes.fNormal.value[i] = mesh.geometry.faces[i].normal; 
    //I don't think you need to clone the normal vertex here 
} 

Это должно работать, если связать ваш атрибут лица:

attributes: { 
    fNormal: { type: "v3", value: [], boundTo: 'faces' } 
}, 

Вы можете найти пример того, как использовать пользовательские атрибуты в webgl_materials_wireframe