var requires = [ "Game/Client/View/DomController", "Lib/Vendor/Three", "Game/Config/Settings", "Game/Client/View/CameraController" ]; define(requires, function (DomController, Three, Settings, CameraController){ function ViewController(){ this.mesh = null; this.scene = null; this.renderer = null; this.cameraController = new CameraController(); this.init(); } function isWebGlEnabled () { try { return !! window.WebGLRenderingContext && !! document.createElement( 'canvas' ).getContext( 'experimental-webgl' ); } catch(e) { return false; } } ViewController.prototype.init = function (){ var self = this; var rendererOptions = { antialias: true, preserveDrawingBuffer: true }; if(isWebGlEnabled()) { this.renderer = new Three.WebGLRenderer(rendererOptions); } else { this.renderer = new Three.CanvasRenderer(rendererOptions); } this.renderer.setClearColorHex(0x333333, 1); this.renderer.setSize(Settings.STAGE_WIDTH, Settings.STAGE_HEIGHT); DomController.setCanvas(this.renderer.domElement); if(Settings.DEBUG_MODE){ DomController.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; });