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

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

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

Seascape - OpenVR adaptation of a 4k intro

-
Image
At Revision this year I competed in the 4k intro competition with an intro called 'falling'. Because I've been doing a lot of VR related stuff lately I decided to convert the intro into an interactive VR experience(?). The original shader is a single raymarched scene which means that demo is very demanding on the GPU. But you can provide a scale factor for the framebuffers on the command line to get acceptable framerate. The binaries are compiled for Windows 10 and can be downloaded here . I suggest putting on some nice background music like  Röyksopp  for maximum effect. If you're not that into VR you can go over to Shadertoy and watch the intro instead,  https://www.shadertoy.com/view/4dcSDN .
Read more