Cube World Aero
Un paisaje de cubos hecho desde cero en WebGL.
Abrir Cube World Aero (pestaña nueva)Una pequeña escena WebGL escrita sin librerías 3D: la geometría, las matrices y el sombreado pasan directamente por la API de WebGL, envueltos en una interfaz brillante al estilo Frutiger Aero. Toca para soplar burbujas y arrastra para mirar a tu alrededor.
Abrir la escenaCómo está hecha
Un solo cubo se copia por una cuadrícula, se mueve a su celda y se estira en altura, con un color en cada vértice. Las matrices de perspectiva y look-at colocan la cámara, y el fragment shader mezcla los colores de los vértices e ilumina cada cara.
Niveles
- Alturas y color por vértice.
- Alturas y colores tomados de un mapa de alturas y un mapa de colores.
- Nubes, mariposas y burbujas que se mueven por curvas de Bézier cúbicas, cada una con su propia matriz de modelo.
Rendimiento
Todo el paisaje es un único buffer que se dibuja en una sola llamada, así que va fluido hasta decenas de miles de cubos. Un indicador en directo muestra el tamaño de la cuadrícula, el tiempo de construcción y los fotogramas por segundo.