Added debug canvas and webgl render canvas, added viewcontroller

lib/Chuck/View/CameraController.js

@@ -1,30 +1,47 @@
 define(['Vendor/Three', 'Chuck/Settings'], function(Three, Settings) {
 
-	function CameraController() {
-		/*
-		this.camera = new Three.OrthographicCamera(
-			-Settings.STAGE_WIDTH/2, 
-			Settings.STAGE_WIDTH/2, 
-			Settings.STAGE_HEIGHT/2, 
-			-Settings.STAGE_HEIGHT/2, 
-			-2000, 
-			1000 
-		);*/
+	function CameraController(isOrthographic) {
 
-		this.camera = new Three.OrthographicCamera( 600 / - 2, 600 / 2, 400 / 2, 400 / - 2, - 2000, 1000 );
+		isOrthographic = typeof isOrthographic == 'undefined' 
+			? true 
+			: isOrthographic;
 
-		//this.camera = new Three.PerspectiveCamera(45, 600 / 400, 1, 1000);
 
-		//this.camera.position.z = 481;
+		if(isOrthographic) {
+			
+			this.camera = new Three.OrthographicCamera(
+				-Settings.STAGE_WIDTH/2, 
+				Settings.STAGE_WIDTH/2, 
+				Settings.STAGE_HEIGHT/2, 
+				-Settings.STAGE_HEIGHT/2, 
+				-2000, 
+				1000 
+			);
+
+		} else {
+
+			this.camera = new Three.PerspectiveCamera(
+				45, 
+				Settings.STAGE_WIDTH / Settings.STAGE_HEIGHT, 
+				-2000, 
+				1000
+			);
+		}
+
+		this.camera.position.z = 481;
 	}
 
 	CameraController.prototype.getCamera = function(){
 	    return this.camera;
 	}
 
-	CameraController.prototype.setPosition = function(x, y, z){
+	CameraController.prototype.setPosition = function(x, y){
 		this.camera.position.x = x;
 		this.camera.position.y = y;
+	}
+
+
+	CameraController.prototype.setZoom = function(z){
 		this.camera.position.z = z;
 	}
 

lib/Chuck/View/ViewController.js

@@ -0,0 +1,94 @@
+define(["Client/Dom", "Vendor/Three", "Chuck/Settings", "Chuck/View/CameraController"], function(Dom, Three, Settings, CameraController){
+	
+	function ViewController(){
+
+		this.mesh = null;
+		this.scene = null;
+		this.renderer = null;
+		this.cameraController = new CameraController();
+
+		this.init();
+	}
+
+	ViewController.prototype.init = function(){
+
+		var self = this;
+
+		this.renderer = new Three.WebGLRenderer({
+			//antialias: true,
+			preserveDrawingBuffer: true
+		});
+
+		//this.renderer = new THREE.CanvasRenderer();
+
+		this.renderer.setClearColorHex(0x333333, 1);
+	    this.renderer.setSize(Settings.STAGE_WIDTH, Settings.STAGE_HEIGHT);
+
+	    Dom.setCanvas(this.renderer.domElement);
+
+	    if(Settings.DEBUG_MODE){
+	    	Dom.createDebugCanvas();
+	    }
+
+	    this.scene = new Three.Scene();
+	 	this.scene.add(this.cameraController.getCamera());
+
+
+	 	var ambientLight = new Three.AmbientLight(0xffffff);
+        this.scene.add(ambientLight);
+ 
+        var directionalLight = new Three.DirectionalLight(0xffffff);
+        directionalLight.position.set(1, 0, 10).normalize();
+        this.scene.add(directionalLight);
+
+
+        this.createMesh(100, 100, 100, 100, 'static/img/100.png', function(mesh){
+        	self.mesh = mesh;
+        	self.scene.add(mesh);
+        });
+/*
+ 		this.createMesh(50, 50, 200, 100, 'static/img/100.png', function(mesh){
+        	self.scene.add(mesh);
+        });
+*/
+
+        //this.animate(this);
+	}
+
+	ViewController.prototype.update = function() {
+
+		if(this.mesh) {
+			this.mesh.rotation.z += .01;
+	        this.mesh.position.z += 1;
+	        this.mesh.position.x += .4;
+	        this.mesh.position.y += .4;
+        }
+
+		this.render();
+	}
+
+	ViewController.prototype.render = function() {
+
+		this.renderer.render(this.scene, this.cameraController.getCamera());
+	}
+
+	ViewController.prototype.createMesh = function(width, height, x, y, imgPath, callback) {
+		var textureImg = new Image();
+        textureImg.onload = function(){
+	        var material = new Three.MeshLambertMaterial({
+	            map: Three.ImageUtils.loadTexture(imgPath)
+	        });
+
+	        var mesh = new Three.Mesh(new Three.PlaneGeometry(width, height), material);
+	        mesh.overdraw = true;/*
+	        mesh.position.z = 0;
+	        mesh.position.x = x;
+	        mesh.position.y = y;
+	        */
+	        callback(mesh);
+        };
+        textureImg.src = imgPath;
+	}
+
+	return ViewController;
+});