Simple 3d engine with JavaScript canvas

-
This weekend I was testing the canvas element in JavaScript. It was pretty easy so I decided to make a very simple 3d engine. The engine only consists of a simple scene graph where the camera is fixed at origo and pointing along the Z-axis. The "pipeline" consists of two steps, transformation and rendering.

All transformations are represented by 4x4 matrices which are pushed to a matrix-stack as the code traverses the scene graph. After the transformations are done the scene is rendered. The renderer only supports solid faces and edges. Since the objects aren't sorted before they are drawn all faces and lines are transparent.

I never got the inheritance to work properly in JavaScript so there is no base class for objects just one implementation of a cube-class.

A demo of the engine can be found at:
http://slackers.se/resources/demo/j3d/demo.html

The latest source is available in the project repository at:
https://projektserver.se/svn/tiny/javascript/j3d/

Comments

Post a Comment

Popular posts from this blog

jQuery floating table header plugin

-
A jQuery plugin that makes the header of a table floating if the original header isn't visible due to scrolling. The plugin will automatically choose the thead tag as the header for a table. If thead isn't found it will search for rows marked with the class 'floating'. The behavior can be changed by the settings forceClass and markingClass. News 2012-08-19 This plugin is no longer maintained by me and this page will therefore not be updated anymore. 2011-01-04 1.4.0 ! Lazy loading of tables and performance optimations by Jason Axley 2010-08-02 1.3.0 ! Better ie6 support, http://plugins.jquery.com/node/16655 Fixed parameter name typo, http://plugins.jquery.com/node/16819 2010-07-08 1.2.0 ! Fixed a few bugs and added reinit and recalculate functions to the table. 2009-10-19 1.1.0 ! Better compatibility, better tested. There are still some problems with IE6 that i would like to have some help with. 2009-10-15 1.0.7 is out! With all fixes made
Read more

Cubing for charity #4

-
Image
The recent months I've been neglecting my  Cubing for charity  project. But a fter viewing a great   TED talk by Lisa Kristine  about modern day slavery  I've decided that the next   Cubing for charity   must go to  Free the Slaves .  Thanks to all users Rubik's Cube Algorithms who by their inherent nerdiness made this possible! 
Read more

Ubiquity Spotify Search

-
A small Ubiquity command for searching Spotify . To be able to search you must have: The Spotify application installed on your system. Be able to open Spotify URI's from the browser . Download & Install The plugin can be installed and subscribed to at:   &nbsp http://static.slackers.se/pages/javascript/ubiquity-spotify The command can be downloaded from the subversion repository at:     ubiquity.spotify.js
Read more