Olivers Place

Random stuff I do...

HTML Canvas - adding a dimension...

The web is such a great platform, but there are still things it can't do, and one of them is support for decent graphics without flash. HTML 5, the next version of the html the web is written in, goes some way to address this. With HTML5 you can do pretty much anything you like with 2D graphics by using the new <CANVAS> tag. The problem is I hate limits, and therefore uncontent with my new 2D canvas, I want more! So I've been fiddling with software 3D rendering inside javascript. Here's my first attempt: (note - this only works on the latest versions of Chrome, Opera, Firefox, or Safari)

3d ball test page

Page where we aim to wrap image A below around a sphere and project it back into image B using the settings below

The images

Image A Image B