Cube World Aero
Un paesaggio di cubi costruito da zero in WebGL.
Apri Cube World Aero (nuova scheda)Una piccola scena WebGL scritta senza librerie 3D: geometria, matrici e ombreggiatura passano direttamente dall’API WebGL pura, avvolte in un’interfaccia lucida in stile Frutiger Aero. Tocca per soffiare bolle e trascina per guardarti intorno.
Apri la scenaCome è costruita
Un solo cubo viene copiato su una griglia, spostato nella sua cella e allungato in altezza, con un colore su ogni vertice. Le matrici di prospettiva e look-at posizionano la camera, e il fragment shader sfuma i colori dei vertici e illumina ogni faccia.
Livelli
- Altezze e colore per vertice.
- Altezze e colori presi da una mappa delle altezze e da una mappa dei colori.
- Nuvole, farfalle e bolle che si muovono lungo curve di Bézier cubiche, ognuna con la propria matrice del modello.
Prestazioni
L’intero paesaggio è un unico buffer disegnato con una sola chiamata, così resta fluido fino a decine di migliaia di cubi. Un indicatore in tempo reale mostra la dimensione della griglia, il tempo di costruzione e i fotogrammi al secondo.