News for hackers. Stuff that matters.

A comment on JavaScript Wolfenstein 3D Engine . Parent comment

Re:JavaScript Wolfenstein 3D Engine by TrisMcC on Thursday August 06, 2009 @05:51PM (#746495)
Check the source. This one is done without canvas, and with div and img elements. The canvas elements used here are for the minimap.
[ Parent | on HN ]
Re:JavaScript Wolfenstein 3D Engine by ars on Thursday August 06, 2009 @06:35PM (#746581)
It's png sprites:

http://devfiles.myopera.com/articles/650/walls.png http://devfiles.myopera.com/articles/650/lamp.png http://devfiles.myopera.com/articles/650/tablechairs.png http://devfiles.myopera.com/articles/650/guard.png

You use the piece you want then scale it. For distance, make it smaller, for viewing something that is on the side you shrink it in width while leaving the height alone, this gives the illusion that it is slanted.

It would not be possible to do true 3d with this because you would need to scale something into a trapezoid which HTML can not do.

The guard png implies that you can shoot (and get shot), but I could not get that to work. By the name of the URL looks like there should be a step 6.

[ Parent | on HN ]