Custom Phong Shader для объекта THREE.JS

Question

Цель: Рассчитать нормали в вершинном шейдере для смещенных вершин.

Текущее состояние: Некоторые взломанные коды, на которые я не верю, являются 100% правильными.

--- прогресс ---

верт является модифицированной позицией вершины

vertNormal является модифицированным положение вершины применяется к нормалям (в основном клон)

vec3 objectNormal = normalize(cross(vert-position,vertNormal-position)); 
vec3 transformedNormal = normalMatrix * objectNormal; 
vNormal = normalize(transformedNormal); 

http://fallingcode.com/servedFiles/normals.jpg

Мне просто нужна некоторая обратная связь о той части вершинного кода шейдера на этом этапе.

Answer 1

После помощи @ WestLangley, я достиг своей цели. Волны на изображении - это просто результат. Мне придется исследовать уравнения, чтобы сделать их более естественными.

Итак, нормали вычисляются правильно, и отражение окружающей среды (файл куба ТРИ.JS) также работает правильно.

http://www.fallingcode.com/servedFiles/calculatedNormals.jpg

Следующий код в вершинном шейдере что вычисляет нормали после вершины были перемещены по нормали (ось г в данном случае).

// the displacement function 
float displace(vec3 pos) { 
    float amplitude; 
    amplitude = sin(pos.y + time) * 0.1; 
    return amplitude; 
} 

float df = displace(position); 
vec3 displacedPosition = position + normalize(normal) * df; 

float delta = 0.01; 
vec3 newNormal = vec3(df - displace(position + vec3(delta, 0, 0)), df - displace(position + vec3(0, delta, 0 )), delta); 
newNormal = normalize(newNormal); 

vNormal = normalize(normalMatrix * newNormal);