07 Superficies y luz

Normales: hacia dónde mira una superficie

Codifica la orientación de la superficie como un color RGB.

Rotación del modelo0.50

-3.143.14

Se ejecuta una vez por píxelArrastra los números o edita el código

void main() {
  vec3 normal = normalize(vNormal);
  vec3 color = normal * 0.5 + 0.5;
  if (uRenderPass > 0.5) color = vec3(0.18, 0.30, 0.34);
  if (uRenderPass > 1.5) {
    if (length(gl_PointCoord - 0.5) > 0.5) discard;
    color = mix(vec3(0.63, 0.86, 0.76), vec3(1.0, 0.65, 0.32), vSelected);
  }
  gl_FragColor = vec4(color, 1.0);
}

void main() {
  vec3 normal = normalize(vNormal);
  vec3 color = normal * 0.5 + 0.5;
  if (uRenderPass > 0.5) color = vec3(0.18, 0.30, 0.34);
  if (uRenderPass > 1.5) {
    if (length(gl_PointCoord - 0.5) > 0.5) discard;
    color = mix(vec3(0.63, 0.86, 0.76), vec3(1.0, 0.65, 0.32), vSelected);
  }
  gl_FragColor = vec4(color, 1.0);
}

Lado JSgl.uniformMatrix4fv(uModel, …) // rotación 0.50 / 0.35

Una normal es la dirección hacia la que mira la superficie, no una posición; al convertir −1…1 en 0…1 puedes verla como color.

Pruébalo

Gira el cubo: ¿de qué color es la cara que mira hacia ti?
Borra * 0.5 + 0.5: las direcciones negativas se vuelven negras