phaser/Phaser/Game.ts

685 lines
22 KiB
TypeScript
Raw Normal View History

/// <reference path="geom/Rectangle.ts" />
/// <reference path="math/LinkedList.ts" />
/// <reference path="math/QuadTree.ts" />
/// <reference path="geom/Point.ts" />
/// <reference path="math/Vec2.ts" />
/// <reference path="geom/Circle.ts" />
/// <reference path="core/Group.ts" />
/// <reference path="core/Signal.ts" />
/// <reference path="core/SignalBinding.ts" />
2013-05-28 20:38:37 +00:00
/// <reference path="loader/Loader.ts" />
/// <reference path="net/Net.ts" />
2013-05-28 20:38:37 +00:00
/// <reference path="loader/Cache.ts" />
/// <reference path="math/GameMath.ts" />
/// <reference path="math/RandomDataGenerator.ts" />
/// <reference path="cameras/CameraManager.ts" />
/// <reference path="gameobjects/GameObjectFactory.ts" />
/// <reference path="sound/SoundManager.ts" />
/// <reference path="sound/Sound.ts" />
2013-04-12 16:19:56 +00:00
/// <reference path="Stage.ts" />
/// <reference path="Time.ts" />
2013-05-28 20:38:37 +00:00
/// <reference path="tweens/TweenManager.ts" />
2013-04-12 16:19:56 +00:00
/// <reference path="World.ts" />
/// <reference path="system/Device.ts" />
2013-04-18 13:16:18 +00:00
/// <reference path="system/RequestAnimationFrame.ts" />
2013-05-28 20:38:37 +00:00
/// <reference path="input/Input.ts" />
/// <reference path="renderers/IRenderer.ts" />
/// <reference path="renderers/HeadlessRenderer.ts" />
/// <reference path="renderers/CanvasRenderer.ts" />
/// <reference path="utils/DebugUtils.ts" />
2013-04-12 16:19:56 +00:00
/**
2013-04-18 15:49:08 +00:00
* Phaser - Game
2013-04-12 16:19:56 +00:00
*
* 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
2013-04-12 16:19:56 +00:00
*/
2013-04-18 13:16:18 +00:00
module Phaser {
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
export class Game {
2013-04-12 16:19:56 +00:00
/**
* Game constructor
*
2013-05-16 01:36:58 +00:00
* Instantiate a new <code>Phaser.Game</code> object.
*
* @param callbackContext Which context will the callbacks be called with.
* @param parent {string} ID of its parent DOM element.
* @param width {number} The width of your game in game pixels.
* @param height {number} The height of your game in game pixels.
* @param initCallback {function} Init 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.
2013-05-16 01:36:58 +00:00
* @param destroyCallback {function} Destroy callback invoked when state is destroyed.
*/
2013-05-16 01:36:58 +00:00
constructor(callbackContext, parent?: string = '', width?: number = 800, height?: number = 600, initCallback = null, createCallback = null, updateCallback = null, renderCallback = null, destroyCallback = null) {
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
this.callbackContext = callbackContext;
this.onInitCallback = initCallback;
this.onCreateCallback = createCallback;
this.onUpdateCallback = updateCallback;
this.onRenderCallback = renderCallback;
2013-05-16 01:36:58 +00:00
this.onDestroyCallback = destroyCallback;
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
if (document.readyState === 'complete' || document.readyState === 'interactive')
2013-04-12 16:19:56 +00:00
{
2013-04-24 08:37:29 +00:00
setTimeout(() => this.boot(parent, width, height));
2013-04-12 16:19:56 +00:00
}
else
{
2013-04-18 13:16:18 +00:00
document.addEventListener('DOMContentLoaded', () => this.boot(parent, width, height), false);
window.addEventListener('load', () => this.boot(parent, width, height), false);
2013-04-18 13:16:18 +00:00
}
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
}
2013-04-12 16:19:56 +00:00
/**
* Game loop trigger wrapper.
*/
public _raf: RequestAnimationFrame;
/**
* Milliseconds of time per step of the game loop.
* @type {number}
*/
2013-04-18 13:16:18 +00:00
private _step: number = 0;
/**
* Whether load complete loading or not.
* @type {boolean}
*/
2013-04-18 13:16:18 +00:00
private _loadComplete: bool = false;
/**
* Game is paused?
* @type {boolean}
*/
2013-04-18 13:16:18 +00:00
private _paused: bool = false;
/**
* The state to be switched to in the next frame.
* @type {State}
*/
2013-04-18 13:16:18 +00:00
private _pendingState = null;
2013-05-16 01:36:58 +00:00
/**
* The current State object (defaults to null)
* @type {State}
*/
public state = null;
/**
* Context for calling the callbacks.
*/
2013-04-18 13:16:18 +00:00
public callbackContext;
/**
* This will be called when init states. (loading assets...)
* @type {function}
*/
2013-04-18 13:16:18 +00:00
public onInitCallback = null;
/**
* This will be called when create states. (setup states...)
* @type {function}
*/
2013-04-18 13:16:18 +00:00
public onCreateCallback = null;
/**
* This will be called when State is updated, this doesn't happen during load (see onLoadUpdateCallback)
* @type {function}
*/
2013-04-18 13:16:18 +00:00
public onUpdateCallback = null;
/**
* This will be called when the State is rendered, this doesn't happen during load (see onLoadRenderCallback)
* @type {function}
*/
2013-04-18 13:16:18 +00:00
public onRenderCallback = null;
/**
* This will be called before the State is rendered and before the stage is cleared
* @type {function}
*/
public onPreRenderCallback = null;
/**
* This will be called when the State is updated but only during the load process
* @type {function}
*/
public onLoadUpdateCallback = null;
/**
* This will be called when the State is rendered but only during the load process
* @type {function}
*/
public onLoadRenderCallback = null;
/**
* This will be called when states paused.
* @type {function}
*/
2013-04-18 13:16:18 +00:00
public onPausedCallback = null;
2013-05-16 01:36:58 +00:00
/**
* This will be called when the state is destroyed (i.e. swapping to a new state)
* @type {function}
*/
public onDestroyCallback = null;
2013-05-22 23:01:58 +00:00
/**
* Reference to the GameObject Factory.
* @type {GameObjectFactory}
*/
public add: GameObjectFactory;
/**
* Reference to the assets cache.
* @type {Cache}
*/
2013-04-18 13:16:18 +00:00
public cache: Cache;
/**
* Reference to the input manager
* @type {Input}
*/
2013-04-18 13:16:18 +00:00
public input: Input;
/**
* Reference to the assets loader.
* @type {Loader}
*/
public load: Loader;
/**
* Reference to the math helper.
* @type {GameMath}
*/
2013-04-18 13:16:18 +00:00
public math: GameMath;
/**
* Reference to the network class.
* @type {Net}
*/
public net: Net;
/**
* Reference to the sound manager.
* @type {SoundManager}
*/
2013-04-18 13:16:18 +00:00
public sound: SoundManager;
/**
* Reference to the stage.
* @type {Stage}
*/
2013-04-18 13:16:18 +00:00
public stage: Stage;
/**
* Reference to game clock.
* @type {Time}
*/
2013-04-18 13:16:18 +00:00
public time: Time;
/**
* Reference to the tween manager.
* @type {TweenManager}
*/
2013-04-18 13:16:18 +00:00
public tweens: TweenManager;
/**
* Reference to the world.
* @type {World}
*/
2013-04-18 13:16:18 +00:00
public world: World;
2013-06-26 04:44:56 +00:00
/**
* Reference to the physics manager.
* @type {Physics.Manager}
*/
public physics: Physics.Manager;
/**
* Instance of repeatable random data generator helper.
* @type {RandomDataGenerator}
*/
2013-04-18 13:16:18 +00:00
public rnd: RandomDataGenerator;
/**
2013-05-22 23:01:58 +00:00
* Contains device information and capabilities.
* @type {Device}
*/
2013-04-18 13:16:18 +00:00
public device: Device;
2013-05-28 20:38:37 +00:00
/**
* Reference to the render manager
* @type {RenderManager}
*/
public renderer: IRenderer;
/**
* Whether the game engine is booted, aka available.
* @type {boolean}
*/
2013-04-18 13:16:18 +00:00
public isBooted: bool = false;
/**
* Is game running or paused?
* @type {boolean}
*/
public isRunning: bool = false;
2013-04-18 13:16:18 +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-04-18 13:16:18 +00:00
private boot(parent: string, width: number, height: number) {
if (this.isBooted == true)
{
return;
}
2013-04-18 13:16:18 +00:00
if (!document.body)
{
window.setTimeout(() => this.boot(parent, width, height), 13);
}
else
{
this.device = new Device();
this.net = new Net(this);
2013-04-18 13:16:18 +00:00
this.math = new GameMath(this);
this.stage = new Stage(this, parent, width, height);
this.world = new World(this, width, height);
2013-05-22 23:01:58 +00:00
this.add = new GameObjectFactory(this);
2013-04-18 13:16:18 +00:00
this.cache = new Cache(this);
this.load = new Loader(this, this.loadComplete);
2013-04-18 13:16:18 +00:00
this.time = new Time(this);
this.tweens = new TweenManager(this);
this.input = new Input(this);
this.sound = new SoundManager(this);
2013-04-18 13:16:18 +00:00
this.rnd = new RandomDataGenerator([(Date.now() * Math.random()).toString()]);
2013-06-26 04:44:56 +00:00
this.physics = new Physics.Manager(this);
2013-05-28 20:38:37 +00:00
this.setRenderer(Phaser.Types.RENDERER_CANVAS);
2013-04-18 13:16:18 +00:00
this.world.boot();
this.stage.boot();
this.input.boot();
this.isBooted = true;
2013-04-18 13:16:18 +00:00
// Set-up some static helper references
DebugUtils.game = this;
ColorUtils.game = this;
2013-06-26 04:44:56 +00:00
DebugUtils.context = this.stage.context;
2013-04-18 13:16:18 +00:00
// Display the default game screen?
if (this.onInitCallback == null && this.onCreateCallback == null && this.onUpdateCallback == null && this.onRenderCallback == null && this._pendingState == null)
2013-04-12 16:19:56 +00:00
{
this._raf = new RequestAnimationFrame(this, this.bootLoop);
2013-04-12 16:19:56 +00:00
}
else
{
this.isRunning = true;
2013-04-18 13:16:18 +00:00
this._loadComplete = false;
this._raf = new RequestAnimationFrame(this, this.loop);
2013-04-18 13:16:18 +00:00
if (this._pendingState)
{
this.switchState(this._pendingState, false, false);
}
else
{
this.startState();
}
2013-04-12 16:19:56 +00:00
}
}
}
2013-05-28 20:38:37 +00:00
public setRenderer(type: number) {
switch (type)
{
case Phaser.Types.RENDERER_AUTO_DETECT:
this.renderer = new Phaser.HeadlessRenderer(this);
break;
case Phaser.Types.RENDERER_AUTO_DETECT:
case Phaser.Types.RENDERER_CANVAS:
this.renderer = new Phaser.CanvasRenderer(this);
break;
// WebGL coming soon :)
}
}
/**
* Called when the load has finished after init was run.
*/
2013-04-18 13:16:18 +00:00
private loadComplete() {
this._loadComplete = true;
}
2013-04-12 16:19:56 +00:00
/**
* The bootLoop is called while the game is still booting (waiting for the DOM and resources to be available)
*/
private bootLoop() {
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
this.tweens.update();
this.input.update();
this.stage.update();
2013-04-12 16:19:56 +00:00
}
2013-04-18 13:16:18 +00:00
/**
* The pausedLoop is called when the game is paused.
*/
private pausedLoop() {
this.tweens.update();
this.input.update();
this.stage.update();
this.sound.update();
2013-04-18 13:16:18 +00:00
if (this.onPausedCallback !== null)
{
this.onPausedCallback.call(this.callbackContext);
2013-04-12 16:19:56 +00:00
}
}
/**
* Game loop method will be called when it's running.
*/
private loop() {
this.tweens.update();
2013-04-18 13:16:18 +00:00
this.input.update();
this.stage.update();
this.sound.update();
2013-06-26 04:44:56 +00:00
this.physics.update();
this.world.update();
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
if (this._loadComplete && this.onUpdateCallback)
{
this.onUpdateCallback.call(this.callbackContext);
}
else if (this._loadComplete == false && this.onLoadUpdateCallback)
{
this.onLoadUpdateCallback.call(this.callbackContext);
}
2013-04-12 16:19:56 +00:00
this.world.postUpdate();
if (this._loadComplete && this.onPreRenderCallback)
{
this.onPreRenderCallback.call(this.callbackContext);
}
2013-05-28 20:38:37 +00:00
this.renderer.render();
2013-04-18 13:16:18 +00:00
if (this._loadComplete && this.onRenderCallback)
{
this.onRenderCallback.call(this.callbackContext);
}
else if (this._loadComplete == false && this.onLoadRenderCallback)
{
this.onLoadRenderCallback.call(this.callbackContext);
}
2013-04-12 16:19:56 +00:00
}
/**
* Start current state.
*/
2013-04-18 13:16:18 +00:00
private startState() {
if (this.onInitCallback !== null)
{
this.load.reset();
2013-04-18 13:16:18 +00:00
this.onInitCallback.call(this.callbackContext);
// Is the load empty?
if (this.load.queueSize == 0)
{
if (this.onCreateCallback !== null)
{
this.onCreateCallback.call(this.callbackContext);
}
this._loadComplete = true;
}
2013-04-18 13:16:18 +00:00
}
else
{
// No init? Then there was nothing to load either
if (this.onCreateCallback !== null)
{
this.onCreateCallback.call(this.callbackContext);
}
this._loadComplete = true;
}
2013-04-12 16:19:56 +00:00
}
/**
* Set the most common state callbacks (init, create, update, render).
* @param initCallback {function} Init callback invoked when init state.
* @param createCallback {function} Create callback invoked when create state.
* @param updateCallback {function} Update callback invoked when update state.
* @param renderCallback {function} Render callback invoked when render state.
2013-05-16 01:36:58 +00:00
* @param destroyCallback {function} Destroy callback invoked when state is destroyed.
*/
2013-05-16 01:36:58 +00:00
public setCallbacks(initCallback = null, createCallback = null, updateCallback = null, renderCallback = null, destroyCallback = null) {
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
this.onInitCallback = initCallback;
this.onCreateCallback = createCallback;
this.onUpdateCallback = updateCallback;
this.onRenderCallback = renderCallback;
2013-05-16 01:36:58 +00:00
this.onDestroyCallback = destroyCallback;
2013-04-12 16:19:56 +00:00
}
2013-04-18 13:16:18 +00:00
/**
* Switch to a new State.
* @param state {State} The state you want to switch to.
2013-05-04 16:18:45 +00:00
* @param [clearWorld] {boolean} clear everything in the world? (Default to true)
* @param [clearCache] {boolean} clear asset cache? (Default to false and ONLY available when clearWorld=true)
*/
2013-04-18 13:16:18 +00:00
public switchState(state, clearWorld: bool = true, clearCache: bool = false) {
if (this.isBooted == false)
2013-04-12 16:19:56 +00:00
{
2013-04-18 13:16:18 +00:00
this._pendingState = state;
return;
2013-04-12 16:19:56 +00:00
}
2013-05-16 01:36:58 +00:00
// Destroy current state?
if (this.onDestroyCallback !== null)
{
this.onDestroyCallback.call(this.callbackContext);
}
this.input.reset(true);
2013-05-16 01:36:58 +00:00
2013-04-18 13:16:18 +00:00
// Prototype?
if (typeof state === 'function')
{
2013-05-16 01:36:58 +00:00
this.state = new state(this);
2013-04-18 13:16:18 +00:00
}
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
// Ok, have we got the right functions?
2013-05-16 01:36:58 +00:00
if (this.state['create'] || this.state['update'])
2013-04-18 13:16:18 +00:00
{
2013-05-16 01:36:58 +00:00
this.callbackContext = this.state;
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
this.onInitCallback = null;
this.onLoadRenderCallback = null;
this.onLoadUpdateCallback = null;
2013-04-18 13:16:18 +00:00
this.onCreateCallback = null;
this.onUpdateCallback = null;
this.onRenderCallback = null;
this.onPreRenderCallback = null;
2013-04-18 13:16:18 +00:00
this.onPausedCallback = null;
2013-05-16 01:36:58 +00:00
this.onDestroyCallback = null;
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
// Bingo, let's set them up
2013-05-16 01:36:58 +00:00
if (this.state['init'])
{
this.onInitCallback = this.state['init'];
}
if (this.state['loadRender'])
{
this.onLoadRenderCallback = this.state['loadRender'];
}
if (this.state['loadUpdate'])
{
this.onLoadUpdateCallback = this.state['loadUpdate'];
}
2013-05-16 01:36:58 +00:00
if (this.state['create'])
2013-04-18 13:16:18 +00:00
{
2013-05-16 01:36:58 +00:00
this.onCreateCallback = this.state['create'];
2013-04-18 13:16:18 +00:00
}
2013-04-12 16:19:56 +00:00
2013-05-16 01:36:58 +00:00
if (this.state['update'])
2013-04-18 13:16:18 +00:00
{
2013-05-16 01:36:58 +00:00
this.onUpdateCallback = this.state['update'];
2013-04-18 13:16:18 +00:00
}
2013-04-12 16:19:56 +00:00
if (this.state['preRender'])
{
this.onPreRenderCallback = this.state['preRender'];
}
2013-05-16 01:36:58 +00:00
if (this.state['render'])
2013-04-18 13:16:18 +00:00
{
2013-05-16 01:36:58 +00:00
this.onRenderCallback = this.state['render'];
2013-04-18 13:16:18 +00:00
}
2013-04-12 16:19:56 +00:00
2013-05-16 01:36:58 +00:00
if (this.state['paused'])
2013-04-18 13:16:18 +00:00
{
2013-05-16 01:36:58 +00:00
this.onPausedCallback = this.state['paused'];
2013-04-18 13:16:18 +00:00
}
2013-05-16 01:36:58 +00:00
if (this.state['destroy'])
2013-04-18 13:16:18 +00:00
{
2013-05-16 01:36:58 +00:00
this.onDestroyCallback = this.state['destroy'];
2013-04-18 13:16:18 +00:00
}
if (clearWorld)
{
this.world.destroy();
if (clearCache == true)
{
this.cache.destroy();
}
}
this._loadComplete = false;
this.startState();
}
else
{
throw new Error("Invalid State object given. Must contain at least a create or update function.");
2013-04-18 13:16:18 +00:00
}
2013-04-12 16:19:56 +00:00
}
/**
* Nuke the entire game from orbit
*/
2013-04-18 13:16:18 +00:00
public destroy() {
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
this.callbackContext = null;
2013-04-12 16:19:56 +00:00
this.onInitCallback = null;
this.onLoadRenderCallback = null;
this.onLoadUpdateCallback = null;
2013-04-12 16:19:56 +00:00
this.onCreateCallback = null;
this.onUpdateCallback = null;
this.onRenderCallback = null;
this.onPausedCallback = null;
2013-05-16 01:36:58 +00:00
this.onDestroyCallback = null;
2013-04-18 13:16:18 +00:00
this.cache = null;
this.input = null;
this.load = null;
2013-04-18 13:16:18 +00:00
this.sound = null;
this.stage = null;
this.time = null;
this.world = null;
this.isBooted = false;
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
}
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
public get paused(): bool {
return this._paused;
}
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
public set paused(value: bool) {
2013-04-12 16:19:56 +00:00
2013-04-18 13:16:18 +00:00
if (value == true && this._paused == false)
2013-04-12 16:19:56 +00:00
{
2013-04-18 13:16:18 +00:00
this._paused = true;
this.sound.pauseAll();
this._raf.callback = this.pausedLoop;
2013-04-12 16:19:56 +00:00
}
2013-04-18 13:16:18 +00:00
else if (value == false && this._paused == true)
2013-04-12 16:19:56 +00:00
{
2013-04-18 13:16:18 +00:00
this._paused = false;
//this.time.time = window.performance.now ? (performance.now() + performance.timing.navigationStart) : Date.now();
2013-04-18 13:16:18 +00:00
this.input.reset();
this.sound.resumeAll();
if (this.isRunning == false)
{
this._raf.callback = this.bootLoop;
}
else
{
this._raf.callback = this.loop;
}
2013-04-12 16:19:56 +00:00
}
}
/**
2013-05-20 05:21:12 +00:00
* Checks for overlaps between two objects using the world QuadTree. Can be GameObject vs. GameObject, GameObject vs. Group or Group vs. Group.
* Note: Does not take the objects scrollFactor into account. All overlaps are check in world space.
* @param object1 The first GameObject or Group to check. If null the world.group is used.
* @param object2 The second GameObject or Group to check.
* @param notifyCallback A callback function that is called if the objects overlap. The two objects will be passed to this function in the same order in which you passed them to Collision.overlap.
* @param processCallback A callback function that lets you perform additional checks against the two objects if they overlap. If this is set then notifyCallback will only be called if processCallback returns true.
* @param context The context in which the callbacks will be called
* @returns {boolean} true if the objects overlap, otherwise false.
*/
public collide(objectOrGroup1 = null, objectOrGroup2 = null, notifyCallback = null, context? = this.callbackContext): bool {
2013-06-26 04:44:56 +00:00
//return this.world.physics.overlap(objectOrGroup1, objectOrGroup2, notifyCallback, this.world.physics.separate, context);
return false;
}
2013-04-12 16:19:56 +00:00
2013-04-28 20:40:06 +00:00
public get camera(): Camera {
return this.world.cameras.current;
}
2013-04-12 16:19:56 +00:00
}
2013-04-18 13:16:18 +00:00
}