From 7935bc8ab9e6fd4d25da58b9fa7b124da5559464 Mon Sep 17 00:00:00 2001
From: "Mr.doob" <info@mrdoob.com>
Date: Tue, 22 Jun 2010 22:31:48 +0100
Subject: [PATCH] - Changed Camera system. (Thx [Paul
 Brunt](http://github.com/supereggbert)) - Object3D.overdraw = true to enable
 CanvasRenderer screen space point expansion hack.

---
 README.md                                     |  28 +--
 build/three.js                                |   4 +-
 examples/geometry_cube.html                   |   5 +-
 examples/geometry_terrain.html                |   5 +-
 examples/geometry_vr.html                     |  63 ++++-
 examples/materials_video.html                 |   6 +-
 examples/particles_floor.html                 |   4 +-
 examples/particles_random.html                |   6 +-
 examples/particles_waves.html                 |   4 +-
 examples/primitives/Plane.js                  |   2 +-
 src/cameras/Camera.js                         |  17 +-
 src/core/Color.js                             |   4 +-
 src/core/Face3.js                             |   2 +-
 src/core/Face4.js                             |   2 +-
 src/core/Matrix4.js                           |  33 +--
 src/core/Vector3.js                           |  10 +-
 src/core/Vector4.js                           |   6 -
 src/objects/Object3D.js                       |   1 +
 src/renderers/CanvasRenderer.js               | 191 ++++++++-------
 src/renderers/Renderer.js                     | 223 +++++++++---------
 src/renderers/SVGRenderer.js                  |  76 +++---
 src/renderers/renderables/RenderableFace3.js  |   2 +-
 src/renderers/renderables/RenderableFace4.js  |   2 +-
 src/renderers/renderables/RenderableLine.js   |   2 +-
 .../renderables/RenderableParticle.js         |   3 +-
 utils/deployer.py                             |   2 +-
 26 files changed, 380 insertions(+), 323 deletions(-)

diff --git a/README.md b/README.md
index cf5e0219dd..2d262988a4 100644
--- a/README.md
+++ b/README.md
@@ -5,15 +5,11 @@ three.js
 
 [![Flattr this](http://api.flattr.com/button/button-compact-static-100x17.png)](http://flattr.com/thing/287/three-js)
 
-Currently the engine only supports particles and triangles/quads with flat colors. The aim is to keep the code as simple and modular as possible.
-
-At the moment the engine can render using &lt;canvas&gt; and &lt;svg&gt;. WebGL rendering would come at a later stage but feel free to fork the project and have a go.
-
-Although this allows 3D for iPhoneOS and Android platforms the performance on these devices is not too good.
+This project is work in progress. Before using it in a project be aware that the syntax may change from revision to revision without being backwards compatible. Currently there is no documentation, feel free to use the demos as a reference and/or read the source code. The engine can render using &lt;canvas&gt; and &lt;svg&gt; so far. WebGL renderer coming soon.
 
 [More info...](http://mrdoob.com/blog/post/693)
 
-Similar projects: [pre3d](http://deanm.github.com/pre3d/), [pvjs](http://code.google.com/p/pvjswebgl/), [jsjl](http://tulrich.com/geekstuff/canvas/perspective.html), [k3d](http://www.kevs3d.co.uk/dev/canvask3d/k3d_test.html), ...
+Other similar projects: [pre3d](http://deanm.github.com/pre3d/), [pvjs](http://code.google.com/p/pvjswebgl/), [jsgl](http://tulrich.com/geekstuff/canvas/perspective.html), [k3d](http://www.kevs3d.co.uk/dev/canvask3d/k3d_test.html), ...
 
 ### Examples ###
 
@@ -37,9 +33,7 @@ The library needs to be included first thing.
 
 	<script type="text/javascript" src="js/three.js"></script>
 
-Now we have access to the engine classes and methods.
-
-This code creates a camera, then creates a scene object, adds a bunch of random particles to the scene, creates a &lt;canvas&gt; renderer and adds its viewport the document.body element.
+This code creates a camera, then creates a scene object, adds a bunch of random particles to the scene, creates a &lt;canvas&gt; renderer and adds its viewport in the document.body element.
 
 	<script type="text/javascript">
 
@@ -50,7 +44,8 @@ This code creates a camera, then creates a scene object, adds a bunch of random
 
 		function init() {
 
-			camera = new THREE.Camera( 0, 0, 1000 );
+			camera = new THREE.Camera( 75, SCREEN_WIDTH / SCREEN_HEIGHT, 0.0001, 10000 );
+			camera.position.z = 1000;
 
 			scene = new THREE.Scene();
 
@@ -115,13 +110,18 @@ If you are interested on messing with the actual library, instead of importing t
 
 ### Change Log ###
 
+2010 06 22 - **r10** (23.908 kb)
+
+* Changed Camera system. (Thx [Paul Brunt](http://github.com/supereggbert))
+* Object3D.overdraw = true to enable CanvasRenderer screen space point expansion hack.
+
+
 2010 06 20 - **r9** (23.753 kb)
 
-* JSLinted
+* JSLinted.
 * autoClear property for renderers.
 * Removed SVG rgba() workaround for WebKit. (WebKit now supports it)
-* Fixed matrix bug (transformed objects outside the x axis would get infinitely tall :S)
-* Fixed overdraw when using stroke materials
+* Fixed matrix bug. (transformed objects outside the x axis would get infinitely tall :S)
 
 
 2010 06 06 - **r8** (23.496 kb)
@@ -135,7 +135,7 @@ If you are interested on messing with the actual library, instead of importing t
 
 * Added Line Object.
 * Workaround for WebKit not supporting rgba() in SVG yet.
-* No need to call updateMatrix(). Use .autoUpdateMatrix = false if needed. (thx [Gregory Athons](http://github.com/gregmax17)).
+* No need to call updateMatrix(). Use .autoUpdateMatrix = false if needed. (Thx [Gregory Athons](http://github.com/gregmax17)).
 
 
 2010 05 17 - **r6** (21.003 kb)
diff --git a/build/three.js b/build/three.js
index 6da26612cb..4d12b41efc 100644
--- a/build/three.js
+++ b/build/three.js
@@ -1,2 +1,2 @@
-// three.js r9 - http://github.com/mrdoob/three.js
-var THREE=THREE||{};THREE.Color=function(c){var f,e,a,b,d;this.__styleString="rgba(0,0,0,1)";this.setHex=function(g){d=g;this.updateRGBA();this.updateStyleString()};this.setRGBA=function(k,j,h,i){f=k;e=j;a=h;b=i;this.updateHex();this.updateStyleString()};this.updateHex=function(){d=b*255<<24|f<<16|e<<8|a};this.updateRGBA=function(){f=d>>16&255;e=d>>8&255;a=d&255;b=(d>>24&255)/255};this.updateStyleString=function(){this.__styleString="rgba("+f+","+e+","+a+","+b+")"};this.toString=function(){return"THREE.Color ( r: "+f+", g: "+e+", b: "+a+", a: "+b+", hex: "+d+" )"};this.setHex(c)};THREE.Vector2=function(a,b){this.x=a||0;this.y=b||0;this.set=function(c,d){this.x=c;this.y=d};this.copy=function(c){this.x=c.x;this.y=c.y};this.addSelf=function(c){this.x+=c.x;this.y+=c.y};this.add=function(d,c){this.x=d.x+c.x;this.y=d.y+c.y};this.subSelf=function(c){this.x-=c.x;this.y-=c.y};this.sub=function(d,c){this.x=d.x-c.x;this.y=d.y-c.y};this.multiplyScalar=function(c){this.x*=c;this.y*=c};this.unit=function(){this.multiplyScalar(1/this.length())};this.length=function(){return Math.sqrt(this.x*this.x+this.y*this.y)};this.lengthSq=function(){return this.x*this.x+this.y*this.y};this.negate=function(){this.x=-this.x;this.y=-this.y};this.clone=function(){return new THREE.Vector2(this.x,this.y)};this.toString=function(){return"THREE.Vector2 ("+this.x+", "+this.y+")"}};THREE.Vector3=function(a,c,b){this.x=a||0;this.y=c||0;this.z=b||0;this.set=function(d,f,e){this.x=d;this.y=f;this.z=e};this.copy=function(d){this.x=d.x;this.y=d.y;this.z=d.z};this.add=function(e,d){this.x=e.x+d.x;this.y=e.y+d.y;this.z=e.z+d.z};this.addSelf=function(d){this.x+=d.x;this.y+=d.y;this.z+=d.z};this.addScalar=function(d){this.x+=d;this.y+=d;this.z+=d};this.sub=function(e,d){this.x=e.x-d.x;this.y=e.y-d.y;this.z=e.z-d.z};this.subSelf=function(d){this.x-=d.x;this.y-=d.y;this.z-=d.z};this.crossSelf=function(f){var e=this.x,d=this.y,g=this.z;this.x=d*f.z-g*f.y;this.y=g*f.x-e*f.z;this.z=e*f.y-d*f.x};this.multiplySelf=function(d){this.x*=d.x;this.y*=d.y;this.z*=d.z};this.multiplyScalar=function(d){this.x*=d;this.y*=d;this.z*=d};this.dot=function(d){return this.x*d.x+this.y*d.y+this.z*d.z};this.distanceTo=function(d){return Math.sqrt(this.distanceToSquared(d))};this.distanceToSquared=function(g){var f=this.x-g.x,e=this.y-g.y,d=this.z-g.z;return f*f+e*e+d*d};this.length=function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z)};this.lengthSq=function(){return this.x*this.x+this.y*this.y+this.z*this.z};this.negate=function(){this.x=-this.x;this.y=-this.y;this.z=-this.z};this.normalize=function(){if(this.length()>0){this.multiplyScalar(1/this.length())}else{this.multiplyScalar(0)}};this.clone=function(){return new THREE.Vector3(this.x,this.y,this.z)};this.toString=function(){return"THREE.Vector3 ("+this.x+", "+this.y+", "+this.z+")"}};THREE.Vector4=function(a,d,c,b){this.x=a||0;this.y=d||0;this.z=c||0;this.w=b||1;this.set=function(e,h,g,f){this.x=e;this.y=h;this.z=g;this.w=f};this.copy=function(e){this.x=e.x;this.y=e.y;this.z=e.z;this.w=e.w};this.add=function(f,e){this.x=f.x+e.x;this.y=f.y+e.y;this.z=f.z+e.z;this.w=f.w+e.w};this.addSelf=function(e){this.x+=e.x;this.y+=e.y;this.z+=e.z;this.w+=e.w};this.sub=function(f,e){this.x=f.x-e.x;this.y=f.y-e.y;this.z=f.z-e.z;this.w=f.w-e.w};this.subSelf=function(e){this.x-=e.x;this.y-=e.y;this.z-=e.z;this.w-=e.w};this.clone=function(){return new THREE.Vector4(this.x,this.y,this.z,this.w)};this.toVector3=function(){return new THREE.Vector3(this.x/this.w,this.y/this.w,this.z/this.w)};this.toString=function(){return"THREE.Vector4 ("+this.x+", "+this.y+", "+this.z+", "+this.w+")"}};THREE.Rectangle=function(b,l,a,j){var k=b,g=l,i=a,f=j,d=i-k,e=f-g,h=false;function c(){d=i-k;e=f-g}this.getX=function(){return k};this.getY=function(){return g};this.getWidth=function(){return d};this.getHeight=function(){return e};this.getX1=function(){return k};this.getY1=function(){return g};this.getX2=function(){return i};this.getY2=function(){return f};this.set=function(n,p,m,o){h=false;k=n;g=p;i=m;f=o;c()};this.addPoint=function(m,n){if(h){h=false;k=m;g=n;i=m;f=n}else{k=Math.min(k,m);g=Math.min(g,n);i=Math.max(i,m);f=Math.max(f,n)}c()};this.addRectangle=function(m){if(h){h=false;k=m.getX1();g=m.getY1();i=m.getX2();f=m.getY2()}else{k=Math.min(k,m.getX1());g=Math.min(g,m.getY1());i=Math.max(i,m.getX2());f=Math.max(f,m.getY2())}c()};this.inflate=function(m){k-=m;g-=m;i+=m;f+=m;c()};this.minSelf=function(m){k=Math.max(k,m.getX1());g=Math.max(g,m.getY1());i=Math.min(i,m.getX2());f=Math.min(f,m.getY2());c()};this.instersects=function(m){return Math.min(i,m.getX2())-Math.max(k,m.getX1())>0&&Math.min(f,m.getY2())-Math.max(g,m.getY1())>0};this.empty=function(){h=true;k=0;g=0;i=0;f=0;c()};this.toString=function(){return"THREE.Rectangle (x1: "+k+", y1: "+f+", x2: "+i+", y1: "+g+", width: "+d+", height: "+e+")"}};THREE.Matrix4=function(){var a,c,b;a=new THREE.Vector3();c=new THREE.Vector3();b=new THREE.Vector3();this.n11=1;this.n12=0;this.n13=0;this.n14=0;this.n21=0;this.n22=1;this.n23=0;this.n24=0;this.n31=0;this.n32=0;this.n33=1;this.n34=0;this.n41=0;this.n42=0;this.n43=0;this.n44=1;this.identity=function(){this.n11=1;this.n12=0;this.n13=0;this.n14=0;this.n21=0;this.n22=1;this.n23=0;this.n24=0;this.n31=0;this.n32=0;this.n33=1;this.n34=0;this.n41=0;this.n42=0;this.n43=0;this.n44=1};this.lookAt=function(f,e,d){b.sub(e,f);b.normalize();a.copy(b);a.crossSelf(d);a.normalize();c.copy(a);c.crossSelf(b);c.normalize();c.negate();this.n11=a.x;this.n12=a.y;this.n13=a.z;this.n14=-a.dot(f);this.n21=c.x;this.n22=c.y;this.n23=c.z;this.n24=-c.dot(f);this.n31=b.x;this.n32=b.y;this.n33=b.z;this.n34=-b.dot(f)};this.transform=function(d){var g=d.x,f=d.y,e=d.z,h=d.w?d.w:1;d.x=this.n11*g+this.n12*f+this.n13*e+this.n14*h;d.y=this.n21*g+this.n22*f+this.n23*e+this.n24*h;d.z=this.n31*g+this.n32*f+this.n33*e+this.n34*h;h=this.n41*g+this.n42*f+this.n43*e+this.n44*h;if(d.w){d.w=h}else{d.x=d.x/h;d.y=d.y/h;d.z=d.z/h}};this.crossVector=function(d){var e=new THREE.Vector4();e.x=this.n11*d.x+this.n12*d.y+this.n13*d.z+this.n14*d.w;e.y=this.n21*d.x+this.n22*d.y+this.n23*d.z+this.n24*d.w;e.z=this.n31*d.x+this.n32*d.y+this.n33*d.z+this.n34*d.w;e.w=(d.w)?this.n41*d.x+this.n42*d.y+this.n43*d.z+this.n44*d.w:1;return e};this.multiply=function(e,d){this.n11=e.n11*d.n11+e.n12*d.n21+e.n13*d.n31+e.n14*d.n41;this.n12=e.n11*d.n12+e.n12*d.n22+e.n13*d.n32+e.n14*d.n42;this.n13=e.n11*d.n13+e.n12*d.n23+e.n13*d.n33+e.n14*d.n43;this.n14=e.n11*d.n14+e.n12*d.n24+e.n13*d.n34+e.n14*d.n44;this.n21=e.n21*d.n11+e.n22*d.n21+e.n23*d.n31+e.n24*d.n41;this.n22=e.n21*d.n12+e.n22*d.n22+e.n23*d.n32+e.n24*d.n42;this.n23=e.n21*d.n13+e.n22*d.n23+e.n23*d.n33+e.n24*d.n43;this.n24=e.n21*d.n14+e.n22*d.n24+e.n23*d.n34+e.n24*d.n44;this.n31=e.n31*d.n11+e.n32*d.n21+e.n33*d.n31+e.n34*d.n41;this.n32=e.n31*d.n12+e.n32*d.n22+e.n33*d.n32+e.n34*d.n42;this.n33=e.n31*d.n13+e.n32*d.n23+e.n33*d.n33+e.n34*d.n43;this.n34=e.n31*d.n14+e.n32*d.n24+e.n33*d.n34+e.n34*d.n44;this.n41=e.n41*d.n11+e.n42*d.n21+e.n43*d.n31+e.n44*d.n41;this.n42=e.n41*d.n12+e.n42*d.n22+e.n43*d.n32+e.n44*d.n42;this.n43=e.n41*d.n13+e.n42*d.n23+e.n43*d.n33+e.n44*d.n43;this.n44=e.n41*d.n14+e.n42*d.n24+e.n43*d.n34+e.n44*d.n44};this.multiplySelf=function(f){var r=this.n11,q=this.n12,o=this.n13,l=this.n14,i=this.n21,h=this.n22,g=this.n23,e=this.n24,d=this.n31,u=this.n32,t=this.n33,s=this.n34,p=this.n41,n=this.n42,k=this.n43,j=this.n44;this.n11=r*f.n11+q*f.n21+o*f.n31+l*f.n41;this.n12=r*f.n12+q*f.n22+o*f.n32+l*f.n42;this.n13=r*f.n13+q*f.n23+o*f.n33+l*f.n43;this.n14=r*f.n14+q*f.n24+o*f.n34+l*f.n44;this.n21=i*f.n11+h*f.n21+g*f.n31+e*f.n41;this.n22=i*f.n12+h*f.n22+g*f.n32+e*f.n42;this.n23=i*f.n13+h*f.n23+g*f.n33+e*f.n43;this.n24=i*f.n14+h*f.n24+g*f.n34+e*f.n44;this.n31=d*f.n11+u*f.n21+t*f.n31+s*f.n41;this.n32=d*f.n12+u*f.n22+t*f.n32+s*f.n42;this.n33=d*f.n13+u*f.n23+t*f.n33+s*f.n43;this.n34=d*f.n14+u*f.n24+t*f.n34+s*f.n44;this.n41=p*f.n11+n*f.n21+k*f.n31+j*f.n41;this.n42=p*f.n12+n*f.n22+k*f.n32+j*f.n42;this.n43=p*f.n13+n*f.n23+k*f.n33+j*f.n43;this.n44=p*f.n14+n*f.n24+k*f.n34+j*f.n44};this.clone=function(){var d=new THREE.Matrix4();d.n11=this.n11;d.n12=this.n12;d.n13=this.n13;d.n14=this.n14;d.n21=this.n21;d.n22=this.n22;d.n23=this.n23;d.n24=this.n24;d.n31=this.n31;d.n32=this.n32;d.n33=this.n33;d.n34=this.n34;d.n41=this.n41;d.n42=this.n42;d.n43=this.n43;d.n44=this.n44;return d};this.toString=function(){return"| "+this.n11+" "+this.n12+" "+this.n13+" "+this.n14+" |\n| "+this.n21+" "+this.n22+" "+this.n23+" "+this.n24+" |\n| "+this.n31+" "+this.n32+" "+this.n33+" "+this.n34+" |\n| "+this.n41+" "+this.n42+" "+this.n43+" "+this.n44+" |"}};THREE.Matrix4.translationMatrix=function(b,d,c){var a=new THREE.Matrix4();a.n14=b;a.n24=d;a.n34=c;return a};THREE.Matrix4.scaleMatrix=function(b,d,c){var a=new THREE.Matrix4();a.n11=b;a.n22=d;a.n33=c;return a};THREE.Matrix4.rotationXMatrix=function(b){var a=new THREE.Matrix4();a.n22=a.n33=Math.cos(b);a.n32=Math.sin(b);a.n23=-a.n32;return a};THREE.Matrix4.rotationYMatrix=function(b){var a=new THREE.Matrix4();a.n11=a.n33=Math.cos(b);a.n13=Math.sin(b);a.n31=-a.n13;return a};THREE.Matrix4.rotationZMatrix=function(b){var a=new THREE.Matrix4();a.n11=a.n22=Math.cos(b);a.n21=Math.sin(b);a.n12=-a.n21;return a};THREE.Matrix4.makeFrustum=function(f,r,e,o,i,h){var g=new THREE.Matrix4(),q=2*i/(r-f),n=2*i/(o-e),p=(r+f)/(r-f),l=(o+e)/(o-e),k=-(h+i)/(h-i),j=-2*h*i/(h-i);g.n11=q;g.n13=p;g.n22=n;g.n23=l;g.n33=k;g.n34=j;g.n43=-1;g.n44=0;return g};THREE.Matrix4.makePerspective=function(d,c,g,b){var a=g*Math.tan(d*0.00872664625972),f=-a,h=f*c,e=a*c;return THREE.Matrix4.makeFrustum(h,e,f,a,g,b)};THREE.Vertex=function(a,b){this.position=a||new THREE.Vector3();this.normal=b||new THREE.Vector3();this.screen=new THREE.Vector3();this.__visible=true;this.toString=function(){return"THREE.Vertex ( position: "+this.position+", normal: "+this.normal+" )"}};THREE.Face3=function(e,d,h,g,f){this.a=e;this.b=d;this.c=h;this.normal=g||new THREE.Vector3();this.screen=new THREE.Vector3();this.color=f||new THREE.Color();this.toString=function(){return"THREE.Face3 ( "+this.a+", "+this.b+", "+this.c+" )"}};THREE.Face4=function(f,e,j,i,h,g){this.a=f;this.b=e;this.c=j;this.d=i;this.normal=h||new THREE.Vector3();this.screen=new THREE.Vector3();this.color=g||new THREE.Color();this.toString=function(){return"THREE.Face4 ( "+this.a+", "+this.b+", "+this.c+" "+this.d+" )"}};THREE.Geometry=function(){this.vertices=[];this.faces=[];this.uvs=[];this.computeNormals=function(){var b,h,e,d,c,a,g,i;for(b=0;b<this.vertices.length;b++){this.vertices[b].normal.set(0,0,0)}for(h=0;h<this.faces.length;h++){e=this.vertices[this.faces[h].a];d=this.vertices[this.faces[h].b];c=this.vertices[this.faces[h].c];a=new THREE.Vector3();g=new THREE.Vector3();i=new THREE.Vector3();a.sub(c.position,d.position);g.sub(e.position,d.position);a.cross(g);if(!a.isZero()){a.normalize()}this.faces[h].normal=a;e.normal.addSelf(i);d.normal.addSelf(i);c.normal.addSelf(i);if(this.faces[h] instanceof THREE.Face4){this.vertices[this.faces[h].d].normal.addSelf(i)}}}};THREE.Camera=function(a,c,b){this.position=new THREE.Vector3(a,c,b);this.target={position:new THREE.Vector3(0,0,0)};this.matrix=new THREE.Matrix4();this.projectionMatrix=THREE.Matrix4.makePerspective(45,1,0.001,1000);this.up=new THREE.Vector3(0,1,0);this.zoom=3;this.focus=500;this.autoUpdateMatrix=true;this.updateMatrix=function(){this.matrix.lookAt(this.position,this.target.position,this.up)};this.toString=function(){return"THREE.Camera ( "+this.position+", "+this.target.position+" )"};this.updateMatrix()};THREE.Object3D=function(a){this.position=new THREE.Vector3();this.rotation=new THREE.Vector3();this.scale=new THREE.Vector3(1,1,1);this.matrix=new THREE.Matrix4();this.screen=new THREE.Vector3();this.material=a instanceof Array?a:[a];this.autoUpdateMatrix=true;this.updateMatrix=function(){this.matrix.identity();this.matrix.multiplySelf(THREE.Matrix4.translationMatrix(this.position.x,this.position.y,this.position.z));this.matrix.multiplySelf(THREE.Matrix4.rotationXMatrix(this.rotation.x));this.matrix.multiplySelf(THREE.Matrix4.rotationYMatrix(this.rotation.y));this.matrix.multiplySelf(THREE.Matrix4.rotationZMatrix(this.rotation.z));this.matrix.multiplySelf(THREE.Matrix4.scaleMatrix(this.scale.x,this.scale.y,this.scale.z))}};THREE.Line=function(b,a){THREE.Object3D.call(this,a);this.geometry=b};THREE.Line.prototype=new THREE.Object3D();THREE.Line.prototype.constructor=THREE.Line;THREE.Mesh=function(b,a){THREE.Object3D.call(this,a);this.geometry=b;this.doubleSided=false};THREE.Mesh.prototype=new THREE.Object3D();THREE.Mesh.prototype.constructor=THREE.Mesh;THREE.Particle=function(a){THREE.Object3D.call(this,a);this.size=1;this.autoUpdateMatrix=false};THREE.Particle.prototype=new THREE.Object3D();THREE.Particle.prototype.constructor=THREE.Particle;THREE.BitmapUVMappingMaterial=function(a){this.bitmap=a;this.toString=function(){return"THREE.BitmapUVMappingMaterial ( bitmap: "+this.bitmap+" )"}};THREE.ColorFillMaterial=function(b,a){this.color=new THREE.Color((a>=0?(a*255)<<24:4278190080)|b);this.toString=function(){return"THREE.ColorFillMaterial ( color: "+this.color+" )"}};THREE.ColorStrokeMaterial=function(a,c,b){this.lineWidth=a||1;this.color=new THREE.Color((b>=0?(b*255)<<24:4278190080)|c);this.toString=function(){return"THREE.ColorStrokeMaterial ( lineWidth: "+this.lineWidth+", color: "+this.color+" )"}};THREE.FaceColorFillMaterial=function(){this.toString=function(){return"THREE.FaceColorFillMaterial ( )"}};THREE.FaceColorStrokeMaterial=function(a){this.lineWidth=a||1;this.toString=function(){return"THREE.FaceColorStrokeMaterial ( lineWidth: "+this.lineWidth+" )"}};THREE.Scene=function(){this.objects=[];this.add=function(a){this.objects.push(a)};this.toString=function(){return"THREE.Scene ( "+this.objects+" )"}};THREE.Renderer=function(){var e=[],c=[],d=[],a=[],b=new THREE.Matrix4();function f(h,g){return h.screenZ-g.screenZ}this.renderList=null;this.project=function(A,y){var v,t,z,q,o,B,n,l,k,h,r=0,x=0,s=0,u=0,w=y.focus,p=y.focus*y.zoom,m=0,g=0;this.renderList=[];if(y.autoUpdateMatrix){y.updateMatrix()}for(v=0;v<A.objects.length;v++){B=A.objects[v];if(B.autoUpdateMatrix){B.updateMatrix()}if(B instanceof THREE.Mesh){b.multiply(y.matrix,B.matrix);m=B.geometry.vertices.length;for(t=0;t<m;t++){z=B.geometry.vertices[t];z.screen.copy(z.position);b.transform(z.screen);z.screen.z=p/(w+z.screen.z);z.__visible=z.screen.z>0;z.screen.x*=z.screen.z;z.screen.y*=z.screen.z}g=B.geometry.faces.length;for(t=0;t<g;t++){o=B.geometry.faces[t];if(o instanceof THREE.Face3){n=B.geometry.vertices[o.a];l=B.geometry.vertices[o.b];k=B.geometry.vertices[o.c];if(n.__visible&&l.__visible&&k.__visible&&(B.doubleSided||(k.screen.x-n.screen.x)*(l.screen.y-n.screen.y)-(k.screen.y-n.screen.y)*(l.screen.x-n.screen.x)>0)){o.screen.z=(n.screen.z+l.screen.z+k.screen.z)*0.3;if(!e[r]){e[r]=new THREE.RenderableFace3()}e[r].v1.x=n.screen.x;e[r].v1.y=n.screen.y;e[r].v2.x=l.screen.x;e[r].v2.y=l.screen.y;e[r].v3.x=k.screen.x;e[r].v3.y=k.screen.y;e[r].screenZ=o.screen.z;e[r].material=B.material;e[r].uvs=B.geometry.uvs[t];e[r].color=o.color;this.renderList.push(e[r]);r++}}else{if(o instanceof THREE.Face4){n=B.geometry.vertices[o.a];l=B.geometry.vertices[o.b];k=B.geometry.vertices[o.c];h=B.geometry.vertices[o.d];if(n.__visible&&l.__visible&&k.__visible&&h.__visible&&(B.doubleSided||((h.screen.x-n.screen.x)*(l.screen.y-n.screen.y)-(h.screen.y-n.screen.y)*(l.screen.x-n.screen.x)>0||(l.screen.x-k.screen.x)*(h.screen.y-k.screen.y)-(l.screen.y-k.screen.y)*(h.screen.x-k.screen.x)>0))){o.screen.z=(n.screen.z+l.screen.z+k.screen.z+h.screen.z)*0.25;if(!c[x]){c[x]=new THREE.RenderableFace4()}c[x].v1.x=n.screen.x;c[x].v1.y=n.screen.y;c[x].v2.x=l.screen.x;c[x].v2.y=l.screen.y;c[x].v3.x=k.screen.x;c[x].v3.y=k.screen.y;c[x].v4.x=h.screen.x;c[x].v4.y=h.screen.y;c[x].screenZ=o.screen.z;c[x].material=B.material;c[x].uvs=B.geometry.uvs[t];c[x].color=o.color;this.renderList.push(c[x]);x++}}}}}else{if(B instanceof THREE.Line){b.multiply(y.matrix,B.matrix);m=B.geometry.vertices.length;for(t=0;t<m;t++){z=B.geometry.vertices[t];z.screen.copy(z.position);b.transform(z.screen);z.screen.z=p/(w+z.screen.z);z.visible=z.screen.z>0;z.screen.x*=z.screen.z;z.screen.y*=z.screen.z;if(t>0){q=B.geometry.vertices[t-1];if(!z.visible||!q.visible){continue}if(!d[s]){d[s]=new THREE.RenderableLine()}d[s].v1.x=z.screen.x;d[s].v1.y=z.screen.y;d[s].v2.x=q.screen.x;d[s].v2.y=q.screen.y;d[s].screenZ=(z.screen.z+q.screen.z)*0.5;d[s].material=B.material;this.renderList.push(d[s]);s++}}}else{if(B instanceof THREE.Particle){B.screen.copy(B.position);y.matrix.transform(B.screen);B.screen.z=p/(w+B.screen.z);if(B.screen.z<0){continue}B.screen.x*=B.screen.z;B.screen.y*=B.screen.z;if(!a[u]){a[u]=new THREE.RenderableParticle()}a[u].x=B.screen.x;a[u].y=B.screen.y;a[u].screenZ=B.screen.z;a[u].size=B.size;a[u].material=B.material;a[u].color=B.color;this.renderList.push(a[u]);u++}}}}this.renderList.sort(f)}};THREE.CanvasRenderer=function(){THREE.Renderer.call(this);var b=document.createElement("canvas"),a=b.getContext("2d"),e=new THREE.Rectangle(),g=new THREE.Rectangle(0,0,0,0),f=new THREE.Rectangle(),c=new THREE.Vector2();this.domElement=b;this.autoClear=true;this.setSize=function(i,h){b.width=i;b.height=h;a.setTransform(1,0,0,1,i/2,h/2);e.set(-i/2,-h/2,i/2,h/2)};this.clear=function(){g.inflate(1);g.minSelf(e);a.clearRect(g.getX(),g.getY(),g.getWidth(),g.getHeight());g.empty()};this.render=function(E,x){var T,S,u,t=Math.PI*2,D,Q,s,l,k,N,M,C,A,q,n,B=new THREE.Vector2(),z=new THREE.Vector2(),y=new THREE.Vector2(),K=new THREE.Vector2(),I=new THREE.Vector2(),H=new THREE.Vector2(),L,J,w,v,W,V,X,R,P,G,F,p,m,h,o,U,r,O;if(this.autoClear){this.clear()}this.project(E,x);D=this.renderList.length;for(T=0;T<D;T++){u=this.renderList[T];s=u.material.length;for(S=0;S<s;S++){Q=u.material[S];O=Q instanceof THREE.ColorFillMaterial||Q instanceof THREE.FaceColorFillMaterial||Q instanceof THREE.BitmapUVMappingMaterial;f.empty();a.beginPath();if(u instanceof THREE.RenderableParticle){r=u.size*u.screenZ;f.set(u.x-r,u.y-r,u.x+r,u.y+r);if(!e.instersects(f)){continue}a.arc(u.x,u.y,r,0,t,true)}else{if(u instanceof THREE.RenderableLine){l=u.v1.x;k=u.v1.y;N=u.v2.x;M=u.v2.y;f.addPoint(l,k);f.addPoint(N,M);if(!e.instersects(f)){continue}a.moveTo(l,k);a.lineTo(N,M)}else{if(u instanceof THREE.RenderableFace3){if(O){d(u.v1,u.v2);d(u.v2,u.v3);d(u.v3,u.v1)}l=u.v1.x;k=u.v1.y;N=u.v2.x;M=u.v2.y;C=u.v3.x;A=u.v3.y;f.addPoint(l,k);f.addPoint(N,M);f.addPoint(C,A);if(!e.instersects(f)){continue}a.moveTo(l,k);a.lineTo(N,M);a.lineTo(C,A);a.lineTo(l,k)}else{if(u instanceof THREE.RenderableFace4){if(O){d(u.v1,u.v2);d(u.v2,u.v3);d(u.v3,u.v4);d(u.v4,u.v1)}l=u.v1.x;k=u.v1.y;N=u.v2.x;M=u.v2.y;C=u.v3.x;A=u.v3.y;q=u.v4.x;n=u.v4.y;f.addPoint(l,k);f.addPoint(N,M);f.addPoint(C,A);f.addPoint(q,n);if(!e.instersects(f)){continue}a.moveTo(l,k);a.lineTo(N,M);a.lineTo(C,A);a.lineTo(q,n);a.lineTo(l,k)}}}}a.closePath();if(Q instanceof THREE.ColorFillMaterial){a.fillStyle=Q.color.__styleString;a.fill()}else{if(Q instanceof THREE.FaceColorFillMaterial){a.fillStyle=u.color.__styleString;a.fill()}else{if(Q instanceof THREE.ColorStrokeMaterial){a.lineWidth=Q.lineWidth;a.lineJoin="round";a.lineCap="round";a.strokeStyle=Q.color.__styleString;a.stroke();f.inflate(a.lineWidth)}else{if(Q instanceof THREE.FaceColorStrokeMaterial){a.lineWidth=Q.lineWidth;a.lineJoin="round";a.lineCap="round";a.strokeStyle=u.color.__styleString;a.stroke();f.inflate(a.lineWidth)}else{if(Q instanceof THREE.BitmapUVMappingMaterial){h=Q.bitmap;o=h.width;U=h.height;B.copy(u.uvs[0]);z.copy(u.uvs[1]);y.copy(u.uvs[2]);K.copy(B);I.copy(z);H.copy(y);K.x*=o;K.y*=U;I.x*=o;I.y*=U;H.x*=o;H.y*=U;d(K,I);d(I,H);d(H,K);L=(B.x===0)?1:(B.x===1)?K.x-1:K.x;J=(B.y===0)?1:(B.y===1)?K.y-1:K.y;w=(z.x===0)?1:(z.x===1)?I.x-1:I.x;v=(z.y===0)?1:(z.y===1)?I.y-1:I.y;W=(y.x===0)?1:(y.x===1)?H.x-1:H.x;V=(y.y===0)?1:(y.y===1)?H.y-1:H.y;a.save();a.clip();X=L*(V-v)-w*V+W*v+(w-W)*J;R=-(J*(C-N)-v*C+V*N+(v-V)*l)/X;P=(v*A+J*(M-A)-V*M+(V-v)*k)/X;G=(L*(C-N)-w*C+W*N+(w-W)*l)/X;F=-(w*A+L*(M-A)-W*M+(W-w)*k)/X;p=(L*(V*N-v*C)+J*(w*C-W*N)+(W*v-w*V)*l)/X;m=(L*(V*M-v*A)+J*(w*A-W*M)+(W*v-w*V)*k)/X;a.transform(R,P,G,F,p,m);a.drawImage(h,0,0);a.restore()}}}}}g.addRectangle(f)}}};function d(i,h){c.sub(h,i);c.unit();h.addSelf(c);i.subSelf(c)}};THREE.CanvasRenderer.prototype=new THREE.Renderer();THREE.CanvasRenderer.prototype.constructor=THREE.CanvasRenderer;THREE.SVGRenderer=function(){THREE.Renderer.call(this);var a=document.createElementNS("http://www.w3.org/2000/svg","svg"),e=new THREE.Rectangle(),h=new THREE.Rectangle(),d=[],b=[],g=1;this.domElement=a;this.autoClear=true;this.setQuality=function(i){switch(i){case"high":g=1;break;case"low":g=0;break}};this.setSize=function(j,i){a.setAttribute("viewBox",(-j/2)+" "+(-i/2)+" "+j+" "+i);a.setAttribute("width",j);a.setAttribute("height",i);e.set(-j/2,-i/2,j/2,i/2)};this.clear=function(){while(a.childNodes.length>0){a.removeChild(a.childNodes[0])}};this.render=function(B,A){var z,x,m,D,s,C,v=0,n=0,t,q,o,y,w,l,k,r,p,u;this.autoClear&&this.clear();this.project(B,A);D=this.renderList.length;for(z=0;z<D;z++){m=this.renderList[z];C=m.material.length;for(x=0;x<C;x++){s=m.material[x];h.empty();if(m instanceof THREE.RenderableFace3){q=m.v1.x;o=m.v1.y;y=m.v2.x;w=m.v2.y;l=m.v3.x;k=m.v3.y;h.addPoint(q,o);h.addPoint(y,w);h.addPoint(l,k);if(!e.instersects(h)){continue}t=c(v++);t.setAttribute("d","M "+q+" "+o+" L "+y+" "+w+" L "+l+","+k+"z")}else{if(m instanceof THREE.RenderableFace4){q=m.v1.x;o=m.v1.y;y=m.v2.x;w=m.v2.y;l=m.v3.x;k=m.v3.y;r=m.v4.x;p=m.v4.y;h.addPoint(q,o);h.addPoint(y,w);h.addPoint(l,k);h.addPoint(r,p);if(!e.instersects(h)){continue}t=c(v++);t.setAttribute("d","M "+q+" "+o+" L "+y+" "+w+" L "+l+","+k+" L "+r+","+p+"z")}else{if(m instanceof THREE.RenderableParticle){u=m.size*m.screenZ;h.set(m.x-u,m.y-u,m.x+u,m.y+u);if(!e.instersects(h)){continue}t=f(n++);t.setAttribute("cx",m.x);t.setAttribute("cy",m.y);t.setAttribute("r",u)}}}if(s instanceof THREE.ColorFillMaterial){t.setAttribute("style","fill: "+s.color.__styleString)}else{if(s instanceof THREE.FaceColorFillMaterial){t.setAttribute("style","fill: "+m.color.__styleString)}else{if(s instanceof THREE.ColorStrokeMaterial){t.setAttribute("style","fill: none; stroke: "+s.color.__styleString+"; stroke-width: "+s.lineWidth+"; stroke-linecap: round; stroke-linejoin: round")}else{if(s instanceof THREE.FaceColorStrokeMaterial){t.setAttribute("style","fill: none; stroke: "+m.color.__styleString+"; stroke-width: "+s.lineWidth+"; stroke-linecap: round; stroke-linejoin: round")}}}}a.appendChild(t)}}};function c(i){if(d[i]===null){d[i]=document.createElementNS("http://www.w3.org/2000/svg","path");if(g===0){d[i].setAttribute("shape-rendering","crispEdges")}return d[i]}return d[i]}function f(i){if(b[i]===null){b[i]=document.createElementNS("http://www.w3.org/2000/svg","circle");if(g===0){b[i].setAttribute("shape-rendering","crispEdges")}return b[i]}return b[i]}};THREE.SVGRenderer.prototype=new THREE.Renderer();THREE.SVGRenderer.prototype.constructor=THREE.CanvasRenderer;THREE.RenderableFace3=function(){this.v1=new THREE.Vector2();this.v2=new THREE.Vector2();this.v3=new THREE.Vector2();this.screenZ=null;this.color=null;this.material=null};THREE.RenderableFace4=function(){this.v1=new THREE.Vector2();this.v2=new THREE.Vector2();this.v3=new THREE.Vector2();this.v4=new THREE.Vector2();this.screenZ=null;this.color=null;this.material=null};THREE.RenderableParticle=function(){this.x=null;this.y=null;this.screenZ=null;this.color=null;this.material=null};THREE.RenderableLine=function(){this.v1=new THREE.Vector2();this.v2=new THREE.Vector2();this.screenZ=null;this.color=null;this.material=null};
\ No newline at end of file
+// three.js r10 - http://github.com/mrdoob/three.js
+var THREE=THREE||{};THREE.Color=function(c){var f,e,a,b,d;this.__styleString="rgba(0, 0, 0, 1)";this.setHex=function(g){d=g;this.updateRGBA();this.updateStyleString()};this.setRGBA=function(k,j,h,i){f=k;e=j;a=h;b=i;this.updateHex();this.updateStyleString()};this.updateHex=function(){d=Math.floor(b*255)<<24|f<<16|e<<8|a};this.updateRGBA=function(){f=d>>16&255;e=d>>8&255;a=d&255;b=(d>>24&255)/255};this.updateStyleString=function(){this.__styleString="rgba("+f+","+e+","+a+","+b+")"};this.toString=function(){return"THREE.Color ( r: "+f+", g: "+e+", b: "+a+", a: "+b+", hex: "+d+" )"};this.setHex(c)};THREE.Vector2=function(a,b){this.x=a||0;this.y=b||0;this.set=function(c,d){this.x=c;this.y=d};this.copy=function(c){this.x=c.x;this.y=c.y};this.addSelf=function(c){this.x+=c.x;this.y+=c.y};this.add=function(d,c){this.x=d.x+c.x;this.y=d.y+c.y};this.subSelf=function(c){this.x-=c.x;this.y-=c.y};this.sub=function(d,c){this.x=d.x-c.x;this.y=d.y-c.y};this.multiplyScalar=function(c){this.x*=c;this.y*=c};this.unit=function(){this.multiplyScalar(1/this.length())};this.length=function(){return Math.sqrt(this.x*this.x+this.y*this.y)};this.lengthSq=function(){return this.x*this.x+this.y*this.y};this.negate=function(){this.x=-this.x;this.y=-this.y};this.clone=function(){return new THREE.Vector2(this.x,this.y)};this.toString=function(){return"THREE.Vector2 ("+this.x+", "+this.y+")"}};THREE.Vector3=function(a,c,b){this.x=a||0;this.y=c||0;this.z=b||0;this.set=function(d,f,e){this.x=d;this.y=f;this.z=e};this.copy=function(d){this.x=d.x;this.y=d.y;this.z=d.z};this.add=function(e,d){this.x=e.x+d.x;this.y=e.y+d.y;this.z=e.z+d.z};this.addSelf=function(d){this.x+=d.x;this.y+=d.y;this.z+=d.z};this.addScalar=function(d){this.x+=d;this.y+=d;this.z+=d};this.sub=function(e,d){this.x=e.x-d.x;this.y=e.y-d.y;this.z=e.z-d.z};this.subSelf=function(d){this.x-=d.x;this.y-=d.y;this.z-=d.z};this.crossSelf=function(f){var e=this.x,d=this.y,g=this.z;this.x=d*f.z-g*f.y;this.y=g*f.x-e*f.z;this.z=e*f.y-d*f.x};this.multiplySelf=function(d){this.x*=d.x;this.y*=d.y;this.z*=d.z};this.multiplyScalar=function(d){this.x*=d;this.y*=d;this.z*=d};this.dot=function(d){return this.x*d.x+this.y*d.y+this.z*d.z};this.distanceTo=function(d){return Math.sqrt(this.distanceToSquared(d))};this.distanceToSquared=function(g){var f=this.x-g.x,e=this.y-g.y,d=this.z-g.z;return f*f+e*e+d*d};this.length=function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z)};this.lengthSq=function(){return this.x*this.x+this.y*this.y+this.z*this.z};this.negate=function(){this.x=-this.x;this.y=-this.y;this.z=-this.z};this.normalize=function(){if(this.length()>0){this.multiplyScalar(1/this.length())}else{this.multiplyScalar(0)}};this.clone=function(){return new THREE.Vector3(this.x,this.y,this.z)};this.toString=function(){return"THREE.Vector3 ( "+this.x+", "+this.y+", "+this.z+" )"}};THREE.Vector4=function(a,d,c,b){this.x=a||0;this.y=d||0;this.z=c||0;this.w=b||1;this.set=function(e,h,g,f){this.x=e;this.y=h;this.z=g;this.w=f};this.copy=function(e){this.x=e.x;this.y=e.y;this.z=e.z;this.w=e.w};this.add=function(f,e){this.x=f.x+e.x;this.y=f.y+e.y;this.z=f.z+e.z;this.w=f.w+e.w};this.addSelf=function(e){this.x+=e.x;this.y+=e.y;this.z+=e.z;this.w+=e.w};this.sub=function(f,e){this.x=f.x-e.x;this.y=f.y-e.y;this.z=f.z-e.z;this.w=f.w-e.w};this.subSelf=function(e){this.x-=e.x;this.y-=e.y;this.z-=e.z;this.w-=e.w};this.clone=function(){return new THREE.Vector4(this.x,this.y,this.z,this.w)};this.toString=function(){return"THREE.Vector4 ("+this.x+", "+this.y+", "+this.z+", "+this.w+")"}};THREE.Rectangle=function(b,l,a,j){var k=b,g=l,i=a,f=j,d=i-k,e=f-g,h=false;function c(){d=i-k;e=f-g}this.getX=function(){return k};this.getY=function(){return g};this.getWidth=function(){return d};this.getHeight=function(){return e};this.getX1=function(){return k};this.getY1=function(){return g};this.getX2=function(){return i};this.getY2=function(){return f};this.set=function(n,p,m,o){h=false;k=n;g=p;i=m;f=o;c()};this.addPoint=function(m,n){if(h){h=false;k=m;g=n;i=m;f=n}else{k=Math.min(k,m);g=Math.min(g,n);i=Math.max(i,m);f=Math.max(f,n)}c()};this.addRectangle=function(m){if(h){h=false;k=m.getX1();g=m.getY1();i=m.getX2();f=m.getY2()}else{k=Math.min(k,m.getX1());g=Math.min(g,m.getY1());i=Math.max(i,m.getX2());f=Math.max(f,m.getY2())}c()};this.inflate=function(m){k-=m;g-=m;i+=m;f+=m;c()};this.minSelf=function(m){k=Math.max(k,m.getX1());g=Math.max(g,m.getY1());i=Math.min(i,m.getX2());f=Math.min(f,m.getY2());c()};this.instersects=function(m){return Math.min(i,m.getX2())-Math.max(k,m.getX1())>0&&Math.min(f,m.getY2())-Math.max(g,m.getY1())>0};this.empty=function(){h=true;k=0;g=0;i=0;f=0;c()};this.toString=function(){return"THREE.Rectangle (x1: "+k+", y1: "+f+", x2: "+i+", y1: "+g+", width: "+d+", height: "+e+")"}};THREE.Matrix4=function(){var a,c,b;a=new THREE.Vector3();c=new THREE.Vector3();b=new THREE.Vector3();this.n11=1;this.n12=0;this.n13=0;this.n14=0;this.n21=0;this.n22=1;this.n23=0;this.n24=0;this.n31=0;this.n32=0;this.n33=1;this.n34=0;this.n41=0;this.n42=0;this.n43=0;this.n44=1;this.identity=function(){this.n11=1;this.n12=0;this.n13=0;this.n14=0;this.n21=0;this.n22=1;this.n23=0;this.n24=0;this.n31=0;this.n32=0;this.n33=1;this.n34=0;this.n41=0;this.n42=0;this.n43=0;this.n44=1};this.lookAt=function(f,e,d){b.sub(f,e);b.normalize();a.copy(d);a.crossSelf(b);a.normalize();c.copy(b);c.crossSelf(a);c.normalize();c.negate();this.n11=a.x;this.n12=a.y;this.n13=a.z;this.n14=-a.dot(f);this.n21=c.x;this.n22=c.y;this.n23=c.z;this.n24=-c.dot(f);this.n31=b.x;this.n32=b.y;this.n33=b.z;this.n34=-b.dot(f)};this.transform=function(d){var g=d.x,f=d.y,e=d.z,h=d.w?d.w:1;d.x=this.n11*g+this.n12*f+this.n13*e+this.n14*h;d.y=this.n21*g+this.n22*f+this.n23*e+this.n24*h;d.z=this.n31*g+this.n32*f+this.n33*e+this.n34*h;h=this.n41*g+this.n42*f+this.n43*e+this.n44*h;if(d.w){d.w=h}else{d.x=d.x/h;d.y=d.y/h;d.z=d.z/h}};this.crossVector=function(d){var e=new THREE.Vector4();e.x=this.n11*d.x+this.n12*d.y+this.n13*d.z+this.n14*d.w;e.y=this.n21*d.x+this.n22*d.y+this.n23*d.z+this.n24*d.w;e.z=this.n31*d.x+this.n32*d.y+this.n33*d.z+this.n34*d.w;e.w=(d.w)?this.n41*d.x+this.n42*d.y+this.n43*d.z+this.n44*d.w:1;return e};this.multiply=function(e,d){this.n11=e.n11*d.n11+e.n12*d.n21+e.n13*d.n31+e.n14*d.n41;this.n12=e.n11*d.n12+e.n12*d.n22+e.n13*d.n32+e.n14*d.n42;this.n13=e.n11*d.n13+e.n12*d.n23+e.n13*d.n33+e.n14*d.n43;this.n14=e.n11*d.n14+e.n12*d.n24+e.n13*d.n34+e.n14*d.n44;this.n21=e.n21*d.n11+e.n22*d.n21+e.n23*d.n31+e.n24*d.n41;this.n22=e.n21*d.n12+e.n22*d.n22+e.n23*d.n32+e.n24*d.n42;this.n23=e.n21*d.n13+e.n22*d.n23+e.n23*d.n33+e.n24*d.n43;this.n24=e.n21*d.n14+e.n22*d.n24+e.n23*d.n34+e.n24*d.n44;this.n31=e.n31*d.n11+e.n32*d.n21+e.n33*d.n31+e.n34*d.n41;this.n32=e.n31*d.n12+e.n32*d.n22+e.n33*d.n32+e.n34*d.n42;this.n33=e.n31*d.n13+e.n32*d.n23+e.n33*d.n33+e.n34*d.n43;this.n34=e.n31*d.n14+e.n32*d.n24+e.n33*d.n34+e.n34*d.n44;this.n41=e.n41*d.n11+e.n42*d.n21+e.n43*d.n31+e.n44*d.n41;this.n42=e.n41*d.n12+e.n42*d.n22+e.n43*d.n32+e.n44*d.n42;this.n43=e.n41*d.n13+e.n42*d.n23+e.n43*d.n33+e.n44*d.n43;this.n44=e.n41*d.n14+e.n42*d.n24+e.n43*d.n34+e.n44*d.n44};this.multiplySelf=function(f){var r=this.n11,q=this.n12,o=this.n13,l=this.n14,i=this.n21,h=this.n22,g=this.n23,e=this.n24,d=this.n31,u=this.n32,t=this.n33,s=this.n34,p=this.n41,n=this.n42,k=this.n43,j=this.n44;this.n11=r*f.n11+q*f.n21+o*f.n31+l*f.n41;this.n12=r*f.n12+q*f.n22+o*f.n32+l*f.n42;this.n13=r*f.n13+q*f.n23+o*f.n33+l*f.n43;this.n14=r*f.n14+q*f.n24+o*f.n34+l*f.n44;this.n21=i*f.n11+h*f.n21+g*f.n31+e*f.n41;this.n22=i*f.n12+h*f.n22+g*f.n32+e*f.n42;this.n23=i*f.n13+h*f.n23+g*f.n33+e*f.n43;this.n24=i*f.n14+h*f.n24+g*f.n34+e*f.n44;this.n31=d*f.n11+u*f.n21+t*f.n31+s*f.n41;this.n32=d*f.n12+u*f.n22+t*f.n32+s*f.n42;this.n33=d*f.n13+u*f.n23+t*f.n33+s*f.n43;this.n34=d*f.n14+u*f.n24+t*f.n34+s*f.n44;this.n41=p*f.n11+n*f.n21+k*f.n31+j*f.n41;this.n42=p*f.n12+n*f.n22+k*f.n32+j*f.n42;this.n43=p*f.n13+n*f.n23+k*f.n33+j*f.n43;this.n44=p*f.n14+n*f.n24+k*f.n34+j*f.n44};this.clone=function(){var d=new THREE.Matrix4();d.n11=this.n11;d.n12=this.n12;d.n13=this.n13;d.n14=this.n14;d.n21=this.n21;d.n22=this.n22;d.n23=this.n23;d.n24=this.n24;d.n31=this.n31;d.n32=this.n32;d.n33=this.n33;d.n34=this.n34;d.n41=this.n41;d.n42=this.n42;d.n43=this.n43;d.n44=this.n44;return d};this.toString=function(){return"| "+this.n11+" "+this.n12+" "+this.n13+" "+this.n14+" |\n| "+this.n21+" "+this.n22+" "+this.n23+" "+this.n24+" |\n| "+this.n31+" "+this.n32+" "+this.n33+" "+this.n34+" |\n| "+this.n41+" "+this.n42+" "+this.n43+" "+this.n44+" |"}};THREE.Matrix4.translationMatrix=function(b,d,c){var a=new THREE.Matrix4();a.n14=b;a.n24=d;a.n34=c;return a};THREE.Matrix4.scaleMatrix=function(b,d,c){var a=new THREE.Matrix4();a.n11=b;a.n22=d;a.n33=c;return a};THREE.Matrix4.rotationXMatrix=function(b){var a=new THREE.Matrix4();a.n22=a.n33=Math.cos(b);a.n32=Math.sin(b);a.n23=-a.n32;return a};THREE.Matrix4.rotationYMatrix=function(b){var a=new THREE.Matrix4();a.n11=a.n33=Math.cos(b);a.n13=Math.sin(b);a.n31=-a.n13;return a};THREE.Matrix4.rotationZMatrix=function(b){var a=new THREE.Matrix4();a.n11=a.n22=Math.cos(b);a.n21=Math.sin(b);a.n12=-a.n21;return a};THREE.Matrix4.makeFrustum=function(f,r,e,o,i,h){var g,q,n,p,l,k,j;g=new THREE.Matrix4();q=2*i/(r-f);n=2*i/(o-e);p=(r+f)/(r-f);l=(o+e)/(o-e);k=-(h+i)/(h-i);j=-2*h*i/(h-i);g.n11=q;g.n13=p;g.n22=n;g.n23=l;g.n33=k;g.n34=j;g.n43=-1;g.n44=0;return g};THREE.Matrix4.makePerspective=function(e,c,g,b){var a,f,h,d;a=g*Math.tan(e*Math.PI/360);f=-a;h=f*c;d=a*c;return THREE.Matrix4.makeFrustum(h,d,f,a,g,b)};THREE.Vertex=function(a,b){this.position=a||new THREE.Vector3();this.normal=b||new THREE.Vector3();this.screen=new THREE.Vector3();this.__visible=true;this.toString=function(){return"THREE.Vertex ( position: "+this.position+", normal: "+this.normal+" )"}};THREE.Face3=function(e,d,h,g,f){this.a=e;this.b=d;this.c=h;this.normal=g||new THREE.Vector3();this.screen=new THREE.Vector3();this.color=f||new THREE.Color(0);this.toString=function(){return"THREE.Face3 ( "+this.a+", "+this.b+", "+this.c+" )"}};THREE.Face4=function(f,e,j,i,h,g){this.a=f;this.b=e;this.c=j;this.d=i;this.normal=h||new THREE.Vector3();this.screen=new THREE.Vector3();this.color=g||new THREE.Color(0);this.toString=function(){return"THREE.Face4 ( "+this.a+", "+this.b+", "+this.c+" "+this.d+" )"}};THREE.Geometry=function(){this.vertices=[];this.faces=[];this.uvs=[];this.computeNormals=function(){var b,h,e,d,c,a,g,i;for(b=0;b<this.vertices.length;b++){this.vertices[b].normal.set(0,0,0)}for(h=0;h<this.faces.length;h++){e=this.vertices[this.faces[h].a];d=this.vertices[this.faces[h].b];c=this.vertices[this.faces[h].c];a=new THREE.Vector3();g=new THREE.Vector3();i=new THREE.Vector3();a.sub(c.position,d.position);g.sub(e.position,d.position);a.cross(g);if(!a.isZero()){a.normalize()}this.faces[h].normal=a;e.normal.addSelf(i);d.normal.addSelf(i);c.normal.addSelf(i);if(this.faces[h] instanceof THREE.Face4){this.vertices[this.faces[h].d].normal.addSelf(i)}}}};THREE.Camera=function(c,b,d,a){this.position=new THREE.Vector3(0,0,0);this.target={position:new THREE.Vector3(0,0,0)};this.projectionMatrix=THREE.Matrix4.makePerspective(c,b,d,a);this.up=new THREE.Vector3(0,1,0);this.matrix=new THREE.Matrix4();this.autoUpdateMatrix=true;this.updateMatrix=function(){this.matrix.lookAt(this.position,this.target.position,this.up)};this.updateMatrix();this.toString=function(){return"THREE.Camera ( "+this.position+", "+this.target.position+" )"}};THREE.Object3D=function(a){this.position=new THREE.Vector3();this.rotation=new THREE.Vector3();this.scale=new THREE.Vector3(1,1,1);this.matrix=new THREE.Matrix4();this.screen=new THREE.Vector3();this.material=a instanceof Array?a:[a];this.overdraw=false;this.autoUpdateMatrix=true;this.updateMatrix=function(){this.matrix.identity();this.matrix.multiplySelf(THREE.Matrix4.translationMatrix(this.position.x,this.position.y,this.position.z));this.matrix.multiplySelf(THREE.Matrix4.rotationXMatrix(this.rotation.x));this.matrix.multiplySelf(THREE.Matrix4.rotationYMatrix(this.rotation.y));this.matrix.multiplySelf(THREE.Matrix4.rotationZMatrix(this.rotation.z));this.matrix.multiplySelf(THREE.Matrix4.scaleMatrix(this.scale.x,this.scale.y,this.scale.z))}};THREE.Line=function(b,a){THREE.Object3D.call(this,a);this.geometry=b};THREE.Line.prototype=new THREE.Object3D();THREE.Line.prototype.constructor=THREE.Line;THREE.Mesh=function(b,a){THREE.Object3D.call(this,a);this.geometry=b;this.doubleSided=false};THREE.Mesh.prototype=new THREE.Object3D();THREE.Mesh.prototype.constructor=THREE.Mesh;THREE.Particle=function(a){THREE.Object3D.call(this,a);this.size=1;this.autoUpdateMatrix=false};THREE.Particle.prototype=new THREE.Object3D();THREE.Particle.prototype.constructor=THREE.Particle;THREE.BitmapUVMappingMaterial=function(a){this.bitmap=a;this.toString=function(){return"THREE.BitmapUVMappingMaterial ( bitmap: "+this.bitmap+" )"}};THREE.ColorFillMaterial=function(b,a){this.color=new THREE.Color((a>=0?(a*255)<<24:4278190080)|b);this.toString=function(){return"THREE.ColorFillMaterial ( color: "+this.color+" )"}};THREE.ColorStrokeMaterial=function(a,c,b){this.lineWidth=a||1;this.color=new THREE.Color((b>=0?(b*255)<<24:4278190080)|c);this.toString=function(){return"THREE.ColorStrokeMaterial ( lineWidth: "+this.lineWidth+", color: "+this.color+" )"}};THREE.FaceColorFillMaterial=function(){this.toString=function(){return"THREE.FaceColorFillMaterial ( )"}};THREE.FaceColorStrokeMaterial=function(a){this.lineWidth=a||1;this.toString=function(){return"THREE.FaceColorStrokeMaterial ( lineWidth: "+this.lineWidth+" )"}};THREE.Scene=function(){this.objects=[];this.add=function(a){this.objects.push(a)};this.toString=function(){return"THREE.Scene ( "+this.objects+" )"}};THREE.Renderer=function(){var f=[],d=[],e=[],a=[],c=new THREE.Vector4(),b=new THREE.Matrix4();function g(i,h){return h.z-i.z}this.renderList=null;this.project=function(z,x){var v,t,y,q,p,A,n,m,l,k,r=0,w=0,s=0,u=0,o=0,h=0;this.renderList=[];if(x.autoUpdateMatrix){x.updateMatrix()}for(v=0;v<z.objects.length;v++){A=z.objects[v];if(A.autoUpdateMatrix){A.updateMatrix()}if(A instanceof THREE.Mesh){b.multiply(x.matrix,A.matrix);o=A.geometry.vertices.length;for(t=0;t<o;t++){y=A.geometry.vertices[t];y.screen.copy(y.position);b.transform(y.screen);x.projectionMatrix.transform(y.screen);y.__visible=y.screen.z>0&&y.screen.z<1}h=A.geometry.faces.length;for(t=0;t<h;t++){p=A.geometry.faces[t];if(p instanceof THREE.Face3){n=A.geometry.vertices[p.a];m=A.geometry.vertices[p.b];l=A.geometry.vertices[p.c];if(n.__visible&&m.__visible&&l.__visible&&(A.doubleSided||(l.screen.x-n.screen.x)*(m.screen.y-n.screen.y)-(l.screen.y-n.screen.y)*(m.screen.x-n.screen.x)>0)){p.screen.z=Math.max(n.screen.z,Math.max(m.screen.z,l.screen.z));if(!f[r]){f[r]=new THREE.RenderableFace3()}f[r].v1.x=n.screen.x;f[r].v1.y=n.screen.y;f[r].v2.x=m.screen.x;f[r].v2.y=m.screen.y;f[r].v3.x=l.screen.x;f[r].v3.y=l.screen.y;f[r].z=p.screen.z;f[r].material=A.material;f[r].overdraw=A.overdraw;f[r].uvs=A.geometry.uvs[t];f[r].color=p.color;this.renderList.push(f[r]);r++}}else{if(p instanceof THREE.Face4){n=A.geometry.vertices[p.a];m=A.geometry.vertices[p.b];l=A.geometry.vertices[p.c];k=A.geometry.vertices[p.d];if(n.__visible&&m.__visible&&l.__visible&&k.__visible&&(A.doubleSided||((k.screen.x-n.screen.x)*(m.screen.y-n.screen.y)-(k.screen.y-n.screen.y)*(m.screen.x-n.screen.x)>0||(m.screen.x-l.screen.x)*(k.screen.y-l.screen.y)-(m.screen.y-l.screen.y)*(k.screen.x-l.screen.x)>0))){p.screen.z=Math.max(n.screen.z,Math.max(m.screen.z,Math.max(l.screen.z,k.screen.z)));if(!d[w]){d[w]=new THREE.RenderableFace4()}d[w].v1.x=n.screen.x;d[w].v1.y=n.screen.y;d[w].v2.x=m.screen.x;d[w].v2.y=m.screen.y;d[w].v3.x=l.screen.x;d[w].v3.y=l.screen.y;d[w].v4.x=k.screen.x;d[w].v4.y=k.screen.y;d[w].z=p.screen.z;d[w].material=A.material;d[w].overdraw=A.overdraw;d[w].uvs=A.geometry.uvs[t];d[w].color=p.color;this.renderList.push(d[w]);w++}}}}}else{if(A instanceof THREE.Line){b.multiply(x.matrix,A.matrix);o=A.geometry.vertices.length;for(t=0;t<o;t++){y=A.geometry.vertices[t];y.screen.copy(y.position);b.transform(y.screen);x.projectionMatrix.transform(y.screen);y.__visible=y.screen.z>0&&y.screen.z<1;if(t>0){q=A.geometry.vertices[t-1];if(y.__visible&&q.__visible){if(!e[s]){e[s]=new THREE.RenderableLine()}e[s].v1.x=y.screen.x;e[s].v1.y=y.screen.y;e[s].v2.x=q.screen.x;e[s].v2.y=q.screen.y;e[s].z=Math.max(y.screen.z,q.screen.z);e[s].material=A.material;this.renderList.push(e[s]);s++}}}}else{if(A instanceof THREE.Particle){c.set(A.position.x,A.position.y,A.position.z,1);x.matrix.transform(c);x.projectionMatrix.transform(c);A.screen.set(c.x/c.w,c.y/c.w,c.z/c.w);if(A.screen.z>0&&A.screen.z<1){if(!a[u]){a[u]=new THREE.RenderableParticle()}a[u].x=A.screen.x;a[u].y=A.screen.y;a[u].z=A.screen.z;a[u].size=A.size*Math.abs(c.x/c.w-(c.x+x.projectionMatrix.n11)/(c.w+x.projectionMatrix.n14));a[u].material=A.material;a[u].color=A.color;this.renderList.push(a[u]);u++}}}}}this.renderList.sort(g)}};THREE.CanvasRenderer=function(){THREE.Renderer.call(this);var h=document.createElement("canvas"),a=h.getContext("2d"),c,e,k,i,g=new THREE.Rectangle(),b=new THREE.Rectangle(0,0,0,0),d=new THREE.Rectangle(),f=new THREE.Vector2();this.domElement=h;this.autoClear=true;this.setSize=function(m,l){c=m;e=l;k=c/2;i=e/2;h.width=c;h.height=e;a.setTransform(1,0,0,1,k,i);g.set(-k,-i,k,i)};this.clear=function(){b.inflate(1);b.minSelf(g);a.clearRect(b.getX(),b.getY(),b.getWidth(),b.getHeight());b.empty()};this.render=function(G,z){var V,U,v,u=Math.PI*2,F,S,t,n,m,Q,P,E,C,r,p,D=new THREE.Vector2(),B=new THREE.Vector2(),A=new THREE.Vector2(),N=new THREE.Vector2(),L=new THREE.Vector2(),K=new THREE.Vector2(),O,M,x,w,X,W,Y,T,R,I,H,q,o,l,y,J,s;if(this.autoClear){this.clear()}this.project(G,z);F=this.renderList.length;for(V=0;V<F;V++){v=this.renderList[V];t=v.material.length;d.empty();a.beginPath();if(v instanceof THREE.RenderableParticle){n=v.x*k;m=v.y*i;s=v.size*k;d.set(n-s,m-s,n+s,m+s);if(!g.instersects(d)){continue}a.arc(n,m,s,0,u,true)}else{if(v instanceof THREE.RenderableLine){n=v.v1.x*k;m=v.v1.y*i;Q=v.v2.x*k;P=v.v2.y*i;d.addPoint(n,m);d.addPoint(Q,P);if(!g.instersects(d)){continue}a.moveTo(n,m);a.lineTo(Q,P)}else{if(v instanceof THREE.RenderableFace3){v.v1.x*=k;v.v1.y*=i;v.v2.x*=k;v.v2.y*=i;v.v3.x*=k;v.v3.y*=i;if(v.overdraw){j(v.v1,v.v2);j(v.v2,v.v3);j(v.v3,v.v1)}n=v.v1.x;m=v.v1.y;Q=v.v2.x;P=v.v2.y;E=v.v3.x;C=v.v3.y;d.addPoint(n,m);d.addPoint(Q,P);d.addPoint(E,C);if(!g.instersects(d)){continue}a.moveTo(n,m);a.lineTo(Q,P);a.lineTo(E,C);a.lineTo(n,m)}else{if(v instanceof THREE.RenderableFace4){v.v1.x*=k;v.v1.y*=i;v.v2.x*=k;v.v2.y*=i;v.v3.x*=k;v.v3.y*=i;v.v4.x*=k;v.v4.y*=i;if(v.overdraw){j(v.v1,v.v2);j(v.v2,v.v3);j(v.v3,v.v4);j(v.v4,v.v1)}n=v.v1.x;m=v.v1.y;Q=v.v2.x;P=v.v2.y;E=v.v3.x;C=v.v3.y;r=v.v4.x;p=v.v4.y;d.addPoint(n,m);d.addPoint(Q,P);d.addPoint(E,C);d.addPoint(r,p);if(!g.instersects(d)){continue}a.moveTo(n,m);a.lineTo(Q,P);a.lineTo(E,C);a.lineTo(r,p);a.lineTo(n,m)}}}}a.closePath();for(U=0;U<t;U++){S=v.material[U];if(S instanceof THREE.ColorFillMaterial){a.fillStyle=S.color.__styleString;a.fill()}else{if(S instanceof THREE.FaceColorFillMaterial){a.fillStyle=v.color.__styleString;a.fill()}else{if(S instanceof THREE.ColorStrokeMaterial){a.lineWidth=S.lineWidth;a.lineJoin="round";a.lineCap="round";a.strokeStyle=S.color.__styleString;a.stroke();d.inflate(a.lineWidth)}else{if(S instanceof THREE.FaceColorStrokeMaterial){a.lineWidth=S.lineWidth;a.lineJoin="round";a.lineCap="round";a.strokeStyle=v.color.__styleString;a.stroke();d.inflate(a.lineWidth)}else{if(S instanceof THREE.BitmapUVMappingMaterial){l=S.bitmap;y=l.width;J=l.height;D.copy(v.uvs[0]);B.copy(v.uvs[1]);A.copy(v.uvs[2]);N.copy(D);L.copy(B);K.copy(A);N.x*=y;N.y*=J;L.x*=y;L.y*=J;K.x*=y;K.y*=J;if(v.overdraw){j(N,L);j(L,K);j(K,N);N.x=(D.x===0)?1:(D.x===1)?N.x-1:N.x;N.y=(D.y===0)?1:(D.y===1)?N.y-1:N.y;L.x=(B.x===0)?1:(B.x===1)?L.x-1:L.x;L.y=(B.y===0)?1:(B.y===1)?L.y-1:L.y;K.x=(A.x===0)?1:(A.x===1)?K.x-1:K.x;K.y=(A.y===0)?1:(A.y===1)?K.y-1:K.y}O=N.x;M=N.y;x=L.x;w=L.y;X=K.x;W=K.y;a.save();a.clip();Y=O*(W-w)-x*W+X*w+(x-X)*M;T=-(M*(E-Q)-w*E+W*Q+(w-W)*n)/Y;R=(w*C+M*(P-C)-W*P+(W-w)*m)/Y;I=(O*(E-Q)-x*E+X*Q+(x-X)*n)/Y;H=-(x*C+O*(P-C)-X*P+(X-x)*m)/Y;q=(O*(W*Q-w*E)+M*(x*E-X*Q)+(X*w-x*W)*n)/Y;o=(O*(W*P-w*C)+M*(x*C-X*P)+(X*w-x*W)*m)/Y;a.transform(T,R,I,H,q,o);a.drawImage(l,0,0);a.restore()}}}}}b.addRectangle(d)}}};function j(m,l){f.sub(l,m);f.unit();l.addSelf(f);m.subSelf(f)}};THREE.CanvasRenderer.prototype=new THREE.Renderer();THREE.CanvasRenderer.prototype.constructor=THREE.CanvasRenderer;THREE.SVGRenderer=function(){THREE.Renderer.call(this);var g=document.createElementNS("http://www.w3.org/2000/svg","svg"),b,d,l,i,f=new THREE.Rectangle(),c=new THREE.Rectangle(),j=[],e=[],h=1;this.domElement=g;this.autoClear=true;this.setQuality=function(m){switch(m){case"high":h=1;break;case"low":h=0;break}};this.setSize=function(n,m){b=n;d=m;l=b/2;i=d/2;g.setAttribute("viewBox",(-l)+" "+(-i)+" "+b+" "+d);g.setAttribute("width",b);g.setAttribute("height",d);f.set(-l,-i,l,i)};this.clear=function(){while(g.childNodes.length>0){g.removeChild(g.childNodes[0])}};this.render=function(D,C){var B,z,o,F,u,E,x=0,p=0,v,s,q,A,y,n,m,t,r,w;if(this.autoClear){this.clear()}this.project(D,C);F=this.renderList.length;for(B=0;B<F;B++){o=this.renderList[B];E=o.material.length;for(z=0;z<E;z++){u=o.material[z];c.empty();if(o instanceof THREE.RenderableParticle){s=o.x*l;q=o.y*i;w=o.size*l;c.set(s-w,q-w,s+w,q+w);if(!f.instersects(c)){continue}v=k(p++);v.setAttribute("cx",s);v.setAttribute("cy",q);v.setAttribute("r",w)}else{if(o instanceof THREE.RenderableFace3){s=o.v1.x*l;q=o.v1.y*i;A=o.v2.x*l;y=o.v2.y*i;n=o.v3.x*l;m=o.v3.y*i;c.addPoint(s,q);c.addPoint(A,y);c.addPoint(n,m);if(!f.instersects(c)){continue}v=a(x++);v.setAttribute("d","M "+s+" "+q+" L "+A+" "+y+" L "+n+","+m+"z")}else{if(o instanceof THREE.RenderableFace4){s=o.v1.x*l;q=o.v1.y*i;A=o.v2.x*l;y=o.v2.y*i;n=o.v3.x*l;m=o.v3.y*i;t=o.v4.x*l;r=o.v4.y*i;c.addPoint(s,q);c.addPoint(A,y);c.addPoint(n,m);c.addPoint(t,r);if(!f.instersects(c)){continue}v=a(x++);v.setAttribute("d","M "+s+" "+q+" L "+A+" "+y+" L "+n+","+m+" L "+t+","+r+"z")}}}if(u instanceof THREE.ColorFillMaterial){v.setAttribute("style","fill: "+u.color.__styleString)}else{if(u instanceof THREE.FaceColorFillMaterial){v.setAttribute("style","fill: "+o.color.__styleString)}else{if(u instanceof THREE.ColorStrokeMaterial){v.setAttribute("style","fill: none; stroke: "+u.color.__styleString+"; stroke-width: "+u.lineWidth+"; stroke-linecap: round; stroke-linejoin: round")}else{if(u instanceof THREE.FaceColorStrokeMaterial){v.setAttribute("style","fill: none; stroke: "+o.color.__styleString+"; stroke-width: "+u.lineWidth+"; stroke-linecap: round; stroke-linejoin: round")}}}}g.appendChild(v)}}};function a(m){if(j[m]==null){j[m]=document.createElementNS("http://www.w3.org/2000/svg","path");if(h==0){j[m].setAttribute("shape-rendering","crispEdges")}return j[m]}return j[m]}function k(m){if(e[m]==null){e[m]=document.createElementNS("http://www.w3.org/2000/svg","circle");if(h==0){e[m].setAttribute("shape-rendering","crispEdges")}return e[m]}return e[m]}};THREE.SVGRenderer.prototype=new THREE.Renderer();THREE.SVGRenderer.prototype.constructor=THREE.CanvasRenderer;THREE.RenderableFace3=function(){this.v1=new THREE.Vector2();this.v2=new THREE.Vector2();this.v3=new THREE.Vector2();this.z=null;this.color=null;this.material=null};THREE.RenderableFace4=function(){this.v1=new THREE.Vector2();this.v2=new THREE.Vector2();this.v3=new THREE.Vector2();this.v4=new THREE.Vector2();this.z=null;this.color=null;this.material=null};THREE.RenderableParticle=function(){this.x=null;this.y=null;this.z=null;this.color=null;this.material=null};THREE.RenderableLine=function(){this.v1=new THREE.Vector2();this.v2=new THREE.Vector2();this.z=null;this.color=null;this.material=null};
\ No newline at end of file
diff --git a/examples/geometry_cube.html b/examples/geometry_cube.html
index 33a866ae93..2260c48c6f 100644
--- a/examples/geometry_cube.html
+++ b/examples/geometry_cube.html
@@ -61,8 +61,9 @@
 				info.innerHTML = 'Drag to spin the cube';
 				container.appendChild(info);
 
-				camera = new THREE.Camera(0, 150, 400);
-				camera.focus = 300;
+				camera = new THREE.Camera( 45, SCREEN_WIDTH / SCREEN_HEIGHT, 0.0001, 10000 );
+				camera.position.y = 150;
+				camera.position.z = 1000;
 				camera.target.position.y = 150;
 
 				scene = new THREE.Scene();
diff --git a/examples/geometry_terrain.html b/examples/geometry_terrain.html
index af6b77860b..990d9a94bf 100644
--- a/examples/geometry_terrain.html
+++ b/examples/geometry_terrain.html
@@ -137,8 +137,8 @@
 
 				container = document.getElementById( 'container' );
 
-				camera = new THREE.Camera(0, 0, 500);
-				camera.focus = 300;
+				camera = new THREE.Camera( 45, SCREEN_WIDTH / SCREEN_HEIGHT, 0.0001, 10000 );
+				camera.position.z = 1000;
 
 				scene = new THREE.Scene();
 
@@ -166,6 +166,7 @@
 
 				mesh = new THREE.Mesh( plane, material );
 				mesh.rotation.x = -90 * Math.PI / 180;
+				mesh.overdraw = true;
 				scene.add(mesh);
 
 				renderer = new THREE.CanvasRenderer();
diff --git a/examples/geometry_vr.html b/examples/geometry_vr.html
index 22a653325b..b62e283d94 100644
--- a/examples/geometry_vr.html
+++ b/examples/geometry_vr.html
@@ -30,7 +30,38 @@
 		<div id="container"></div> 
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - vr demo. skybox by <a href="http://www.zfight.com/" target="_blank">Jochum Skoglund</a></div>
 
-		<script type="text/javascript" src="../build/three.js"></script>
+		<!-- <script type="text/javascript" src="../build/three.js"></script> -->
+
+		<script type="text/javascript" src="../src/Three.js"></script>
+		<script type="text/javascript" src="../src/core/Color.js"></script>
+		<script type="text/javascript" src="../src/core/Vector2.js"></script>
+		<script type="text/javascript" src="../src/core/Vector3.js"></script>
+		<script type="text/javascript" src="../src/core/Vector4.js"></script>
+		<script type="text/javascript" src="../src/core/Rectangle.js"></script>
+		<script type="text/javascript" src="../src/core/Matrix4.js"></script>
+		<script type="text/javascript" src="../src/core/Vertex.js"></script>
+		<script type="text/javascript" src="../src/core/Face3.js"></script>
+		<script type="text/javascript" src="../src/core/Face4.js"></script>
+		<script type="text/javascript" src="../src/core/Geometry.js"></script>
+		<script type="text/javascript" src="../src/cameras/Camera.js"></script>
+		<script type="text/javascript" src="../src/objects/Object3D.js"></script>
+		<script type="text/javascript" src="../src/objects/Mesh.js"></script>
+		<script type="text/javascript" src="../src/objects/Particle.js"></script>
+		<script type="text/javascript" src="../src/objects/Line.js"></script>
+		<script type="text/javascript" src="../src/materials/BitmapUVMappingMaterial.js"></script>
+		<script type="text/javascript" src="../src/materials/ColorFillMaterial.js"></script>
+		<script type="text/javascript" src="../src/materials/ColorStrokeMaterial.js"></script>
+		<script type="text/javascript" src="../src/materials/FaceColorFillMaterial.js"></script>
+		<script type="text/javascript" src="../src/materials/FaceColorStrokeMaterial.js"></script>
+		<script type="text/javascript" src="../src/scenes/Scene.js"></script>
+		<script type="text/javascript" src="../src/renderers/Renderer.js"></script>
+		<script type="text/javascript" src="../src/renderers/CanvasRenderer.js"></script>
+		<script type="text/javascript" src="../src/renderers/SVGRenderer.js"></script>
+		<script type="text/javascript" src="../src/renderers/renderables/RenderableFace3.js"></script>
+		<script type="text/javascript" src="../src/renderers/renderables/RenderableFace4.js"></script>
+		<script type="text/javascript" src="../src/renderers/renderables/RenderableParticle.js"></script>
+		<script type="text/javascript" src="../src/renderers/renderables/RenderableLine.js"></script>
+
 		<script type="text/javascript" src="primitives/Plane.js"></script>
 
 		<script type="text/javascript">
@@ -54,8 +85,7 @@
 
 				container = document.getElementById( 'container' );
 
-				camera = new THREE.Camera();
-				camera.focus = 300;
+				camera = new THREE.Camera( 75, SCREEN_WIDTH / SCREEN_HEIGHT, 0.0001, 10000 );
 
 				scene = new THREE.Scene();
 
@@ -63,7 +93,7 @@
 				texture_placeholder.width = 128;
 				texture_placeholder.height = 128;
 
-				wireframe = new THREE.ColorStrokeMaterial(1, 0xffffff, 0);
+				wireframe = new THREE.ColorStrokeMaterial( 1, 0xffffff, 0 );
 
 				var context = texture_placeholder.getContext( '2d' );
 				context.fillStyle = 'rgba( 200, 200, 200, 1 )';
@@ -71,31 +101,37 @@
 
 				mesh = new THREE.Mesh( new Plane( 1000, 1000, 5, 5 ), loadTexture( 'textures/skymap_front1024.jpg' ) );
 				mesh.position.z = -500;
+				mesh.overdraw = true;
 				scene.add( mesh );
 
 				mesh = new THREE.Mesh( new Plane( 1000, 1000, 5, 5 ), loadTexture( 'textures/skymap_back1024.jpg' ) );
 				mesh.position.z = 500;
 				mesh.rotation.y = 180 * Math.PI / 180;
+				mesh.overdraw = true;
 				scene.add( mesh );
 
 				mesh = new THREE.Mesh( new Plane( 1000, 1000, 5, 5 ), loadTexture( 'textures/skymap_left1024.jpg' ) );
 				mesh.position.x = -500;
 				mesh.rotation.y = 90 * Math.PI / 180;
+				mesh.overdraw = true;
 				scene.add( mesh );
 
 				mesh = new THREE.Mesh( new Plane( 1000, 1000, 5, 5 ), loadTexture( 'textures/skymap_right1024.jpg' ) );
 				mesh.position.x = 500;
 				mesh.rotation.y = -90 * Math.PI / 180;
+				mesh.overdraw = true;
 				scene.add( mesh );
 
 				mesh = new THREE.Mesh( new Plane( 1000, 1000, 5, 5 ), loadTexture( 'textures/skymap_top1024.jpg' ) );
 				mesh.position.y = 500;
 				mesh.rotation.x = 90 * Math.PI / 180;
+				mesh.overdraw = true;
 				scene.add( mesh );
 
 				mesh = new THREE.Mesh( new Plane( 1000, 1000, 5, 5 ), loadTexture( 'textures/skymap_bottom1024.jpg' ) );
 				mesh.position.y = -500;
 				mesh.rotation.x = -90 * Math.PI / 180;
+				mesh.overdraw = true;
 				scene.add( mesh );
 
 
@@ -108,8 +144,8 @@
 				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 				document.addEventListener( 'mouseup', onDocumentMouseUp, false );
 
-				document.addEventListener('touchstart', onDocumentTouchStart, false);
-				document.addEventListener('touchmove', onDocumentTouchMove, false);
+				document.addEventListener( 'touchstart', onDocumentTouchStart, false );
+				document.addEventListener( 'touchmove', onDocumentTouchMove, false );
 
 			}
 
@@ -149,7 +185,7 @@
 
 			function onDocumentMouseMove( event ) {
 
-				if (isUserInteracting) {
+				if ( isUserInteracting ) {
 
 					lon = ( onPointerDownPointerX - event.clientX ) * 0.1 + onPointerDownLon;
 					lat = ( event.clientY - onPointerDownPointerY ) * 0.1 + onPointerDownLat;
@@ -164,13 +200,14 @@
 				isUserInteracting = false;
 
 				wireframe.color.setRGBA(255, 255, 255, 0);
+
 				render();
 			}
 
 
 			function onDocumentTouchStart( event ) {
 
-				if(event.touches.length == 1) {
+				if( event.touches.length == 1 ) {
 
 					event.preventDefault();
 
@@ -184,7 +221,7 @@
 
 			function onDocumentTouchMove( event ) {
 
-				if(event.touches.length == 1) {
+				if( event.touches.length == 1 ) {
 
 					event.preventDefault();
 
@@ -202,11 +239,11 @@
 				phi = ( 90 - lat ) * Math.PI / 180;
 				theta = ( lon + 180 ) * Math.PI / 180;
 
-				camera.target.position.x = 500 * Math.sin(phi) * Math.cos(theta);
-				camera.target.position.y = 500 * Math.cos(phi);
-				camera.target.position.z = 500 * Math.sin(phi) * Math.sin(theta);
+				camera.target.position.x = 500 * Math.sin( phi ) * Math.cos( theta );
+				camera.target.position.y = 500 * Math.cos( phi );
+				camera.target.position.z = 500 * Math.sin( phi ) * Math.sin( theta );
 
-				renderer.render(scene, camera);
+				renderer.render( scene, camera );
 
 			}
 
diff --git a/examples/materials_video.html b/examples/materials_video.html
index aa89f96b7e..56fc3106d3 100644
--- a/examples/materials_video.html
+++ b/examples/materials_video.html
@@ -66,8 +66,8 @@
 				info.innerHTML = '<a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - video demo. playing <a href="http://durian.blender.org/" target="_blank">sintel</a> trailer';
 				container.appendChild(info);
 
-				camera = new THREE.Camera(0, 0, 500);
-				camera.focus = 300;
+				camera = new THREE.Camera( 45, SCREEN_WIDTH / SCREEN_HEIGHT, 0.0001, 10000 );
+				camera.position.z = 1000;
 
 				scene = new THREE.Scene();
 
@@ -105,6 +105,7 @@
 
 				mesh = new THREE.Mesh( plane, material );
 				mesh.scale.x = mesh.scale.y = mesh.scale.z = 1.5;
+				mesh.overdraw = true;
 				scene.add(mesh);
 
 				mesh = new THREE.Mesh( plane, materialReflection );
@@ -112,6 +113,7 @@
 				mesh.scale.x = mesh.scale.y = mesh.scale.z = 1.5;
 				mesh.rotation.x = 180 * Math.PI / 180;
 				mesh.doubleSided = true;
+				mesh.overdraw = true;
 				scene.add(mesh);
 
 				//
diff --git a/examples/particles_floor.html b/examples/particles_floor.html
index 32015d2075..a502edb4e3 100644
--- a/examples/particles_floor.html
+++ b/examples/particles_floor.html
@@ -53,8 +53,8 @@
 				container = document.createElement('div');
 				document.body.appendChild(container);
 
-				camera = new THREE.Camera(0, 0, 1000);
-				camera.focus = 200;
+				camera = new THREE.Camera( 75, SCREEN_WIDTH / SCREEN_HEIGHT, 0.0001, 10000 );
+				camera.position.z = 1000;
 
 				scene = new THREE.Scene();
 
diff --git a/examples/particles_random.html b/examples/particles_random.html
index 8d646a547d..ebaf6cf9ee 100644
--- a/examples/particles_random.html
+++ b/examples/particles_random.html
@@ -51,8 +51,8 @@
 				container = document.createElement('div');
 				document.body.appendChild(container);
 
-				camera = new THREE.Camera(0, 0, 1000);
-				camera.focus = 200;
+				camera = new THREE.Camera( 75, SCREEN_WIDTH / SCREEN_HEIGHT, 0.0001, 10000 );
+				camera.position.z = 1000;
 
 				scene = new THREE.Scene();
 
@@ -61,7 +61,7 @@
 
 				for (var i = 0; i < 1000; i++) {
 
-					particle = new THREE.Particle(new THREE.ColorFillMaterial(Math.random() * 0x808008 + 0x808080, 1));
+					particle = new THREE.Particle( new THREE.ColorFillMaterial( Math.random() * 0x808008 + 0x808080, 1 ) );
 					particle.size = Math.random() * 10 + 5;
 					particle.position.x = Math.random() * 2000 - 1000;
 					particle.position.y = Math.random() * 2000 - 1000;
diff --git a/examples/particles_waves.html b/examples/particles_waves.html
index bb36a59847..33c94c655f 100644
--- a/examples/particles_waves.html
+++ b/examples/particles_waves.html
@@ -53,8 +53,8 @@
 				container = document.createElement('div');
 				document.body.appendChild(container);
 
-				camera = new THREE.Camera(0, 0, 1000);
-				camera.focus = 200;
+				camera = new THREE.Camera( 75, SCREEN_WIDTH / SCREEN_HEIGHT, 0.0001, 10000 );
+				camera.position.z = 1000;
 
 				scene = new THREE.Scene();
 
diff --git a/examples/primitives/Plane.js b/examples/primitives/Plane.js
index 970ed1f522..7ca62a3e7b 100644
--- a/examples/primitives/Plane.js
+++ b/examples/primitives/Plane.js
@@ -25,7 +25,7 @@ var Plane = function ( width, height, segments_width, segments_height ) {
 			var x = ix * segment_width - width_half;
 			var y = iy * segment_height - height_half;
 
-			this.vertices.push( new THREE.Vertex( new THREE.Vector3( x, -y, 0 ) ) );
+			this.vertices.push( new THREE.Vertex( new THREE.Vector3( x, - y, 0 ) ) );
 
 		}
 
diff --git a/src/cameras/Camera.js b/src/cameras/Camera.js
index 3baf92e5f6..0478565a3a 100644
--- a/src/cameras/Camera.js
+++ b/src/cameras/Camera.js
@@ -2,19 +2,14 @@
  * @author mr.doob / http://mrdoob.com/
  */
 
-THREE.Camera = function ( x, y, z ) {
+THREE.Camera = function ( fov, aspect, near, far ) {
 
-	this.position = new THREE.Vector3( x, y, z );
+	this.position = new THREE.Vector3( 0, 0, 0 );
 	this.target = { position: new THREE.Vector3( 0, 0, 0 ) };
 
-	this.matrix = new THREE.Matrix4();
-	this.projectionMatrix = THREE.Matrix4.makePerspective( 45, 1 /*SCREEN_WIDTH/SCREEN_HEIGHT*/, 0.001, 1000 );
-
+	this.projectionMatrix = THREE.Matrix4.makePerspective( fov, aspect, near, far );
 	this.up = new THREE.Vector3( 0, 1, 0 );
-
-	// TODO: Need to remove this
-	this.zoom = 3;
-	this.focus = 500;
+	this.matrix = new THREE.Matrix4();
 
 	this.autoUpdateMatrix = true;
 
@@ -24,10 +19,12 @@ THREE.Camera = function ( x, y, z ) {
 
 	};
 
+	this.updateMatrix();
+
 	this.toString = function () {
 
 		return 'THREE.Camera ( ' + this.position + ', ' + this.target.position + ' )';
+
 	};
 
-	this.updateMatrix();
 };
diff --git a/src/core/Color.js b/src/core/Color.js
index 7d49f96f22..3f7ec9b656 100644
--- a/src/core/Color.js
+++ b/src/core/Color.js
@@ -6,7 +6,7 @@ THREE.Color = function ( hex ) {
 
 	var _r, _g, _b, _a, _hex;
 
-	this.__styleString = "rgba(0,0,0,1)";
+	this.__styleString = "rgba(0, 0, 0, 1)";
 
 	this.setHex = function ( hex ) {
 
@@ -30,7 +30,7 @@ THREE.Color = function ( hex ) {
 
 	this.updateHex = function () {
 
-		_hex = _a * 255 << 24 | _r << 16 | _g << 8 | _b;
+		_hex = Math.floor( _a * 255 ) << 24 | _r << 16 | _g << 8 | _b;
 
 	};
 
diff --git a/src/core/Face3.js b/src/core/Face3.js
index 985127c97f..d810047cfa 100644
--- a/src/core/Face3.js
+++ b/src/core/Face3.js
@@ -11,7 +11,7 @@ THREE.Face3 = function ( a, b, c, normal, color ) {
 	this.normal = normal || new THREE.Vector3();
 	this.screen = new THREE.Vector3();
 
-	this.color = color || new THREE.Color();
+	this.color = color || new THREE.Color( 0x000000 );
 
 	this.toString = function () {
 
diff --git a/src/core/Face4.js b/src/core/Face4.js
index 26ce6ee0a2..7cbcaa9050 100644
--- a/src/core/Face4.js
+++ b/src/core/Face4.js
@@ -12,7 +12,7 @@ THREE.Face4 = function ( a, b, c, d, normal, color ) {
 	this.normal = normal || new THREE.Vector3();
 	this.screen = new THREE.Vector3();
 
-	this.color = color || new THREE.Color();
+	this.color = color || new THREE.Color( 0x000000 );
 
 	this.toString = function () {
 
diff --git a/src/core/Matrix4.js b/src/core/Matrix4.js
index cb85a506e6..cd01e774fc 100644
--- a/src/core/Matrix4.js
+++ b/src/core/Matrix4.js
@@ -26,15 +26,15 @@ THREE.Matrix4 = function () {
 
 	this.lookAt = function ( eye, center, up ) {
 
-		z.sub( center, eye );
+		z.sub( eye, center );
 		z.normalize();
 
-		x.copy( z );
-		x.crossSelf( up );
+		x.copy( up );
+		x.crossSelf( z );
 		x.normalize();
 
-		y.copy( x );
-		y.crossSelf( z );
+		y.copy( z );
+		y.crossSelf( x );
 		y.normalize();
 		y.negate();
 
@@ -217,13 +217,14 @@ THREE.Matrix4.rotationZMatrix = function( theta ) {
 
 THREE.Matrix4.makeFrustum = function( left, right, bottom, top, near, far ) {
 
-	var m = new THREE.Matrix4(),
+	var m, x, y, a, b, c, d;
 
-	x = 2 * near / ( right - left ),
-	y = 2 * near / ( top - bottom ),
-	a = ( right + left ) / ( right - left ),
-	b = ( top + bottom ) / ( top - bottom ),
-	c = - ( far + near ) / ( far - near ),
+	m = new THREE.Matrix4();
+	x = 2 * near / ( right - left );
+	y = 2 * near / ( top - bottom );
+	a = ( right + left ) / ( right - left );
+	b = ( top + bottom ) / ( top - bottom );
+	c = - ( far + near ) / ( far - near );
 	d = - 2 * far * near / ( far - near );
 
 	m.n11 = x; m.n13 = a;
@@ -235,11 +236,13 @@ THREE.Matrix4.makeFrustum = function( left, right, bottom, top, near, far ) {
 
 };
 
-THREE.Matrix4.makePerspective = function( fovy, aspect, near, far ) {
+THREE.Matrix4.makePerspective = function( fov, aspect, near, far ) {
 
-	var ymax = near * Math.tan( fovy * 0.00872664625972 ),
-	ymin = - ymax,
-	xmin = ymin * aspect,
+	var ymax, ymin, xmin, xmax;
+
+	ymax = near * Math.tan( fov * Math.PI / 360 );
+	ymin = - ymax;
+	xmin = ymin * aspect;
 	xmax = ymax * aspect;
 
 	return THREE.Matrix4.makeFrustum( xmin, xmax, ymin, ymax, near, far );
diff --git a/src/core/Vector3.js b/src/core/Vector3.js
index 3c6040532c..ebb3881b3f 100644
--- a/src/core/Vector3.js
+++ b/src/core/Vector3.js
@@ -1,6 +1,6 @@
 /**
- * @author kile / http://kile.stravaganza.org/
  * @author mr.doob / http://mrdoob.com/
+ * @author kile / http://kile.stravaganza.org/
  */
 
 THREE.Vector3 = function ( x, y, z ) {
@@ -133,11 +133,11 @@ THREE.Vector3 = function ( x, y, z ) {
 
 		if (this.length() > 0) {
 
-			this.multiplyScalar(1 / this.length());
+			this.multiplyScalar( 1 / this.length() );
 
 		} else {
 
-			this.multiplyScalar(0);
+			this.multiplyScalar( 0 );
 
 		}
 
@@ -145,13 +145,13 @@ THREE.Vector3 = function ( x, y, z ) {
 
 	this.clone = function () {
 
-		return new THREE.Vector3(this.x, this.y, this.z);
+		return new THREE.Vector3( this.x, this.y, this.z );
 
 	};
 
 	this.toString = function () {
 
-		return 'THREE.Vector3 (' + this.x + ', ' + this.y + ', ' + this.z + ')';
+		return 'THREE.Vector3 ( ' + this.x + ', ' + this.y + ', ' + this.z + ' )';
 
 	};
 
diff --git a/src/core/Vector4.js b/src/core/Vector4.js
index d972d2f34f..ef555ee9c9 100644
--- a/src/core/Vector4.js
+++ b/src/core/Vector4.js
@@ -69,12 +69,6 @@ THREE.Vector4 = function ( x, y, z, w ) {
 
 	};
 
-	this.toVector3 = function () {
-
-		return new THREE.Vector3( this.x / this.w, this.y / this.w, this.z / this.w );
-
-	};
-
 	this.toString = function () {
 
 		return 'THREE.Vector4 (' + this.x + ', ' + this.y + ', ' + this.z + ', ' + this.w + ')';
diff --git a/src/objects/Object3D.js b/src/objects/Object3D.js
index bc6552ee19..74da6e28c2 100644
--- a/src/objects/Object3D.js
+++ b/src/objects/Object3D.js
@@ -12,6 +12,7 @@ THREE.Object3D = function ( material ) {
 	this.screen = new THREE.Vector3();
 
 	this.material = material instanceof Array ? material : [ material ];
+	this.overdraw = false;
 
 	this.autoUpdateMatrix = true;
 
diff --git a/src/renderers/CanvasRenderer.js b/src/renderers/CanvasRenderer.js
index d04e9e1687..970cc090fa 100644
--- a/src/renderers/CanvasRenderer.js
+++ b/src/renderers/CanvasRenderer.js
@@ -8,6 +8,7 @@ THREE.CanvasRenderer = function () {
 
 	var _viewport = document.createElement( "canvas" ),
 	_context = _viewport.getContext( "2d" ),
+	_width, _height, _widthHalf, _heightHalf,
 	_clipRect = new THREE.Rectangle(),
 	_clearRect = new THREE.Rectangle( 0, 0, 0, 0 ),
 	_bboxRect = new THREE.Rectangle(),
@@ -18,12 +19,15 @@ THREE.CanvasRenderer = function () {
 
 	this.setSize = function ( width, height ) {
 
-		_viewport.width = width;
-		_viewport.height = height;
+		_width = width; _height = height;
+		_widthHalf = _width / 2; _heightHalf = _height / 2;
 
-		_context.setTransform( 1, 0, 0, 1, width / 2, height / 2 );
+		_viewport.width = _width;
+		_viewport.height = _height;
 
-		_clipRect.set( -width / 2, -height / 2, width / 2, height / 2 );
+		_context.setTransform( 1, 0, 0, 1, _widthHalf, _heightHalf );
+
+		_clipRect.set( - _widthHalf, - _heightHalf, _widthHalf, _heightHalf );
 
 	};
 
@@ -45,8 +49,7 @@ THREE.CanvasRenderer = function () {
 		uv1 = new THREE.Vector2(), uv2 = new THREE.Vector2(), uv3 = new THREE.Vector2(),
 		suv1 = new THREE.Vector2(), suv2 = new THREE.Vector2(), suv3 = new THREE.Vector2(),
 		suv1x, suv1y, suv2x, suv2y, suv3x, suv3y, denom, m11, m12, m21, m22, dx, dy,
-		bitmap, bitmap_width, bitmap_height,
-		size, overdraw;
+		bitmap, bitmapWidth, bitmapHeight, size;
 
 		if ( this.autoClear ) {
 
@@ -69,112 +72,120 @@ THREE.CanvasRenderer = function () {
 
 			materialLength = element.material.length;
 
-			for ( j = 0; j < materialLength; j++ ) {
+			_bboxRect.empty();
 
-				material = element.material[ j ];
+			_context.beginPath();
 
-				overdraw = material instanceof THREE.ColorFillMaterial || material instanceof THREE.FaceColorFillMaterial || material instanceof THREE.BitmapUVMappingMaterial;
+			if ( element instanceof THREE.RenderableParticle ) {
 
-				_bboxRect.empty();
+				v1x = element.x * _widthHalf; v1y = element.y * _heightHalf;
+				size = element.size * _widthHalf;
 
-				_context.beginPath();
+				_bboxRect.set( v1x - size, v1y - size, v1x + size, v1y + size );
 
-				if ( element instanceof THREE.RenderableParticle ) {
+				if ( !_clipRect.instersects( _bboxRect ) ) {
 
-					size = element.size * element.screenZ;
+					continue;
 
-					_bboxRect.set( element.x - size, element.y - size, element.x + size, element.y + size );
+				}
 
-					if ( !_clipRect.instersects( _bboxRect ) ) {
+				_context.arc( v1x, v1y, size, 0, pi2, true );
 
-						continue;
+			} else if ( element instanceof THREE.RenderableLine ) {
 
-					}
+				v1x = element.v1.x * _widthHalf; v1y = element.v1.y * _heightHalf;
+				v2x = element.v2.x * _widthHalf; v2y = element.v2.y * _heightHalf;
+
+				_bboxRect.addPoint( v1x, v1y );
+				_bboxRect.addPoint( v2x, v2y );
 
-					_context.arc( element.x, element.y, size, 0, pi2, true );
+				if ( !_clipRect.instersects( _bboxRect ) ) {
 
-				} else if ( element instanceof THREE.RenderableLine ) {
+					continue;
 
-					v1x = element.v1.x; v1y = element.v1.y;
-					v2x = element.v2.x; v2y = element.v2.y;
+				}
 
-					_bboxRect.addPoint( v1x, v1y );
-					_bboxRect.addPoint( v2x, v2y );
+				_context.moveTo( v1x, v1y );
+				_context.lineTo( v2x, v2y );
 
-					if ( !_clipRect.instersects( _bboxRect ) ) {
+			} else if ( element instanceof THREE.RenderableFace3 ) {
 
-						continue;
+				element.v1.x *= _widthHalf; element.v1.y *= _heightHalf;
+				element.v2.x *= _widthHalf; element.v2.y *= _heightHalf;
+				element.v3.x *= _widthHalf; element.v3.y *= _heightHalf;
 
-					}
+				if ( element.overdraw ) {
 
-					_context.moveTo( v1x, v1y );
-					_context.lineTo( v2x, v2y );
+					expand( element.v1, element.v2 );
+					expand( element.v2, element.v3 );
+					expand( element.v3, element.v1 );
 
-				} else if ( element instanceof THREE.RenderableFace3 ) {
+				}
 
-					if ( overdraw ) {
+				v1x = element.v1.x; v1y = element.v1.y;
+				v2x = element.v2.x; v2y = element.v2.y;
+				v3x = element.v3.x; v3y = element.v3.y;
 
-						expand( element.v1, element.v2 );
-						expand( element.v2, element.v3 );
-						expand( element.v3, element.v1 );
+				_bboxRect.addPoint( v1x, v1y );
+				_bboxRect.addPoint( v2x, v2y );
+				_bboxRect.addPoint( v3x, v3y );
 
-					}
+				if ( !_clipRect.instersects( _bboxRect ) ) {
 
-					v1x = element.v1.x; v1y = element.v1.y;
-					v2x = element.v2.x; v2y = element.v2.y;
-					v3x = element.v3.x; v3y = element.v3.y;
+					continue;
 
-					_bboxRect.addPoint( v1x, v1y );
-					_bboxRect.addPoint( v2x, v2y );
-					_bboxRect.addPoint( v3x, v3y );
+				}
 
-					if ( !_clipRect.instersects( _bboxRect ) ) {
+				_context.moveTo( v1x, v1y );
+				_context.lineTo( v2x, v2y );
+				_context.lineTo( v3x, v3y );
+				_context.lineTo( v1x, v1y );
 
-						continue;
+			} else if ( element instanceof THREE.RenderableFace4 ) {
 
-					}
+				element.v1.x *= _widthHalf; element.v1.y *= _heightHalf;
+				element.v2.x *= _widthHalf; element.v2.y *= _heightHalf;
+				element.v3.x *= _widthHalf; element.v3.y *= _heightHalf;
+				element.v4.x *= _widthHalf; element.v4.y *= _heightHalf;
 
-					_context.moveTo( v1x, v1y );
-					_context.lineTo( v2x, v2y );
-					_context.lineTo( v3x, v3y );
-					_context.lineTo( v1x, v1y );
+				if ( element.overdraw ) {
 
-				} else if ( element instanceof THREE.RenderableFace4 ) {
+					expand( element.v1, element.v2 );
+					expand( element.v2, element.v3 );
+					expand( element.v3, element.v4 );
+					expand( element.v4, element.v1 );
 
-					if ( overdraw ) {
+				}
 
-						expand( element.v1, element.v2 );
-						expand( element.v2, element.v3 );
-						expand( element.v3, element.v4 );
-						expand( element.v4, element.v1 );
+				v1x = element.v1.x; v1y = element.v1.y;
+				v2x = element.v2.x; v2y = element.v2.y;
+				v3x = element.v3.x; v3y = element.v3.y;
+				v4x = element.v4.x; v4y = element.v4.y;
 
-					}
+				_bboxRect.addPoint( v1x, v1y );
+				_bboxRect.addPoint( v2x, v2y );
+				_bboxRect.addPoint( v3x, v3y );
+				_bboxRect.addPoint( v4x, v4y );
 
-					v1x = element.v1.x; v1y = element.v1.y;
-					v2x = element.v2.x; v2y = element.v2.y;
-					v3x = element.v3.x; v3y = element.v3.y;
-					v4x = element.v4.x; v4y = element.v4.y;
+				if ( !_clipRect.instersects( _bboxRect ) ) {
 
-					_bboxRect.addPoint( v1x, v1y );
-					_bboxRect.addPoint( v2x, v2y );
-					_bboxRect.addPoint( v3x, v3y );
-					_bboxRect.addPoint( v4x, v4y );
+					continue;
 
-					if ( !_clipRect.instersects( _bboxRect ) ) {
+				}
 
-						continue;
+				_context.moveTo( v1x, v1y );
+				_context.lineTo( v2x, v2y );
+				_context.lineTo( v3x, v3y );
+				_context.lineTo( v4x, v4y );
+				_context.lineTo( v1x, v1y );
 
-					}
+			}
 
-					_context.moveTo( v1x, v1y );
-					_context.lineTo( v2x, v2y );
-					_context.lineTo( v3x, v3y );
-					_context.lineTo( v4x, v4y );
-					_context.lineTo( v1x, v1y );
+			_context.closePath();
 
-				}
+			for ( j = 0; j < materialLength; j++ ) {
 
-				_context.closePath();
+				material = element.material[ j ];
 
 				if ( material instanceof THREE.ColorFillMaterial ) {
 
@@ -211,28 +222,36 @@ THREE.CanvasRenderer = function () {
 				} else if ( material instanceof THREE.BitmapUVMappingMaterial ) {
 
 					bitmap = material.bitmap;
-					bitmap_width = bitmap.width;
-					bitmap_height = bitmap.height;
+					bitmapWidth = bitmap.width;
+					bitmapHeight = bitmap.height;
 
 					uv1.copy( element.uvs[ 0 ] ); uv2.copy( element.uvs[ 1 ] ); uv3.copy( element.uvs[ 2 ] );
 					suv1.copy( uv1 ); suv2.copy( uv2 ); suv3.copy( uv3 );
 
-					suv1.x *= bitmap_width; suv1.y *= bitmap_height;
-					suv2.x *= bitmap_width; suv2.y *= bitmap_height;
-					suv3.x *= bitmap_width; suv3.y *= bitmap_height;
+					suv1.x *= bitmapWidth; suv1.y *= bitmapHeight;
+					suv2.x *= bitmapWidth; suv2.y *= bitmapHeight;
+					suv3.x *= bitmapWidth; suv3.y *= bitmapHeight;
+
+					if ( element.overdraw ) {
 
-					expand( suv1, suv2 );
-					expand( suv2, suv3 );
-					expand( suv3, suv1 );
+						expand( suv1, suv2 );
+						expand( suv2, suv3 );
+						expand( suv3, suv1 );
 
-					suv1x = ( uv1.x === 0 ) ? 1 : ( uv1.x === 1 ) ? suv1.x - 1 : suv1.x;
-					suv1y = ( uv1.y === 0 ) ? 1 : ( uv1.y === 1 ) ? suv1.y - 1 : suv1.y;
+						suv1.x = ( uv1.x === 0 ) ? 1 : ( uv1.x === 1 ) ? suv1.x - 1 : suv1.x;
+						suv1.y = ( uv1.y === 0 ) ? 1 : ( uv1.y === 1 ) ? suv1.y - 1 : suv1.y;
 
-					suv2x = ( uv2.x === 0 ) ? 1 : ( uv2.x === 1 ) ? suv2.x - 1 : suv2.x;
-					suv2y = ( uv2.y === 0 ) ? 1 : ( uv2.y === 1 ) ? suv2.y - 1 : suv2.y;
+						suv2.x = ( uv2.x === 0 ) ? 1 : ( uv2.x === 1 ) ? suv2.x - 1 : suv2.x;
+						suv2.y = ( uv2.y === 0 ) ? 1 : ( uv2.y === 1 ) ? suv2.y - 1 : suv2.y;
+
+						suv3.x = ( uv3.x === 0 ) ? 1 : ( uv3.x === 1 ) ? suv3.x - 1 : suv3.x;
+						suv3.y = ( uv3.y === 0 ) ? 1 : ( uv3.y === 1 ) ? suv3.y - 1 : suv3.y;
+
+					}
 
-					suv3x = ( uv3.x === 0 ) ? 1 : ( uv3.x === 1 ) ? suv3.x - 1 : suv3.x;
-					suv3y = ( uv3.y === 0 ) ? 1 : ( uv3.y === 1 ) ? suv3.y - 1 : suv3.y;
+					suv1x = suv1.x; suv1y = suv1.y;
+					suv2x = suv2.x; suv2y = suv2.y;
+					suv3x = suv3.x; suv3y = suv3.y;
 
 					// Textured triangle drawing by Thatcher Ulrich.
 					// http://tulrich.com/geekstuff/canvas/jsgl.js
diff --git a/src/renderers/Renderer.js b/src/renderers/Renderer.js
index dcdb832270..3a5c97bd7a 100644
--- a/src/renderers/Renderer.js
+++ b/src/renderers/Renderer.js
@@ -1,5 +1,6 @@
 /**
  * @author mr.doob / http://mrdoob.com/
+ * @author supereggbert / http://www.paulbrunt.co.uk/
  */
 
 THREE.Renderer = function() {
@@ -9,11 +10,12 @@ THREE.Renderer = function() {
 	linePool = [],
 	particlePool = [],
 
+	vector4 = new THREE.Vector4(),
 	matrix = new THREE.Matrix4();
 
-	function painterSort(a, b) {
+	function painterSort( a, b ) {
 
-		return a.screenZ - b.screenZ;
+		return b.z - a.z;
 
 	}
 
@@ -23,49 +25,43 @@ THREE.Renderer = function() {
 
 		var i, j, vertex, vertex2, face, object, v1, v2, v3, v4,
 		face3count = 0, face4count = 0, lineCount = 0, particleCount = 0,
-		camerafocus = camera.focus, focuszoom = camera.focus * camera.zoom,
 		verticesLength = 0, facesLength = 0;
 
 		this.renderList = [];
 
-		if(camera.autoUpdateMatrix) {
+		if( camera.autoUpdateMatrix ) {
 
 			camera.updateMatrix();
 
 		}
 
-		for (i = 0; i < scene.objects.length; i++) {
+		for ( i = 0; i < scene.objects.length; i++ ) {
 
 			object = scene.objects[i];
 
-			if(object.autoUpdateMatrix) {
+			if( object.autoUpdateMatrix ) {
 
 				object.updateMatrix();
 
 			}
 
-			if (object instanceof THREE.Mesh) {
+			if ( object instanceof THREE.Mesh ) {
 
-				matrix.multiply(camera.matrix, object.matrix);
+				matrix.multiply( camera.matrix, object.matrix );
 
 				// vertices
 
 				verticesLength = object.geometry.vertices.length;
 
-				for (j = 0; j < verticesLength; j++) {
+				for ( j = 0; j < verticesLength; j++ ) {
 
-					vertex = object.geometry.vertices[j];
+					vertex = object.geometry.vertices[ j ];
+					vertex.screen.copy( vertex.position );
 
-					vertex.screen.copy(vertex.position);
+					matrix.transform( vertex.screen );
+					camera.projectionMatrix.transform( vertex.screen );
 
-					matrix.transform(vertex.screen);
-
-					vertex.screen.z = focuszoom / (camerafocus + vertex.screen.z);
-
-					vertex.__visible = vertex.screen.z > 0;
-
-					vertex.screen.x *= vertex.screen.z;
-					vertex.screen.y *= vertex.screen.z; 
+					vertex.__visible = vertex.screen.z > 0 && vertex.screen.z < 1;
 
 				}
 
@@ -73,175 +69,170 @@ THREE.Renderer = function() {
 
 				facesLength = object.geometry.faces.length;
 
-				for (j = 0; j < facesLength; j++) {
+				for ( j = 0; j < facesLength; j++ ) {
 
-					face = object.geometry.faces[j];
+					face = object.geometry.faces[ j ];
 
-					// TODO: Use normals for culling
+					// TODO: Use normals for culling... maybe not?
 
 					if (face instanceof THREE.Face3) {
 
-						v1 = object.geometry.vertices[face.a];
-						v2 = object.geometry.vertices[face.b];
-						v3 = object.geometry.vertices[face.c];
+						v1 = object.geometry.vertices[ face.a ];
+						v2 = object.geometry.vertices[ face.b ];
+						v3 = object.geometry.vertices[ face.c ];
 
-						if (v1.__visible && v2.__visible && v3.__visible && (object.doubleSided ||
-						   (v3.screen.x - v1.screen.x) * (v2.screen.y - v1.screen.y) -
-						   (v3.screen.y - v1.screen.y) * (v2.screen.x - v1.screen.x) > 0) ) {
+						if ( v1.__visible && v2.__visible && v3.__visible && ( object.doubleSided ||
+						   ( v3.screen.x - v1.screen.x ) * ( v2.screen.y - v1.screen.y ) -
+						   ( v3.screen.y - v1.screen.y ) * ( v2.screen.x - v1.screen.x ) > 0 ) ) {
 
-							face.screen.z = (v1.screen.z + v2.screen.z + v3.screen.z) * 0.3;
+							face.screen.z = Math.max( v1.screen.z, Math.max( v2.screen.z, v3.screen.z ) );
 
-							if (!face3Pool[face3count]) {
+							if ( !face3Pool[ face3count ] ) {
 
-								face3Pool[face3count] = new THREE.RenderableFace3();
+								face3Pool[ face3count ] = new THREE.RenderableFace3();
 
 							}
 
-							face3Pool[face3count].v1.x = v1.screen.x;
-							face3Pool[face3count].v1.y = v1.screen.y;
-							face3Pool[face3count].v2.x = v2.screen.x;
-							face3Pool[face3count].v2.y = v2.screen.y;
-							face3Pool[face3count].v3.x = v3.screen.x;
-							face3Pool[face3count].v3.y = v3.screen.y;
-							face3Pool[face3count].screenZ = face.screen.z;
+							face3Pool[ face3count ].v1.x = v1.screen.x;
+							face3Pool[ face3count ].v1.y = v1.screen.y;
+							face3Pool[ face3count ].v2.x = v2.screen.x;
+							face3Pool[ face3count ].v2.y = v2.screen.y;
+							face3Pool[ face3count ].v3.x = v3.screen.x;
+							face3Pool[ face3count ].v3.y = v3.screen.y;
+							face3Pool[ face3count ].z = face.screen.z;
 
-							face3Pool[face3count].material = object.material;
-							face3Pool[face3count].uvs = object.geometry.uvs[j];
-							face3Pool[face3count].color = face.color;
+							face3Pool[ face3count ].material = object.material;
+							face3Pool[ face3count ].overdraw = object.overdraw;
+							face3Pool[ face3count ].uvs = object.geometry.uvs[j];
+							face3Pool[ face3count ].color = face.color;
 
 							this.renderList.push(face3Pool[face3count]);
 
 							face3count++;
 						}
 
-					} else if (face instanceof THREE.Face4) {
+					} else if ( face instanceof THREE.Face4 ) {
 
-						v1 = object.geometry.vertices[face.a];
-						v2 = object.geometry.vertices[face.b];
-						v3 = object.geometry.vertices[face.c];
-						v4 = object.geometry.vertices[face.d];
+						v1 = object.geometry.vertices[ face.a ];
+						v2 = object.geometry.vertices[ face.b ];
+						v3 = object.geometry.vertices[ face.c ];
+						v4 = object.geometry.vertices[ face.d ];
 
-						if (v1.__visible && v2.__visible && v3.__visible && v4.__visible && (object.doubleSided ||
-						   ((v4.screen.x - v1.screen.x) * (v2.screen.y - v1.screen.y) -
-						   (v4.screen.y - v1.screen.y) * (v2.screen.x - v1.screen.x) > 0 ||
-						   (v2.screen.x - v3.screen.x) * (v4.screen.y - v3.screen.y) -
-						   (v2.screen.y - v3.screen.y) * (v4.screen.x - v3.screen.x) > 0)) ) {
+						if ( v1.__visible && v2.__visible && v3.__visible && v4.__visible && (object.doubleSided ||
+						   ( ( v4.screen.x - v1.screen.x ) * ( v2.screen.y - v1.screen.y ) -
+						   ( v4.screen.y - v1.screen.y ) * ( v2.screen.x - v1.screen.x ) > 0 ||
+						   ( v2.screen.x - v3.screen.x ) * ( v4.screen.y - v3.screen.y ) -
+						   ( v2.screen.y - v3.screen.y ) * ( v4.screen.x - v3.screen.x ) > 0 ) ) ) {
 
-							face.screen.z = (v1.screen.z + v2.screen.z + v3.screen.z + v4.screen.z) * 0.25;
+							face.screen.z = Math.max( v1.screen.z, Math.max( v2.screen.z, Math.max( v3.screen.z, v4.screen.z ) ) );
 
-							if (!face4Pool[face4count]) {
+							if ( !face4Pool[ face4count ] ) {
 
-								face4Pool[face4count] = new THREE.RenderableFace4();
+								face4Pool[ face4count ] = new THREE.RenderableFace4();
 
 							}
 
-							face4Pool[face4count].v1.x = v1.screen.x;
-							face4Pool[face4count].v1.y = v1.screen.y;
-							face4Pool[face4count].v2.x = v2.screen.x;
-							face4Pool[face4count].v2.y = v2.screen.y;
-							face4Pool[face4count].v3.x = v3.screen.x;
-							face4Pool[face4count].v3.y = v3.screen.y;
-							face4Pool[face4count].v4.x = v4.screen.x;
-							face4Pool[face4count].v4.y = v4.screen.y;
-							face4Pool[face4count].screenZ = face.screen.z;
+							face4Pool[ face4count ].v1.x = v1.screen.x;
+							face4Pool[ face4count ].v1.y = v1.screen.y;
+							face4Pool[ face4count ].v2.x = v2.screen.x;
+							face4Pool[ face4count ].v2.y = v2.screen.y;
+							face4Pool[ face4count ].v3.x = v3.screen.x;
+							face4Pool[ face4count ].v3.y = v3.screen.y;
+							face4Pool[ face4count ].v4.x = v4.screen.x;
+							face4Pool[ face4count ].v4.y = v4.screen.y;
+							face4Pool[ face4count ].z = face.screen.z;
 
-							face4Pool[face4count].material = object.material;
-							face4Pool[face4count].uvs = object.geometry.uvs[j];
-							face4Pool[face4count].color = face.color;
+							face4Pool[ face4count ].material = object.material;
+							face4Pool[ face4count ].overdraw = object.overdraw;
+							face4Pool[ face4count ].uvs = object.geometry.uvs[j];
+							face4Pool[ face4count ].color = face.color;
 
-							this.renderList.push(face4Pool[face4count]);
+							this.renderList.push( face4Pool[ face4count ] );
 
 							face4count++;
 						}
 					}
 				}
 
-			} else if (object instanceof THREE.Line) {
+			} else if ( object instanceof THREE.Line ) {
 
-				matrix.multiply(camera.matrix, object.matrix);
+				matrix.multiply( camera.matrix, object.matrix );
 
 				verticesLength = object.geometry.vertices.length;
 
-				for (j = 0; j < verticesLength; j++) {
+				for ( j = 0; j < verticesLength; j++ ) {
 
-					vertex = object.geometry.vertices[j];
+					vertex = object.geometry.vertices[ j ];
+					vertex.screen.copy( vertex.position );
 
-					vertex.screen.copy(vertex.position);
+					matrix.transform( vertex.screen );
+					camera.projectionMatrix.transform( vertex.screen );
 
-					matrix.transform(vertex.screen);
+					vertex.__visible = vertex.screen.z > 0 && vertex.screen.z < 1;
 
-					vertex.screen.z = focuszoom / (camerafocus + vertex.screen.z);
+					if ( j > 0 ) {
 
-					vertex.visible = vertex.screen.z > 0;
+						vertex2 = object.geometry.vertices[ j - 1 ];
 
-					vertex.screen.x *= vertex.screen.z;
-					vertex.screen.y *= vertex.screen.z;
+						if ( vertex.__visible && vertex2.__visible ) {
 
-					if (j > 0) {
+							if ( !linePool[ lineCount ] ) {
 
-						vertex2 = object.geometry.vertices[j-1];
+								linePool[ lineCount ] = new THREE.RenderableLine();
 
-						if (!vertex.visible || !vertex2.visible) {
+							}
 
-							continue;
-						}
+							linePool[ lineCount ].v1.x = vertex.screen.x;
+							linePool[ lineCount ].v1.y = vertex.screen.y;
+							linePool[ lineCount ].v2.x = vertex2.screen.x;
+							linePool[ lineCount ].v2.y = vertex2.screen.y;
+							linePool[ lineCount ].z = Math.max( vertex.screen.z, vertex2.screen.z );
+							linePool[ lineCount ].material = object.material;
 
-						if (!linePool[lineCount]) {
+							this.renderList.push( linePool[lineCount] );
 
-							linePool[lineCount] = new THREE.RenderableLine();
+							lineCount++;
 
 						}
-
-						linePool[lineCount].v1.x = vertex.screen.x;
-						linePool[lineCount].v1.y = vertex.screen.y;
-						linePool[lineCount].v2.x = vertex2.screen.x;
-						linePool[lineCount].v2.y = vertex2.screen.y;
-						linePool[lineCount].screenZ = (vertex.screen.z + vertex2.screen.z) * 0.5;
-						linePool[lineCount].material = object.material;
-
-						this.renderList.push( linePool[lineCount] );
-
-						lineCount++;
 					}
 				}
 
-			} else if (object instanceof THREE.Particle) {
+			} else if ( object instanceof THREE.Particle ) {
 
-				object.screen.copy(object.position);
+				vector4.set( object.position.x, object.position.y, object.position.z, 1 );
 
-				camera.matrix.transform(object.screen);
+				camera.matrix.transform( vector4 );
+				camera.projectionMatrix.transform( vector4 );
 
-				object.screen.z = focuszoom / (camerafocus + object.screen.z);
+				object.screen.set( vector4.x / vector4.w, vector4.y / vector4.w, vector4.z / vector4.w );
 
-				if (object.screen.z < 0) {
+				if ( object.screen.z > 0 && object.screen.z < 1 ) {
 
-					continue;
-				}
+					if ( !particlePool[ particleCount ] ) {
 
-				object.screen.x *= object.screen.z;
-				object.screen.y *= object.screen.z;
+						particlePool[ particleCount ] = new THREE.RenderableParticle();
 
-				if (!particlePool[particleCount]) {
+					}
 
-					particlePool[particleCount] = new THREE.RenderableParticle();
+					particlePool[ particleCount ].x = object.screen.x;
+					particlePool[ particleCount ].y = object.screen.y;
+					particlePool[ particleCount ].z = object.screen.z;
 
-				}
+					particlePool[ particleCount ].size = object.size * Math.abs( vector4.x / vector4.w - ( vector4.x + camera.projectionMatrix.n11 ) / ( vector4.w + camera.projectionMatrix.n14 ) );
+					particlePool[ particleCount ].material = object.material;
+					particlePool[ particleCount ].color = object.color;
 
-				particlePool[particleCount].x = object.screen.x;
-				particlePool[particleCount].y = object.screen.y;
-				particlePool[particleCount].screenZ = object.screen.z;
+					this.renderList.push( particlePool[particleCount] );
 
-				particlePool[particleCount].size = object.size;
-				particlePool[particleCount].material = object.material;
-				particlePool[particleCount].color = object.color;
+					particleCount++;
 
-				this.renderList.push( particlePool[particleCount] );
+				}
 
-				particleCount++;
 			}
+
 		}
 
-		this.renderList.sort(painterSort);
+		this.renderList.sort( painterSort );
 
 	};
 
diff --git a/src/renderers/SVGRenderer.js b/src/renderers/SVGRenderer.js
index 559b119cd2..47dd8a74a6 100644
--- a/src/renderers/SVGRenderer.js
+++ b/src/renderers/SVGRenderer.js
@@ -7,6 +7,7 @@ THREE.SVGRenderer = function () {
 	THREE.Renderer.call( this );
 
 	var _viewport = document.createElementNS('http://www.w3.org/2000/svg', 'svg'),
+	_width, _height, _widthHalf, _heightHalf,
 	_clipRect = new THREE.Rectangle(),
 	_bboxRect = new THREE.Rectangle(),
 	_svgPathPool = [], _svgCirclePool = [],
@@ -28,11 +29,14 @@ THREE.SVGRenderer = function () {
 
 	this.setSize = function ( width, height ) {
 
-		_viewport.setAttribute( 'viewBox', ( - width / 2 ) + ' ' + ( - height / 2 ) + ' ' + width + ' ' + height );
-		_viewport.setAttribute( 'width', width );
-		_viewport.setAttribute( 'height', height );
+		_width = width; _height = height;
+		_widthHalf = _width / 2; _heightHalf = _height / 2;
 
-		_clipRect.set( - width / 2, - height / 2, width / 2, height / 2 );
+		_viewport.setAttribute( 'viewBox', ( - _widthHalf ) + ' ' + ( - _heightHalf ) + ' ' + _width + ' ' + _height );
+		_viewport.setAttribute( 'width', _width );
+		_viewport.setAttribute( 'height', _height );
+
+		_clipRect.set( - _widthHalf, - _heightHalf, _widthHalf, _heightHalf );
 
 	};
 
@@ -53,7 +57,11 @@ THREE.SVGRenderer = function () {
 		v1x, v1y, v2x, v2y, v3x, v3y, v4x, v4y,
 		size;
 
-		this.autoClear && this.clear();
+		if ( this.autoClear ) {
+
+			this.clear();
+
+		}
 
 		this.project( scene, camera );
 
@@ -70,11 +78,29 @@ THREE.SVGRenderer = function () {
 
 				_bboxRect.empty();
 
-				if ( element instanceof THREE.RenderableFace3 ) {
+				if ( element instanceof THREE.RenderableParticle ) {
 
-					v1x = element.v1.x; v1y = element.v1.y;
-					v2x = element.v2.x; v2y = element.v2.y;
-					v3x = element.v3.x; v3y = element.v3.y;
+					v1x = element.x * _widthHalf; v1y = element.y * _heightHalf;
+					size = element.size  * _widthHalf;
+
+					_bboxRect.set( v1x - size, v1y - size, v1x + size, v1y + size );
+
+					if ( !_clipRect.instersects( _bboxRect ) ) {
+
+						continue;
+
+					}
+
+					svgNode = getCircleNode( circleCount++ );
+					svgNode.setAttribute( 'cx', v1x );
+					svgNode.setAttribute( 'cy', v1y );
+					svgNode.setAttribute( 'r', size );
+
+				} else if ( element instanceof THREE.RenderableFace3 ) {
+
+					v1x = element.v1.x * _widthHalf; v1y = element.v1.y * _heightHalf;
+					v2x = element.v2.x * _widthHalf; v2y = element.v2.y * _heightHalf;
+					v3x = element.v3.x * _widthHalf; v3y = element.v3.y * _heightHalf;
 
 					_bboxRect.addPoint( v1x, v1y );
 					_bboxRect.addPoint( v2x, v2y );
@@ -91,10 +117,10 @@ THREE.SVGRenderer = function () {
 
 				} else if ( element instanceof THREE.RenderableFace4 ) {
 
-					v1x = element.v1.x; v1y = element.v1.y;
-					v2x = element.v2.x; v2y = element.v2.y;
-					v3x = element.v3.x; v3y = element.v3.y;
-					v4x = element.v4.x; v4y = element.v4.y;
+					v1x = element.v1.x * _widthHalf; v1y = element.v1.y * _heightHalf;
+					v2x = element.v2.x * _widthHalf; v2y = element.v2.y * _heightHalf;
+					v3x = element.v3.x * _widthHalf; v3y = element.v3.y * _heightHalf;
+					v4x = element.v4.x * _widthHalf; v4y = element.v4.y * _heightHalf;
 
 					_bboxRect.addPoint( v1x, v1y );
 					_bboxRect.addPoint( v2x, v2y );
@@ -110,22 +136,6 @@ THREE.SVGRenderer = function () {
 					svgNode = getPathNode( pathCount++ );
 					svgNode.setAttribute( 'd', 'M ' + v1x + ' ' + v1y + ' L ' + v2x + ' ' + v2y + ' L ' + v3x + ',' + v3y + ' L ' + v4x + ',' + v4y + 'z' );
 
-				} else if ( element instanceof THREE.RenderableParticle ) {
-
-					size = element.size * element.screenZ;
-
-					_bboxRect.set( element.x - size, element.y - size, element.x + size, element.y + size );
-
-					if ( !_clipRect.instersects( _bboxRect ) ) {
-
-						continue;
-
-					}
-
-					svgNode = getCircleNode(circleCount++);
-					svgNode.setAttribute( 'cx', element.x );
-					svgNode.setAttribute( 'cy', element.y );
-					svgNode.setAttribute( 'r', size );
 				}
 
 				// TODO: Move out of materials loop
@@ -158,11 +168,11 @@ THREE.SVGRenderer = function () {
 
 	function getPathNode( id ) {
 
-		if ( _svgPathPool[ id ] === null ) {
+		if ( _svgPathPool[ id ] == null ) {
 
 			_svgPathPool[ id ] = document.createElementNS( 'http://www.w3.org/2000/svg', 'path' );
 
-			if ( _quality === 0 ) {
+			if ( _quality == 0 ) {
 
 				_svgPathPool[ id ].setAttribute( 'shape-rendering', 'crispEdges' ); //optimizeSpeed
 
@@ -178,11 +188,11 @@ THREE.SVGRenderer = function () {
 
 	function getCircleNode( id ) {
 
-		if ( _svgCirclePool[id] === null ) {
+		if ( _svgCirclePool[id] == null ) {
 
 			_svgCirclePool[ id ] = document.createElementNS( 'http://www.w3.org/2000/svg', 'circle' );
 
-			if ( _quality === 0 ) {
+			if ( _quality == 0 ) {
 
 				_svgCirclePool[id].setAttribute( 'shape-rendering', 'crispEdges' ); //optimizeSpeed
 
diff --git a/src/renderers/renderables/RenderableFace3.js b/src/renderers/renderables/RenderableFace3.js
index 7784ea1640..4a31ab33b0 100644
--- a/src/renderers/renderables/RenderableFace3.js
+++ b/src/renderers/renderables/RenderableFace3.js
@@ -8,7 +8,7 @@ THREE.RenderableFace3 = function () {
 	this.v2 = new THREE.Vector2();
 	this.v3 = new THREE.Vector2();
 
-	this.screenZ = null;
+	this.z = null;
 
 	this.color = null;
 	this.material = null;
diff --git a/src/renderers/renderables/RenderableFace4.js b/src/renderers/renderables/RenderableFace4.js
index 804a4b5c8a..673d8fbecc 100644
--- a/src/renderers/renderables/RenderableFace4.js
+++ b/src/renderers/renderables/RenderableFace4.js
@@ -9,7 +9,7 @@ THREE.RenderableFace4 = function () {
 	this.v3 = new THREE.Vector2();
 	this.v4 = new THREE.Vector2();
 
-	this.screenZ = null;
+	this.z = null;
 
 	this.color = null;
 	this.material = null;
diff --git a/src/renderers/renderables/RenderableLine.js b/src/renderers/renderables/RenderableLine.js
index a55ef512ec..50dc29f378 100644
--- a/src/renderers/renderables/RenderableLine.js
+++ b/src/renderers/renderables/RenderableLine.js
@@ -7,7 +7,7 @@ THREE.RenderableLine = function () {
 	this.v1 = new THREE.Vector2();
 	this.v2 = new THREE.Vector2();
 
-	this.screenZ = null;
+	this.z = null;
 
 	this.color = null;
 	this.material = null;
diff --git a/src/renderers/renderables/RenderableParticle.js b/src/renderers/renderables/RenderableParticle.js
index 9dc8383b67..6a98939ce6 100644
--- a/src/renderers/renderables/RenderableParticle.js
+++ b/src/renderers/renderables/RenderableParticle.js
@@ -6,7 +6,8 @@ THREE.RenderableParticle = function () {
 
 	this.x = null;
 	this.y = null;
-	this.screenZ = null;
+
+	this.z = null;
 
 	this.color = null;
 	this.material = null;
diff --git a/utils/deployer.py b/utils/deployer.py
index f11d9d344c..e026c2f6e5 100644
--- a/utils/deployer.py
+++ b/utils/deployer.py
@@ -3,7 +3,7 @@ import os
 
 # MERGER
 
-rev = 9;
+rev = 10;
 
 files = [];
 files.append('Three.js');
-- 
GitLab