Wireframe drawing in Javascript

Even een korte, want heel bijzonder is deze ook niet. Ik ben bezig met iets van een 3D renderer voor canvas, en dit was een oefening. Een bol getekend als wireframe.

De demo tekent een bol gebaseerd op rasterlengte (voor de rest van dit stukje L) kwadraat punten, verdeeld over de bol volgens lengte- en breedtegraden. Hierdoor ontstaan 2 x (L*(L-1) driehoeken, in de standaardinstellingen 480.

Beweeg de muis om de bol te draaien, + en - om in en uit te zoomen. Daarnaast zijn er nog een paar opties:
Rasterlength: Zie vorige paragraaf
Depth darkning: Lijnen veraf worden donkerder getekend
Draw points: Tekent de punten waarop het frame gebaseerd is.
Draw wireframe: Geen idee wat dit doet. Wees creatief.

Ondersteuning

Succesvol getest met:
PC: Internet Explorer 9, Firefox 4 (beste resultaat), Chrome 12, Safari 5 (glitchy), Opera 11
Mobiel(!!!): Safari (iOS 4 op iTouch 3rd gen & iPhone 3GS), Android browser (HTC Wildfire), BlackBerry browser (Torch 9800)

De mobiele apparaten hebben natuurlijk geen muis. Tap op het scherm om te draaien. Ik ben erg onder de indruk van de ondersteuning van de gebruikte technologieën. We gaan zo steeds verder naar 1 web toe.

---