2013-08-28 06:02:55 +00:00
|
|
|
/**
|
|
|
|
* Phaser.Game
|
|
|
|
*
|
|
|
|
* This is where the magic happens. The Game object is the heart of your game,
|
|
|
|
* providing quick access to common functions and handling the boot process.
|
|
|
|
*
|
|
|
|
* "Hell, there are no rules here - we're trying to accomplish something."
|
|
|
|
* Thomas A. Edison
|
|
|
|
*
|
|
|
|
* @package Phaser.Game
|
|
|
|
* @author Richard Davey <rich@photonstorm.com>
|
|
|
|
* @copyright 2013 Photon Storm Ltd.
|
|
|
|
* @license https://github.com/photonstorm/phaser/blob/master/license.txt MIT License
|
|
|
|
*/
|
|
|
|
|
2013-08-29 06:06:16 +00:00
|
|
|
/**
|
|
|
|
* Game constructor
|
|
|
|
*
|
|
|
|
* Instantiate a new <code>Phaser.Game</code> object.
|
|
|
|
*
|
|
|
|
* @constructor
|
|
|
|
* @param width {number} The width of your game in game pixels.
|
|
|
|
* @param height {number} The height of your game in game pixels.
|
|
|
|
* @param renderer {number} Which renderer to use (canvas or webgl)
|
|
|
|
* @param parent {string} ID of its parent DOM element.
|
|
|
|
*/
|
2013-08-29 13:38:51 +00:00
|
|
|
Phaser.Game = function (width, height, renderer, parent, state) {
|
2013-08-28 06:02:55 +00:00
|
|
|
|
|
|
|
if (typeof width === "undefined") { width = 800; }
|
|
|
|
if (typeof height === "undefined") { height = 600; }
|
2013-08-29 06:06:16 +00:00
|
|
|
if (typeof renderer === "undefined") { renderer = Phaser.RENDERER_AUTO; }
|
|
|
|
if (typeof parent === "undefined") { parent = ''; }
|
2013-08-29 13:38:51 +00:00
|
|
|
if (typeof state === "undefined") { state = {}; }
|
2013-08-28 06:02:55 +00:00
|
|
|
|
|
|
|
this.id = Phaser.GAMES.push(this) - 1;
|
2013-08-29 13:38:51 +00:00
|
|
|
this.parent = parent;
|
|
|
|
|
|
|
|
// Do some more intelligent size parsing here, so they can set "100%" for example, maybe pass the scale mode in here too?
|
|
|
|
this.width = width;
|
|
|
|
this.height = height;
|
|
|
|
|
2013-08-29 06:06:16 +00:00
|
|
|
this.renderer = renderer;
|
2013-08-28 06:02:55 +00:00
|
|
|
|
2013-08-29 13:38:51 +00:00
|
|
|
console.log('Phaser.Game', width, height, renderer, parent);
|
|
|
|
|
|
|
|
// Pass 'state' to the StateManager?
|
|
|
|
this.state = new Phaser.StateManager(this, state);
|
|
|
|
// this._tempState = state;
|
|
|
|
|
|
|
|
var _this = this;
|
|
|
|
|
|
|
|
this._onBoot = function () {
|
|
|
|
return _this.boot();
|
|
|
|
}
|
2013-08-28 06:02:55 +00:00
|
|
|
|
|
|
|
if (document.readyState === 'complete' || document.readyState === 'interactive')
|
|
|
|
{
|
2013-08-29 13:38:51 +00:00
|
|
|
window.setTimeout(this._onBoot, 0);
|
2013-08-28 06:02:55 +00:00
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
2013-08-29 13:38:51 +00:00
|
|
|
document.addEventListener('DOMContentLoaded', this._onBoot, false);
|
|
|
|
window.addEventListener('load', this._onBoot, false);
|
2013-08-28 06:02:55 +00:00
|
|
|
}
|
|
|
|
|
2013-08-29 06:06:16 +00:00
|
|
|
return this;
|
|
|
|
|
2013-08-28 06:02:55 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
Phaser.Game.prototype = {
|
|
|
|
|
2013-08-29 13:38:51 +00:00
|
|
|
// temps so we can clean-up the event listeneres
|
|
|
|
_tempState: null,
|
|
|
|
_onBoot: null,
|
|
|
|
|
2013-08-28 06:02:55 +00:00
|
|
|
/**
|
|
|
|
* Phaser Game ID.
|
|
|
|
* @type {number}
|
|
|
|
*/
|
|
|
|
id: 0,
|
|
|
|
|
2013-08-29 06:06:16 +00:00
|
|
|
/**
|
2013-08-29 13:38:51 +00:00
|
|
|
* The Game width (in pixels).
|
2013-08-29 06:06:16 +00:00
|
|
|
* @type {number}
|
|
|
|
*/
|
2013-08-29 13:38:51 +00:00
|
|
|
width: 0,
|
2013-08-29 06:06:16 +00:00
|
|
|
|
2013-08-28 06:02:55 +00:00
|
|
|
/**
|
2013-08-29 13:38:51 +00:00
|
|
|
* The Game height (in pixels).
|
|
|
|
* @type {number}
|
2013-08-28 06:02:55 +00:00
|
|
|
*/
|
2013-08-29 13:38:51 +00:00
|
|
|
height: 0,
|
2013-08-28 06:02:55 +00:00
|
|
|
|
|
|
|
/**
|
2013-08-29 13:38:51 +00:00
|
|
|
* The Games DOM parent.
|
|
|
|
* @type {HTMLElement}
|
2013-08-28 06:02:55 +00:00
|
|
|
*/
|
2013-08-29 13:38:51 +00:00
|
|
|
parent: '',
|
2013-08-28 06:02:55 +00:00
|
|
|
|
|
|
|
/**
|
2013-08-29 13:38:51 +00:00
|
|
|
* The Renderer this Phaser.Game will use. Either Phaser.RENDERER_AUTO, Phaser.RENDERER_CANVAS or Phaser.RENDERER_WEBGL
|
|
|
|
* @type {number}
|
2013-08-28 06:02:55 +00:00
|
|
|
*/
|
2013-08-29 13:38:51 +00:00
|
|
|
renderer: 0,
|
2013-08-28 06:02:55 +00:00
|
|
|
|
|
|
|
/**
|
2013-08-29 13:38:51 +00:00
|
|
|
* Whether load complete loading or not.
|
|
|
|
* @type {bool}
|
2013-08-28 06:02:55 +00:00
|
|
|
*/
|
2013-08-29 13:38:51 +00:00
|
|
|
_loadComplete: false,
|
2013-08-28 06:02:55 +00:00
|
|
|
|
|
|
|
/**
|
2013-08-29 13:38:51 +00:00
|
|
|
* Game is paused?
|
|
|
|
* @type {bool}
|
2013-08-28 06:02:55 +00:00
|
|
|
*/
|
2013-08-29 13:38:51 +00:00
|
|
|
_paused: false,
|
2013-08-28 06:02:55 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Whether the game engine is booted, aka available.
|
|
|
|
* @type {bool}
|
|
|
|
*/
|
|
|
|
isBooted: false,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Is game running or paused?
|
|
|
|
* @type {bool}
|
|
|
|
*/
|
|
|
|
isRunning: false,
|
|
|
|
|
2013-08-29 02:52:59 +00:00
|
|
|
/**
|
|
|
|
* Automatically handles the core game loop via requestAnimationFrame or setTimeout
|
2013-08-29 13:38:51 +00:00
|
|
|
* @type {Phaser.RequestAnimationFrame}
|
2013-08-29 02:52:59 +00:00
|
|
|
*/
|
|
|
|
raf: null,
|
|
|
|
|
2013-08-29 13:38:51 +00:00
|
|
|
/**
|
|
|
|
* The StateManager.
|
|
|
|
* @type {Phaser.StateManager}
|
|
|
|
*/
|
|
|
|
state: null,
|
|
|
|
|
2013-08-29 02:52:59 +00:00
|
|
|
/**
|
|
|
|
* Reference to the GameObject Factory.
|
|
|
|
* @type {Phaser.GameObjectFactory}
|
|
|
|
*/
|
|
|
|
add: null,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Reference to the assets cache.
|
|
|
|
* @type {Phaser.Cache}
|
|
|
|
*/
|
|
|
|
cache: null,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Reference to the input manager
|
|
|
|
* @type {Phaser.InputManager}
|
|
|
|
*/
|
|
|
|
input: null,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Reference to the assets loader.
|
|
|
|
* @type {Phaser.Loader}
|
|
|
|
*/
|
|
|
|
load: null,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Reference to the math helper.
|
|
|
|
* @type {Phaser.GameMath}
|
|
|
|
*/
|
|
|
|
math: null,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Reference to the network class.
|
|
|
|
* @type {Phaser.Net}
|
|
|
|
*/
|
|
|
|
net: null,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Reference to the sound manager.
|
|
|
|
* @type {Phaser.SoundManager}
|
|
|
|
*/
|
|
|
|
sound: null,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Reference to the stage.
|
|
|
|
* @type {Phaser.Stage}
|
|
|
|
*/
|
|
|
|
stage: null,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Reference to game clock.
|
|
|
|
* @type {Phaser.TimeManager}
|
|
|
|
*/
|
|
|
|
time: null,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Reference to the tween manager.
|
|
|
|
* @type {Phaser.TweenManager}
|
|
|
|
*/
|
|
|
|
tweens: null,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Reference to the world.
|
|
|
|
* @type {Phaser.World}
|
|
|
|
*/
|
|
|
|
world: null,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Reference to the physics manager.
|
|
|
|
* @type {Phaser.Physics.PhysicsManager}
|
|
|
|
*/
|
|
|
|
physics: null,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Instance of repeatable random data generator helper.
|
|
|
|
* @type {Phaser.RandomDataGenerator}
|
|
|
|
*/
|
|
|
|
rnd: null,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Contains device information and capabilities.
|
|
|
|
* @type {Phaser.Device}
|
|
|
|
*/
|
|
|
|
device: null,
|
|
|
|
|
2013-08-28 06:02:55 +00:00
|
|
|
/**
|
|
|
|
* Initialize engine sub modules and start the game.
|
|
|
|
* @param parent {string} ID of parent Dom element.
|
|
|
|
* @param width {number} Width of the game screen.
|
|
|
|
* @param height {number} Height of the game screen.
|
|
|
|
*/
|
2013-08-29 13:38:51 +00:00
|
|
|
boot: function () {
|
2013-08-28 06:02:55 +00:00
|
|
|
|
|
|
|
if (this.isBooted) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2013-08-29 13:38:51 +00:00
|
|
|
console.log('Phaser.Game boot');
|
2013-08-29 06:06:16 +00:00
|
|
|
|
2013-08-29 13:38:51 +00:00
|
|
|
// Probably not needed any more
|
|
|
|
// var _this = this;
|
2013-08-29 06:06:16 +00:00
|
|
|
|
2013-08-28 06:02:55 +00:00
|
|
|
if (!document.body) {
|
2013-08-29 13:38:51 +00:00
|
|
|
window.setTimeout(this._onBoot, 20);
|
|
|
|
// setTimeout(Phaser.GAMES[_this.id].boot(parent, width, height), 13);
|
2013-08-28 06:02:55 +00:00
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
2013-08-29 13:38:51 +00:00
|
|
|
document.removeEventListener('DOMContentLoaded', this._onBoot);
|
|
|
|
window.removeEventListener('load', this._onBoot);
|
2013-08-28 06:02:55 +00:00
|
|
|
|
2013-08-29 02:52:59 +00:00
|
|
|
this.onPause = new Phaser.Signal();
|
|
|
|
this.onResume = new Phaser.Signal();
|
2013-08-28 06:02:55 +00:00
|
|
|
|
|
|
|
this.device = new Phaser.Device();
|
|
|
|
this.net = new Phaser.Net(this);
|
2013-08-29 02:52:59 +00:00
|
|
|
this.math = Phaser.Math;
|
2013-08-28 06:02:55 +00:00
|
|
|
// this.stage = new Phaser.Stage(this, parent, width, height);
|
|
|
|
// this.world = new Phaser.World(this, width, height);
|
|
|
|
// this.add = new Phaser.GameObjectFactory(this);
|
|
|
|
this.cache = new Phaser.Cache(this);
|
|
|
|
this.load = new Phaser.Loader(this);
|
|
|
|
this.time = new Phaser.Time(this);
|
2013-08-28 23:09:12 +00:00
|
|
|
this.tweens = new Phaser.TweenManager(this);
|
2013-08-28 06:02:55 +00:00
|
|
|
// this.input = new Phaser.InputManager(this);
|
|
|
|
// this.sound = new Phaser.SoundManager(this);
|
|
|
|
this.rnd = new Phaser.RandomDataGenerator([(Date.now() * Math.random()).toString()]);
|
|
|
|
// this.physics = new Phaser.Physics.PhysicsManager(this);
|
2013-08-29 02:52:59 +00:00
|
|
|
this.plugins = new Phaser.PluginManager(this, this);
|
2013-08-29 13:38:51 +00:00
|
|
|
// this.state = new Phaser.StateManager(this, this._tempState);
|
2013-08-29 06:06:16 +00:00
|
|
|
|
2013-08-29 02:52:59 +00:00
|
|
|
this.load.onLoadComplete.add(this.loadComplete, this);
|
|
|
|
|
2013-08-29 13:38:51 +00:00
|
|
|
this.state.boot();
|
2013-08-28 06:02:55 +00:00
|
|
|
// this.world.boot();
|
|
|
|
// this.stage.boot();
|
|
|
|
// this.input.boot();
|
|
|
|
|
2013-08-29 06:06:16 +00:00
|
|
|
console.log('Phaser', Phaser.VERSION, 'initialized');
|
|
|
|
|
2013-08-28 06:02:55 +00:00
|
|
|
this.isBooted = true;
|
2013-08-29 06:06:16 +00:00
|
|
|
this.isRunning = true;
|
|
|
|
this._loadComplete = false;
|
2013-08-29 02:52:59 +00:00
|
|
|
|
2013-08-29 13:38:51 +00:00
|
|
|
// this.raf = new Phaser.RequestAnimationFrame(this);
|
|
|
|
// this.raf.start();
|
|
|
|
|
|
|
|
// boot sm
|
2013-08-29 02:52:59 +00:00
|
|
|
|
2013-08-28 06:02:55 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
2013-08-29 06:06:16 +00:00
|
|
|
/**
|
|
|
|
* Launch the game
|
|
|
|
* @param callbackContext Which context will the callbacks be called with.
|
|
|
|
* @param preloadCallback {function} Preload callback invoked when init default screen.
|
|
|
|
* @param createCallback {function} Create callback invoked when create default screen.
|
|
|
|
* @param updateCallback {function} Update callback invoked when update default screen.
|
|
|
|
* @param renderCallback {function} Render callback invoked when render default screen.
|
|
|
|
*/
|
|
|
|
launch: function (context, preload, create, update, render) {
|
|
|
|
|
2013-08-29 13:38:51 +00:00
|
|
|
/*
|
2013-08-29 06:06:16 +00:00
|
|
|
this.callbackContext = context;
|
|
|
|
|
|
|
|
this.onPreloadCallback = preload || null;
|
|
|
|
this.onCreateCallback = create || null;
|
|
|
|
this.onUpdateCallback = update || null;
|
|
|
|
this.onRenderCallback = render || null;
|
|
|
|
|
|
|
|
if (this.onPreloadCallback == null && this.onCreateCallback == null && this.onUpdateCallback == null && this.onRenderCallback == null && this._pendingState == null)
|
|
|
|
{
|
|
|
|
console.warn("Phaser cannot start: No preload, create, update or render functions given and no pending State found");
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
if (this.isBooted)
|
|
|
|
{
|
|
|
|
console.log('launch has set the callbacks and dom is booted so lets rock');
|
|
|
|
|
|
|
|
this.startState();
|
|
|
|
|
|
|
|
// if (this._pendingState)
|
|
|
|
// {
|
|
|
|
// this.switchState(this._pendingState, false, false);
|
|
|
|
// }
|
|
|
|
// else
|
|
|
|
// {
|
|
|
|
// this.startState();
|
|
|
|
// }
|
|
|
|
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
console.log('launch has set the callbacks but cant start because the DOM isnt booted yet');
|
|
|
|
}
|
|
|
|
}
|
2013-08-29 13:38:51 +00:00
|
|
|
*/
|
2013-08-29 06:06:16 +00:00
|
|
|
|
|
|
|
},
|
|
|
|
|
2013-08-29 02:52:59 +00:00
|
|
|
/**
|
2013-08-29 13:38:51 +00:00
|
|
|
* Called when the load has finished, after preload was run.
|
2013-08-29 02:52:59 +00:00
|
|
|
*/
|
|
|
|
loadComplete: function () {
|
|
|
|
|
2013-08-29 06:06:16 +00:00
|
|
|
console.log('loadComplete', this);
|
|
|
|
|
2013-08-29 02:52:59 +00:00
|
|
|
this._loadComplete = true;
|
2013-08-29 06:06:16 +00:00
|
|
|
|
2013-08-29 13:38:51 +00:00
|
|
|
this.state.loadComplete();
|
2013-08-29 02:52:59 +00:00
|
|
|
|
2013-08-29 13:38:51 +00:00
|
|
|
this.load.onLoadComplete.remove(this.loadComplete, this);
|
2013-08-29 02:52:59 +00:00
|
|
|
|
2013-08-29 13:38:51 +00:00
|
|
|
// if (this.onCreateCallback) {
|
|
|
|
// this.onCreateCallback.call(this.callbackContext);
|
|
|
|
// // this.onCreateCallback.call(this);
|
|
|
|
// }
|
2013-08-29 02:52:59 +00:00
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
update: function (time) {
|
|
|
|
|
|
|
|
this.time.update(time);
|
|
|
|
|
|
|
|
this.plugins.preUpdate();
|
|
|
|
|
|
|
|
this.tweens.update();
|
2013-08-29 06:06:16 +00:00
|
|
|
// this.input.update();
|
|
|
|
// this.stage.update();
|
|
|
|
// this.sound.update();
|
|
|
|
// this.physics.update();
|
|
|
|
// this.world.update();
|
2013-08-29 02:52:59 +00:00
|
|
|
|
|
|
|
this.plugins.update();
|
|
|
|
|
|
|
|
if (this._loadComplete)
|
|
|
|
{
|
|
|
|
if (this.onUpdateCallback)
|
|
|
|
{
|
|
|
|
this.onUpdateCallback.call(this.callbackContext);
|
|
|
|
}
|
|
|
|
|
2013-08-29 06:06:16 +00:00
|
|
|
// this.world.postUpdate();
|
2013-08-29 02:52:59 +00:00
|
|
|
this.plugins.postUpdate();
|
|
|
|
this.plugins.preRender();
|
|
|
|
|
|
|
|
if (this.onPreRenderCallback)
|
|
|
|
{
|
|
|
|
this.onPreRenderCallback.call(this.callbackContext);
|
|
|
|
}
|
|
|
|
|
2013-08-29 06:06:16 +00:00
|
|
|
// this.renderer.render();
|
2013-08-29 02:52:59 +00:00
|
|
|
this.plugins.render();
|
|
|
|
|
|
|
|
if (this.onRenderCallback)
|
|
|
|
{
|
|
|
|
this.onRenderCallback.call(this.callbackContext);
|
|
|
|
}
|
|
|
|
|
|
|
|
this.plugins.postRender();
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
// Still loading assets
|
|
|
|
if (this.onLoadUpdateCallback)
|
|
|
|
{
|
|
|
|
this.onLoadUpdateCallback.call(this.callbackContext);
|
|
|
|
}
|
|
|
|
|
2013-08-29 06:06:16 +00:00
|
|
|
// this.world.postUpdate();
|
2013-08-29 02:52:59 +00:00
|
|
|
this.plugins.postUpdate();
|
|
|
|
this.plugins.preRender();
|
2013-08-29 06:06:16 +00:00
|
|
|
// this.renderer.render();
|
2013-08-29 02:52:59 +00:00
|
|
|
this.plugins.render();
|
|
|
|
|
|
|
|
if (this.onLoadRenderCallback)
|
|
|
|
{
|
|
|
|
this.onLoadRenderCallback.call(this.callbackContext);
|
|
|
|
}
|
|
|
|
|
|
|
|
this.plugins.postRender();
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Nuke the entire game from orbit
|
|
|
|
*/
|
|
|
|
destroy: function () {
|
|
|
|
|
|
|
|
this.callbackContext = null;
|
|
|
|
this.onPreloadCallback = null;
|
|
|
|
this.onLoadRenderCallback = null;
|
|
|
|
this.onLoadUpdateCallback = null;
|
|
|
|
this.onCreateCallback = null;
|
|
|
|
this.onUpdateCallback = null;
|
|
|
|
this.onRenderCallback = null;
|
|
|
|
this.onPausedCallback = null;
|
|
|
|
this.onDestroyCallback = null;
|
|
|
|
this.cache = null;
|
|
|
|
this.input = null;
|
|
|
|
this.load = null;
|
|
|
|
this.sound = null;
|
|
|
|
this.stage = null;
|
|
|
|
this.time = null;
|
|
|
|
this.world = null;
|
|
|
|
this.isBooted = false;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
2013-08-28 06:02:55 +00:00
|
|
|
};
|