Projective Texturing

  • Posted on March 7th, 2009

Steven Wittens has created this excellent demo of the canvas element being used for projective texturing.

Projective Texturing

Image perspectives, any way you want them

Perspective views are described by so-called projective transforms, which Canvas2D does not support. However, it does support arbitrary clipping masks as well as affine transforms of both entire and partial images. These can be used to do a fake projective transform: you cut up your textured surface into a bunch of smaller patches (which are almost-affine) and render each with a normal affine transform.

View the Projective Texturing demo


Posted on:
March 7th, 2009
Posted by:
Andi Smith



Your Rating:
1 Star2 Stars3 Stars4 Stars5 Stars

Works on

BETA Please let us know if you find Projective Texturing works in other browsers by leaving a comment below.


Frank Jakob

I’m impressed! I would like to do a 3D exhibition (Galary) for my wife. She is a painter. Is it possible to get some ideas ho to realise? Mathmatics for 3D is not a problem at all for me. But how to realise with canvas manipulation?
Regards Frank

Posted on December 27, 2010


Great goods from you, man. I’ve remember your stuff previous to and you’re simply extremely wonderful. I really like what you’ve acquired right here, certainly like what you are saying and the way in which through which you say it. You are making it enjoyable and you still take care of to keep it wise. I can’t wait to read much more from you. This is actually a wonderful website.

Posted on December 19, 2014

Add comment

(will not be published)