added 'first steps' tutorial and rubrics for all files in api folder

docs/api/cameras/Camera.rst

 Camera - Base class for camera types
 ------------------------------------
 
-.. js:class:: Camera()
+.. rubric:: Constructor
+
+.. class:: Camera()
 
     Base class for camera types
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/cameras/OrthographicCamera.rst

 OrthographicCamera - Camera using an orthographic projection
 ------------------------------------------------------------
 
-.. js:class:: OrthographicCamera()
+.. rubric:: Constructor
+
+.. class:: OrthographicCamera()
 
     Camera using an orthographic projection
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/cameras/PerspectiveCamera.rst

 PerspectiveCamera - Camera using a perspective projection
 ---------------------------------------------------------
 
-.. js:class:: PerspectiveCamera()
+.. rubric:: Constructor
+
+.. class:: PerspectiveCamera()
 
     Camera using a perspective projection
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Face3.rst

 Face3 - Three-sided face
 ------------------------
 
-.. js:class:: Face3()
+.. rubric:: Constructor
+
+.. class:: Face3()
 
     Three-sided face
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Face4.rst

 Face4 - Four-sided face
 -----------------------
 
-.. js:class:: Face4()
+.. rubric:: Constructor
+.. class:: Face4()
 
     Four-sided face
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Geometry.rst

 Geometry - Base class for geometry types
 ----------------------------------------
 
-.. js:class:: Geometry()
+.. rubric:: Constructor
+
+.. class:: Geometry()
 
     Base class for geometry types
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Matrix3.rst

 Matrix3 - A 3x3 matrix
 ----------------------
 
-.. js:class:: Matrix3()
+.. rubric:: Constructor
+
+.. class:: Matrix3()
 
     A 3x3 matrix
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Matrix4.rst

 Matrix4 - A 4x4 Matrix
 ----------------------
 
-.. js:class:: Matrix4()
+.. rubric:: Constructor
+
+.. class:: Matrix4()
 
     A 4x4 Matrix
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Object3D.rst

 Object3D - Base class for scene graph objects
 ---------------------------------------------
 
-.. js:class:: Object3D()
+.. rubric:: Constructor
+
+.. class:: Object3D()
 
     Base class for scene graph objects
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Projector.rst

 Projector - Utilities for projecting primitives between spaces
 --------------------------------------------------------------
 
-.. js:class:: Projector()
+.. rubric:: Constructor
+
+.. class:: Projector()
 
     Utilities for projecting primitives between spaces
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Quaternion.rst

 Quaternion - Implementation of a quaternion
 -------------------------------------------
 
-.. js:class:: Quaternion()
+.. rubric:: Constructor
+
+.. class:: Quaternion()
 
     Implementation of a quaternion
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Ray.rst

 Ray - Representation of a ray in space
 --------------------------------------
 
-.. js:class:: Ray()
+.. rubric:: Constructor
+
+.. class:: Ray()
 
     Representation of a ray in space
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Rectangle.rst

 Rectangle - Represents a 2D rectangle
 -------------------------------------
 
-.. js:class:: Rectangle()
+.. rubric:: Constructor
+
+.. class:: Rectangle()
 
     Represents a 2D rectangle
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Spline.rst

 Spline - Represents a spline
 ----------------------------
 
-.. js:class:: Spline()
+.. rubric:: Constructor
+
+.. class:: Spline()
 
     Represents a spline
-    
\ No newline at end of file
+   
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/UV.rst

 UV - Represents a texture coordinate
 ------------------------------------
 
-.. js:class:: UV()
+.. rubric:: Constructor
+
+.. class:: UV()
 
     Represents a texture coordinate
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Vector2.rst

 Vector2 - 2D vector
 -------------------
 
-.. js:class:: Vector2()
+.. rubric:: Constructor
+
+.. class:: Vector2()
 
     2D vector
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Vector3.rst

 Vector3 - 3D vector
 -------------------
 
-.. js:class:: Vector3()
+.. rubric:: Constructor
+
+.. class:: Vector3()
 
     3D vector
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Vector4.rst

 Vector4 - 4D vector
 -------------------
 
-.. js:class:: Vector4()
+.. rubric:: Constructor
+
+.. class:: Vector4()
 
     4D vector
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/core/Vertex.rst

 Vertex - Represents a vertex in space
 -------------------------------------
 
-.. js:class:: Vertex()
+.. rubric:: Constructor
+
+.. class:: Vertex()
 
     Represents a vertex in space
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/extras/core/Curve.rst

 Curve - Extensible curve object
-------------------------
+--------------------------------------
 
-.. js:class:: Curve()
+.. rubric:: Constructor
+
+.. class:: Curve()
 
     Extensible curve object
+
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
     
\ No newline at end of file

docs/api/extras/core/CurvePath.rst

 CurvePath - Path with connected curves
-------------------------
+-------------------------------------------
 
-.. js:class:: CurvePath()
+.. rubric:: Constructor
+
+.. class:: CurvePath()
 
     A Path made with connected set of curves
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/extras/core/Path.rst

 Path - A CurvePath with a Drawing API
-------------------------
+-------------------------------------------
 
-.. js:class:: Path()
+.. rubric:: Constructor
+
+.. class:: Path()
 
     A CurvePath with convenience Drawing methods 
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/extras/core/Shape.rst

 Shape - A closed 2d path with holes
-------------------------
+----------------------------------------
 
-.. js:class:: Shape()
+.. rubric:: Constructor
+
+.. class:: Shape()
 
     A closed 2d Path with holes
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/extras/core/TextPath.rst

 TextPath - Class for turning Text to Shapes
-------------------------
+----------------------------------------------
 
-.. js:class:: TextPath()
+.. rubric:: Constructor
+
+.. class:: TextPath()
 
     Class for turning Text to Shapes
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/extras/core/index.rst

 Core Extras
-============
+=============
 
 .. toctree::
     Curve

docs/api/lights/AmbientLight.rst

 AmbientLight - An ambient light
 -------------------------------
 
+.. rubric:: Constructor
+
 .. class:: AmbientLight()
 
     An ambient light
+
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
     
\ No newline at end of file

docs/api/lights/DirectionalLight.rst

 DirectionalLight - A directional light
 --------------------------------------
 
+.. rubric:: Constructor
+
 .. class:: DirectionalLight()
 
     A directional light
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/lights/Light.rst

 Light - Base class for light types
 ----------------------------------
 
+.. rubric:: Constructor
+
 .. class:: Light()
 
     Base class for light types
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/lights/PointLight.rst

 PointLight - A point light
 --------------------------
 
+.. rubric:: Constructor
+
 .. class:: PointLight()
 
     A point light
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/api/lights/SpotLight.rst

 SpotLight - A spotlight
 -----------------------
 
+.. rubric:: Constructor
+
 .. class:: SpotLight()
 
     A spotlight
-    
\ No newline at end of file
+    
+.. rubric:: Attributes
+
+.. rubric:: Method
+
+.. rubric:: Example(s)
\ No newline at end of file

docs/index.rst

@@ -16,7 +16,7 @@ Contents
     :maxdepth: 1
 
     changelog.rst
-    tutorial.rst
+    tutorials/index.rst
 
 API
 ---

docs/tutorial.rst

-Tutorial
-========
-
-tutorial
\ No newline at end of file

docs/tutorials/FirstSteps.rst

+First Steps
+====================
+
+Three.js scenes are very easy to setup and only require a few lines of code to initialize. Scenes are constructed using a few different types of objects: cameras, lights, and meshes.
+
+The first step in rendering a three.js scene is creating the WebGL renderer object. The following code creates an HTML canvas object 800x400 pixels, adds it to the document's body, and initializes a three.js scene.
+
+::
+
+	var renderer = new THREE.WebGLRenderer();
+	renderer.setSize( 800, 640 );
+	document.body.appendChild( renderer.domElement );
+	
+	var scene = new THREE.Scene();
+
+The second step is to define a camera which the renderer object will use in rendering.
+
+::
+
+	var camera = new THREE.Camera(
+		35,			// Field of view
+		800 / 640,	// Aspect ratio
+		.1,			// Near
+		10000		// Far
+	);
+	camera.position.set( -15, 10, 15 );
+
+The first parameter passed determines how wide the field of view is. The second parameter is the aspect ratio which is calculated by dividing the viewing area's width by its height. The third and fourth parameters specify cut-off points for objects in the camera's view. If an object's distance from the camera does not fall in the range between NEAR and FAR then that object is not rendered. The last line sets the camera's XYZ coordinates to -15, 10, and 15 respectively.
+
+Step three creates a white cube that is 5 units wide, tall and deep, adds the Lambert material, and adds it to the scene.
+
+::
+
+	var cube = new THREE.Mesh(
+		new THREE.CubeGeometry( 5, 5, 5 ),
+		new THREE.MeshLambertMaterial( { color: 0xFF0000 } )
+	);
+	scene.addChild( cube );
+
+For the last step in setting up a scene we create a yellow light source and add it to the scene.
+
+::
+
+	var light = new THREE.PointLight( 0xFFFF00 );
+	light.position.set( 10, 0, 10 );
+	scene.addLight( light );
+
+Finally we render the scene which displays our scene through the camera's eye.
+
+::
+
+	renderer.render(scene, camera);
+
+Everything together in a working example with a minimal HTML template:
+
+::
+	
+	<!DOCTYPE html>
+	
+	<html>
+	
+	<head>
+		<title>Getting Started with Three.js</title>
+		
+		<script type="text/javascript" src="Three.js"></script>
+		<script type="text/javascript">
+		window.onload = function() {
+			
+				var renderer = new THREE.WebGLRenderer();
+				renderer.setSize( 800, 400 );
+				document.body.appendChild( renderer.domElement );
+				
+				var scene = new THREE.Scene();
+				
+				var camera = new THREE.Camera(
+					35,		// Field of view
+					800 / 400,	// Aspect ratio
+					.1,		// Near
+					10000		// Far
+				);
+				camera.position.set( -15, 10, 15 );
+				
+				var cube = new THREE.Mesh(
+					new THREE.CubeGeometry( 5, 5, 5 ),
+					new THREE.MeshLambertMaterial( { color: 0xFF0000 } )
+				);
+				scene.addChild( cube );
+				
+				var light = new THREE.PointLight( 0xFFFF00 );
+				light.position.set( 10, 0, 10 );
+				scene.addLight( light );
+				
+				renderer.render(scene, camera);
+				
+		};
+		</script>
+	</head>
+	
+	<body></body>
+	
+	</html>
+
+That's how simple and easy three.js makes WebGL. Only 20 lines of Javascript to initialize and render a scene.
\ No newline at end of file

docs/tutorials/index.rst

+Tutorials
+===============
+.. toctree::
+    FirstSteps