Canvas in full 3D
Normally you'd use canvas for 2D graphics only, but with the recent releases of next-gen javascript engines (Tracemonkey, V8 and Squirrelfish) overall speed got an immense boost, so we've been putting some more effort in a canvas based 3D engine.What’s canvas?
Canvas is an html5 element that allows you to create images via javascript using a built in set of drawing methods for creating lines, fills, transformations and more. Because it’s basically just a pixel buffer, it doesn’t suffer from performance or memory consuming overhead, making it both fast and reliable.
Demo
An early demo of the engine didn’t do any texturing or real user interaction yet, but both of these things have since been added (albeit preliminary), and can now be seen in action in this new flickr-enabled mashup demo. Click any panel to assign a random photo to it. All photos used in this demo are from the Lost Boys flickr group.
Current work on the engine includes better texture mapping, and Collada support – of which the latter is already coming along nicely ;) A demo featuring this will follow soon.
Canvas is currently supported by all browsers except IE. Although various techniques are available for bridging this gap, this engine is probably a few bridges too far to ever work without native support or a plugin.
Marcus Westin made a short clip and put it on youtube:
17 reacties
Dat ziet er goed uit! Papervision here we come :)
Absolutely awesome! Canvas FTW!
WOW - that's what I can say about it :)
good stuff. I like the mouse/object event functionality.
Almost 2 years ago I made a prototype 3d js canvas engine that supports .obj 3d and .mtl color files. I based it on this one, which you may know:
http://www.tapper-ware.net/canvas3d/The OBJ import I implemented may be useful to you. I didn't have time to add Collada support - I think it was kind of new at the time. Send me your email address if you think you'd like to take a look at it.
Will this be open source? What will the license/usage policy be?
Leck mich am Arsch - ist das geil.
I am also curious about the license, I would like to see a basic physics engine and collision and would even be willing to contribute.
Thanks
I'd love to contribute too, if you're going to open source it.
For IE canvas, could you use moocanvas?
Also another vote for open source.Potverdikkeme Peter! En dan heb je het beste nog verzwegen! Groetjes, EP.
Awesom! and you can see the Google Chrome's power with those examples, it's faster than any browser...
Nice! Will IE8 support canvas?
peter = koning
Wait until you can use threads to offload heavy computing so it doesn't block the UI. (Coming in Firefox 3.1.)
En dan probeerde je dat jaren geleden op een zoldertje in Utrecht nog met simpele dHtml omgevingen en daar was geen performance te behalen! Errug cool wat je er nu allemaal uit weet te trekken!!!
Te gek. One step beyond!
Wow! een soort Papervision 3D. Heel erg goed gedaan! Goed voor de inspiratie! Bedankt!
Relevant-ish
Connections to the max
Snelheid, flexibiliteit en complexiteit van online verbindingen nemen exponentieel toe. Het web begint echt op een brein te lijken. Maar wat is het dat ons, of het web, slim maakt?
Snelle Websites met Jammit
In navolging op mijn “Snelle Websites” artikel nu een paar concrete tips.
Goede inspiratie op de woensdagmiddag
In de Creative Meet zijn vandaag de heren van INDG.nl langs geweest. Mooi werk gezien! Bedankt heren Roel en Diederik.
Dag sifr, dag cufon, hallo @font-face!
Sifr en Cufon zijn truuks om custom fonts in je site te kunnen gebruiken, maar nu kan dat eindelijk zonder hacks; namelijk met CSS zelf, en nota bene niet alleen voor titels!
Snelle Websites
Snelle websites zijn belangrijk. Lees verder als je wilt weten waarom en hoe je het voor elkaar kunt krijgen.
Unieke beelden Anne Frank op YouTube ontroeren de wereld
De Anne Frank Stichting heeft op 30 september met groot succes het officiële Anne Frank YouTube kanaal,gelanceerd. Zo’n 2.600 nieuwskanalen, waaronder social media netwerken, hebben inmiddels aandacht besteed aan het kanaal. Vooral het filmpje met de enige bewegende beelden van Anne Frank heeft bij het publiek veel reacties losgemaakt.
Anne Frank-kanaal op YouTube
De Anne Frank Stichting opent vandaag een Anne Frank-kanaal op YouTube met bestaand én nieuw beeldmateriaal over Anne Frank. Op het officiële Anne Frank YouTube kanaal kun je fragmenten zien van interviews met Otto Frank en getuigen als Miep Gies maar ook previews van een nog te openen Virtuele Vleugel van het Anne Frank Huis. Dankzij het Anne Frank-kanaal op YouTube kunnen mensen wereldwijd, via uniek beeldmateriaal, meer te weten komen over het leven en de betekenis van Anne Frank.
Nieuwe website Alliander
Op dinsdag 15 september lanceerde Alliander haar nieuwe website, www.alliander.com. Een belangrijk kanaal voor de communicatie met de verschillende stakeholders. Maar, wat is een nieuwe site zonder goede content. En content die echt iets toevoegd.
Ik ben om!
Afgelopen woensdag hebben Sony en bol.com “digitaal lezen” in Nederland gepresenteerd. Sony brengt twee eReaders op de markt en bol.com heeft 10-duizenden digitale boeken aan haar assortiment toegevoegd.
Ik heb zo’n eReader en ben begonnen in m’n eerste digitale boek. En ik ben om.
Lost Boys ontwikkelt zomercampagne voor Vodafone
De zomer kan nog best lastig zijn. Want wat moet je nou kiezen: sneakers of slippers? En bestel je een caipirinha of toch maar een ice-tea? Gelukkig heeft Vodafone een aanbieding die deze zomer een stuk relaxter maakt.
Tijdens de maanden juli en augustus krijg je het eerste jaar 50% korting op je abonnement. Dit enorm scherpe aanbod geldt zowel bij een nieuwe abonnement, maar ook als je een abonnement bij Vodafone verlengt.
Extras
Volg ons
Zoeken op Prikbord
Agenda
-
vr
12
feb
mon
15
feb
Carnaval
Beneden de rivieren -
vr
19
feb
sat
20
feb
Bright Night #4
Amsterdam -
ma
22
feb
wed
24
feb
FITC (Flash in The Can)
Amsterdam -
ma
22
feb
mon
22
feb
This happened #5
Utrecht -
ma
22
mrt
mon
22
mar
Design by Fire Café #4
Utrecht -
zo
18
apr
sun
18
apr
Spinawards
Amsterdam
