Using WebGL 3D Shapes as 2D Canvas Images

I'm creating a 2D Canvas game with cubes raining down on players. Their goal is to shoot or dodge them. Right now the cubes are just 2D JavaScript OOP entities. What I want to do is replace the 2D cube graphics with WebGL 3D cubes.

My question is, what's the best approach to use WebGL's 3D graphics in a 2D game? I'm looking for something similar to Opera's HTML5 Emberwind. They use 3D graphics in a 2D space to create character animations instead of using image sprites.

Answers


Use three.js ( http://mrdoob.github.com/three.js/ ) to easily handle 3D graphics, and put all the game itemes in the same plane, so you can build a so called 2.5D game.

If you are worried about IE users, stick with the Canvas renderer, otherwise use the high performances WebGL renderer.


Need Your Help

External links add domain to front of link, even when using http://

php html url hyperlink href

Problem: External links have our domain name to the front of the link.

Using powershell to read html content

html powershell csv powershell-v2.0

Sorry for limited knowledge with powershell. Here I try to read html content from a website, and output as csv file. Right now I can successful download whole html code with my powershell script:

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.