Canvas Cubes
Auf dieser Website begegnen Ihnen überall blaue Würfel. Diese sind mit dem HML5-Canvas-Objekt realisiert und benutzen meine eigene Javascript-Bibliothek CubeUniverse(TM). Ein ganzes Universum nur für blaue Würfel...
Wenn Sie den Firefox-Browser benutzen, können Sie mit der Maus die Würfel selbst drehen und wenden, wie Sie möchten.
Technik
Um den 3D-Effekt der Würfel mit normalen Browsertechnologien zu realisieren, habe ich eine eigene Bibliothek zur perspektivischen Umrechnung geschaffen. Dabei werden über klassische Matrizenrechnung sowohl Rotations- als auch Projektionsmatrizen auf 3D-Vektoren eingesetzt.
Zur Darstellung wird das HTML5-Canvas-Element eingesetzt bzw. im IE – mangels Canvas-Unterstützung – eine Bibliothek zur Emulierung des Canvas-Elements mittels Flash.