05 Los datos se convierten en vértices

Vértices: cambiar de verdad la geometría

Esta vez movemos los vértices reales de la malla.

Altura de la onda0.28

00.55

Frecuencia de la onda5.00

110

Se ejecuta una vez por vérticeArrastra los números o edita el código

void main() {
  vec3 p = aPosition;
  p.z += sin(p.x * 5.000 + uTime) * cos(p.y * 5.000) * 0.280;
  vColor = aColor;
  vUv = aUv;
  vNormal = uNormalMatrix * aNormal;
  vec4 world = uModel * vec4(p, 1.0);
  vWorld = world.xyz;
  gl_Position = uProjection * uView * world;
}

void main() {
  vec3 p = aPosition;
  p.z += sin(p.x * 5.000 + uTime) * cos(p.y * 5.000) * 0.280;
  vColor = aColor;
  vUv = aUv;
  vNormal = uNormalMatrix * aNormal;
  vec4 world = uModel * vec4(p, 1.0);
  vWorld = world.xyz;
  gl_Position = uProjection * uView * world;
}

Lado JS

gl.uniform1f(uTime, 0.00)
gl.uniformMatrix4fv(uModel, …) // rotación -0.35 / -0.80

El shader de vértices mueve de verdad los vértices de la malla; uno de fragmentos solo puede cambiar el color, nunca la forma.

Pruébalo

Pon la altura en 0: la superficie vuelve a ser plana
En el código de vértices, cambia sin por abs(sin(...))