Skabelse af 3D-verden med HTML og CSS

CSS 3D-transformationer kan danne komplette 3D-miljøer ved at anvende HTML-div’er som flader.

Rektangulære elementer samles til samlinger og roteres for at skabe objekter som tønder og rør.

Flat shading opnås med dynamisk genererede lineære gradients og alpha-kanaler.

Canvas bruges til at generere realistiske light maps ved at tegne lysintensiteter og konvertere til data-URL.

Skygger kastes ved at sortere overflader efter afstand til lyskilde og markere ray-traced områder.

Kollisioner håndteres via et højde-kort, hvor pixelfarver bestemmer fald, opstigninger og stop.

Fremtidige planer om at bygge spil og Three.js CSS-renderer bruger disse teknikker.