Added debug canvas and webgl render canvas, added viewcontroller

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;
+});