3D on 2D HTML Canvas

[swombat]

With cloth animations too! (demo 1)

Quite impressive... does use up a fair bit of cpu and is still quite slow.... and doesn't work in IE7.

I think Flash still has many happy days ahead of it, but this is still rather cool.

For the record, it appears to be using a javascript version of Papervision, the fairly widespread 3D library for Flash.

[fortes]

FYI -- it's significantly faster in Chrome than FF3, work a look.

[ahpeeyem]

That's awesome, and a great demo of just how fast Chrome's V8 Javascript VM is! Wow.

[c00p3r]

thank to x86 native code generation, the very smart idea behind V8.

[ph0rque]

It's been a dream of mine (currently beyond my hacking capability) to build a really simple 3D CAD app using JS on an HTML canvas (optimized for Chrome, since V8 compiles JS down to bytecode). This, along with several other 3D Canvas implementations, are a good step forward.

[est]

DirectAnimation was an interesting technology, but Microsoft droped it for Silverlight.

[kragen]

This is very impressive indeed. My own efforts from a few years back (http://canonical.org/~kragen/sw/torus.html) are very primitive by comparison.

However, you can still see the effects of Canvas's stupid approach to rendering antialiased filled polygons.

[webjunkie01]

I think this dude ported papervision from AS3 to javascript. Really awesome!.

[medearis]

Agreed. Very cool: http://gyu.que.jp/jscloth/parpevision.js

Even on my relatively beefy comp, though, the miku animation was enough to get my fan going full blast. Papervision otoh has the potential to build a real, high-quality, 3d game. I don't see JS getting there any time soon, but nevertheless an interesting proof of concept.

[jacquesm]

slow as molasses but impressive all the same.

[bryn]

It BLAZES on Safari.

[tutwabee]

Opera 9 seems to render this much faster than Firefox 3 on Linux, but it's still not nearly as fast as Chrome on Vista.

[joubert]

Just WOW. Miku (demo 2) is my fav.

[wallflower]

Wow. How is that even possible? Is there a Javascript port of openGL in the works?

[arnorhs]

It's a bit slow on firefox 3, but on chrome it's very nice :)

[TweedHeads]

Animated ads should be based on canvas or svg, not on flash or gifs.

[est]

I disagree. Flash might have some optimization on AVM, and some audio processing dark magic using tools like HaXe.

Flash is like GDI+ or Cairo for the Web. And it may extend to many other capabilities such as webcam, microphone, Argumented Reality, etc.

And RIA should get a nice authoring tool like Adobe Flash IDE or Flex.

Flash is not just graphics

[flatline]

Because...neither will work in IE, and this demo slows FF3 to a crawl? I do think this demo shows a lot of potential but several major issues keep these (IMO) superior formats from wide adoption. It has taken flash years to become ubiquitous, and there is still scant support for apng over gif. I honestly think that silverlight/moonlight will take off before, and possibly in lieu of, svg or canvas.

[liuliu]

cool though. But still cheated. Like flash, there is no project transformation here. They use two affine transformation to cheat. Silverlight seems to be the only practical solution for 3d experience in browser.