I did a quick port of a «graphic demo» called «metatunnel» (created by FRequency).

Paulo Falcão ported this to Javascript using canvas.

To make the set complete I ported Paulos JS version to Actionscript, just quick’n'dirty.

Click on it to start the animation:

The Flash plugin is required to view this object.

(more…)

I was doing some stuff with 3D in Flash. And so I wondered wether sth similar might be achieved with pure HTML/Javascript. And yes, modern browsers (so not IE) can!

What I’ve done is this (a litte simplified):

  • Migrated my 3D engine I’ve written years ago from AS1 to Javascript
  • Extracted point cloud from Colada 3D object
  • Draw rectangles for every point to canvas

And that’s how it looks:



Should work on Safari, Firefox and Opera.

A sweet nice canvas demo with some (pseudo?) 3D. A lot of code for a little story. But I like it. You’ll gonna need a fast computer ;)

Just added a little javascript magic: now you can «zoom into» the code snippets in this blog. The javascript is not very -ehm- reusable because it contains some dirty hard coded style stuff, but hey, it does its job pretty well ;-) (btw: not tested on IE).

So now time to go to Marc’s birthday party. I wish Marc, my favorite code (and soon typo) guru and a good friend, all the best: Rock on!! :-)