Difference between revisions of "Canvas 3D"

From Wikiid
Jump to: navigation, search
(Documentation)
 
(2 intermediate revisions by the same user not shown)
Line 11: Line 11:
 
When you first visit a site that uses Canvas 3D, you may see a window banner that says "A web page at XXX would like to create a Canvas 3D context" - you'll need to click the "Allow" button.
 
When you first visit a site that uses Canvas 3D, you may see a window banner that says "A web page at XXX would like to create a Canvas 3D context" - you'll need to click the "Allow" button.
  
=== Testing ===
 
There is a test program here: http://people.mozilla.org/~vladimir/canvas3d/examples/modelview/ModelView.html
 
 
=== Documentation ===
 
=== Documentation ===
 
* Details are at: http://www.c3dl.org/
 
* Details are at: http://www.c3dl.org/
  
=== Raw GL example ===
+
=== Handy libraries ===
 +
* [http://sylvester.jcoglan.com/ Sylvester] - matrix and vector functions for JavaScript.
  
* http://www.sjbaker.org/canvas3D/demo/
+
=== Raw JavaScript/GL example ===
 +
* http://www.sjbaker.org/canvas3D/demo/   (Uses Sylvester)

Latest revision as of 22:27, 3 July 2009

Canvas is graphics for JavaScript in your browser.

Canvas 2D

Our version of 'SameGame'
The Foot of God

Canvas 3D

Installing

If you need to install Canvas 3D, you'll need Firefox 3.5 or later. Go to https://addons.mozilla.org and type 'Canvas 3D' into the search box. If the extension is still considered 'experimental' (it was at time of writing) then check the "Let me install this experimental add-on" box. Then click the "Add to Firefox" button - which will download and install Canvas 3D.

When you first visit a site that uses Canvas 3D, you may see a window banner that says "A web page at XXX would like to create a Canvas 3D context" - you'll need to click the "Allow" button.

Documentation

Handy libraries

  • Sylvester - matrix and vector functions for JavaScript.

Raw JavaScript/GL example