Home > JavaScript > Pseudo 3D by canvas2D

Pseudo 3D by canvas2D

Today, I had a Hack-a-thon day at my work. Basically, no meeting, just do whatever you wanna do. It should be related to the work, but it doesn’t have to (am I right?). So I have been thinking that I wanted work on something 3D by using canvas and my Meetup.Tweener. I read lots of articles (which I have done before as well..), and gosh, I forgot so much about matrix transformation. But anyway, let me show you what I did. It’s only half done but it’s still sort of interesting how much you can do with canvas.

Fliping picture

Click on picture, it will flip around.

This is even worse than CSS transformation because it only works for x-axis scaling as opposed to, CSS transformation, you can do 3d, at least more 3D-ish, flipping animation. BUT ANYWAY, this just fire on my heart to learn 3D again.

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://blog.nydd.org/2009/08/pseudo-3d-by-canvas2d/trackback/
Listed below are links to weblogs that reference
Pseudo 3D by canvas2D from Vantage Point of Queens

Home > JavaScript > Pseudo 3D by canvas2D

Search
Feeds
Meta
Links
Ads!

Return to page top