-
Notifications
You must be signed in to change notification settings - Fork 20
/
pageGameLife.js
116 lines (87 loc) · 3.14 KB
/
pageGameLife.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
// TODO reduce the amount of global
var gameLevel;
var camera, scene, renderer;
//////////////////////////////////////////////////////////////////////////////////
// ctor/dtor //
//////////////////////////////////////////////////////////////////////////////////
Marble.PageGameLife = function()
{
this._containerSel = '#canvasContainer';
console.log("enter PageGameLife")
// test if webgl is supported
console.assert( Detector.webgl, "WebGL isnt supported" );
this._requestAnimId = null;
// initialiaze everything
this._init();
this._animate();
}
Marble.PageGameLife.prototype.destroy = function()
{
this._requestAnimId && cancelRequestAnimationFrame( this._requestAnimId );
this._requestAnimId = null;
this._winResize && this._winResize.stop();
this._stats && this._stats.domElement.parentNode.removeChild(this._stats.domElement);
gameLevel.destroy();
gameLevel = null;
renderer = null;
jQuery(this._containerSel).empty();
}
// mixin MicroEvent
MicroEvent.mixin(Marble.PageGameLife);
//////////////////////////////////////////////////////////////////////////////////
// misc //
//////////////////////////////////////////////////////////////////////////////////
Marble.PageGameLife.prototype.triggerEndOfLevel = function(result, reason)
{
console.assert( result === 'win' || result === 'dead' );
if( result === 'dead' ){
this.trigger('completed', reason);
}
}
//////////////////////////////////////////////////////////////////////////////////
// misc //
//////////////////////////////////////////////////////////////////////////////////
Marble.PageGameLife.prototype._init = function(){
// create the container element
var container = jQuery(this._containerSel).get(0);
// init the WebGL renderer and append it to the Dom
renderer = new THREE.WebGLRenderer({
antialias : true,
preserveDrawingBuffer : true
});
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
// create the renderer cache
renderer._microCache = new MicroCache();
// init the Stats and append it to the Dom - performance vuemeter
this._stats = new Stats();
this._stats.domElement.style.position = 'absolute';
this._stats.domElement.style.bottom = '0px';
container.appendChild( this._stats.domElement );
// create the Scene
scene = new THREE.Scene();
// for debug
//var mesh = new THREE.Mesh( new THREE.SphereGeometry(75,16,8), new THREE.MeshNormalMaterial() );
//scene.add(mesh);
gameLevel = new Marble.GameLevel();
this._winResize = THREEx.WindowResize(renderer, gameLevel.camera().object());
}
// ## Animate and Display the Scene
Marble.PageGameLife.prototype._animate = function(){
// render the 3D scene
this._render();
// relaunch the 'timer'
this._requestAnimId = requestAnimationFrame( this._animate.bind(this) );
// update the stats
this._stats.update();
}
// ## Render the 3D Scene
Marble.PageGameLife.prototype._render = function()
{
// gameLevel .tick()
gameLevel.tick();
// FIXME this should be INSIDE webgl renderer... bug
renderer.context.depthMask( true );
// actually display the scene in the Dom element
renderer.render( scene, gameLevel.camera().object() );
}