mirror of
https://github.com/logsol/chuck.js.git
synced 2026-05-11 18:47:35 +00:00
re added ViewController.js
This commit is contained in:
parent
ad5a4626d4
commit
ae53d40c60
1 changed files with 94 additions and 0 deletions
94
lib/Chuck/View/ViewController.js
Executable file
94
lib/Chuck/View/ViewController.js
Executable file
|
|
@ -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;
|
||||||
|
});
|
||||||
Loading…
Add table
Add a link
Reference in a new issue