Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies.
-
Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/examples/input/bring a child to top.js b/examples/input/bring a child to top.js
deleted file mode 100644
index dc8c1239e..000000000
--- a/examples/input/bring a child to top.js
+++ /dev/null
@@ -1,34 +0,0 @@
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- game.load.image('atari1', 'assets/sprites/atari130xe.png');
- game.load.image('atari2', 'assets/sprites/atari800xl.png');
- game.load.image('atari4', 'assets/sprites/atari800.png');
- game.load.image('sonic', 'assets/sprites/sonic_havok_sanity.png');
- game.load.image('duck', 'assets/sprites/darkwing_crazy.png');
- game.load.image('firstaid', 'assets/sprites/firstaid.png');
- game.load.image('diamond', 'assets/sprites/diamond.png');
- game.load.image('mushroom', 'assets/sprites/mushroom2.png');
-
-}
-
-function create() {
-
- // This returns an array of all the image keys in the cache
- var images = game.cache.getKeys(Phaser.Cache.IMAGE);
-
- // Now let's create some random sprites and enable them all for drag and 'bring to top'
- for (var i = 0; i < 20; i++)
- {
- var img = game.rnd.pick(images);
- var tempSprite = game.add.sprite(game.world.randomX, game.world.randomY, img);
- tempSprite.inputEnabled = true;
- tempSprite.input.enableDrag(false, true);
- }
-
-}
-
-function render() {
- game.debug.inputInfo(32, 32);
-}
\ No newline at end of file
diff --git a/examples/input/cursor key movement.js b/examples/input/cursor key movement.js
deleted file mode 100644
index cf0509bcb..000000000
--- a/examples/input/cursor key movement.js
+++ /dev/null
@@ -1,73 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.stage.backgroundColor = '#007236';
-
- game.load.image('mushroom', 'assets/sprites/mushroom2.png');
- game.load.image('phaser', 'assets/sprites/sonic_havok_sanity.png');
-
-}
-
-var cursors;
-
-function create() {
-
- // Modify the world and camera bounds
- game.world.setBounds(-1000, -1000, 1000, 1000);
-
- for (var i = 0; i < 100; i++)
- {
- game.add.sprite(game.world.randomX, game.world.randomY, 'mushroom');
- }
-
- // This will create a new object called "cursors", inside it will contain 4 objects: up, down, left and right.
- // These are all Phaser.Key objects, so anything you can do with a Key object you can do with these.
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- // For example this checks if the up or down keys are pressed and moves the camera accordingly.
- if (cursors.up.isDown)
- {
- // If the shift key is also pressed then the world is rotated
- if (cursors.up.shiftKey)
- {
- game.world.rotation += 0.05;
- }
- else
- {
- game.camera.y -= 4;
- }
- }
- else if (cursors.down.isDown)
- {
- if (cursors.down.shiftKey)
- {
- game.world.rotation -= 0.05;
- }
- else
- {
- game.camera.y += 4;
- }
- }
-
- if (cursors.left.isDown)
- {
- game.camera.x -= 4;
- }
- else if (cursors.right.isDown)
- {
- game.camera.x += 4;
- }
-
-}
-
-function render() {
-
- game.debug.cameraInfo(game.camera, 32, 32);
-
-}
diff --git a/examples/input/drag several sprites.js b/examples/input/drag several sprites.js
deleted file mode 100644
index c0425592d..000000000
--- a/examples/input/drag several sprites.js
+++ /dev/null
@@ -1,36 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- game.load.image('atari1', 'assets/sprites/atari130xe.png');
- game.load.image('atari2', 'assets/sprites/atari800xl.png');
- game.load.image('atari4', 'assets/sprites/atari800.png');
- game.load.image('sonic', 'assets/sprites/sonic_havok_sanity.png');
- game.load.image('duck', 'assets/sprites/darkwing_crazy.png');
- game.load.image('firstaid', 'assets/sprites/firstaid.png');
- game.load.image('diamond', 'assets/sprites/diamond.png');
- game.load.image('mushroom', 'assets/sprites/mushroom2.png');
-
-}
-
-function create() {
-
- // This returns an array of all the image keys in the cache
- var images = game.cache.getKeys(Phaser.Cache.IMAGE);
-
- var test = game.add.group();
-
- // Now let's create some random sprites and enable them all for drag and 'bring to top'
- for (var i = 0; i < 20; i++)
- {
- var tempSprite = test.create(game.world.randomX, game.world.randomY, game.rnd.pick(images));
- tempSprite.inputEnabled = true;
- tempSprite.input.enableDrag(false, true);
- }
-
-}
-
-function render() {
- game.debug.inputInfo(32, 32);
-}
diff --git a/examples/input/drag.js b/examples/input/drag.js
deleted file mode 100644
index a98985271..000000000
--- a/examples/input/drag.js
+++ /dev/null
@@ -1,24 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('grid', 'assets/tests/debug-grid-1920x1920.png');
- game.load.image('atari', 'assets/sprites/atari800xl.png');
-
-}
-
-function create() {
-
- game.add.sprite(0, 0, 'grid');
-
- atari1 = game.add.sprite(300, 300, 'atari');
-
- // Input Enable the sprites
- atari1.inputEnabled = true;
-
- // Allow dragging
- // enableDrag parameters = (lockCenter, bringToTop, pixelPerfect, alphaThreshold, boundsRect, boundsSprite)
- atari1.input.enableDrag(true);
-
-}
diff --git a/examples/input/drop limitation.js b/examples/input/drop limitation.js
deleted file mode 100644
index 30bf08a53..000000000
--- a/examples/input/drop limitation.js
+++ /dev/null
@@ -1,55 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create,render:render});
-
-function preload() {
- game.load.spritesheet('item', 'assets/buttons/number-buttons-90x90.png', 90, 90);
-}
-
-function create() {
-
- // Add some items to left side, and set a onDragStop listener
- // to limit its location when dropped.
-
- var item;
-
- for (var i = 0; i < 6; i++)
- {
- // Directly create sprites on the left group.
- item = game.add.sprite(90, 90 * i, 'item', i);
-
- // Enable input detection, then it's possible be dragged.
- item.inputEnabled = true;
-
- // Make this item draggable.
- item.input.enableDrag();
-
- // Then we make it snap to left and right side,
- // also we make it only snap when released.
- item.input.enableSnap(90, 90, false, true);
-
- // Limit drop location to only the 2 columns.
- item.events.onDragStop.add(fixLocation);
- }
-}
-
-function render() {
-
- game.debug.text('Group Left.', 100, 560);
- game.debug.text('Group Right.', 280, 560);
-
-}
-
-function fixLocation(item) {
-
- // Move the items when it is already dropped.
- if (item.x < 90) {
- item.x = 90;
- }
- else if (item.x > 180 && item.x < 270) {
- item.x = 180;
- }
- else if (item.x > 360) {
- item.x = 270;
- }
-
-}
diff --git a/examples/input/follow mouse.js b/examples/input/follow mouse.js
deleted file mode 100644
index 94efaa71e..000000000
--- a/examples/input/follow mouse.js
+++ /dev/null
@@ -1,38 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('ball', 'assets/sprites/shinyball.png');
-
-}
-
-var sprite;
-
-function create() {
-
- sprite = game.add.sprite(game.world.centerX, game.world.centerY, 'ball');
- game.physics.enable(sprite, Phaser.Physics.ARCADE);
-
-}
-
-function update() {
-
- // only move when you click
- if (game.input.mousePointer.isDown)
- {
- // 400 is the speed it will move towards the mouse
- game.physics.arcade.moveToPointer(sprite, 400);
-
- // if it's overlapping the mouse, don't move any more
- if (Phaser.Rectangle.contains(sprite.body, game.input.x, game.input.y))
- {
- sprite.body.velocity.setTo(0, 0);
- }
- }
- else
- {
- sprite.body.velocity.setTo(0, 0);
- }
-
-}
diff --git a/examples/input/game scale.js b/examples/input/game scale.js
deleted file mode 100644
index 2c9e6f34a..000000000
--- a/examples/input/game scale.js
+++ /dev/null
@@ -1,62 +0,0 @@
-
-var game = new Phaser.Game(320, 240, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- // This sets a limit on the up-scale
- game.stage.scale.maxWidth = 800;
- game.stage.scale.maxHeight = 600;
-
- // Then we tell Phaser that we want it to scale up to whatever the browser can handle, but to do it proportionally
- game.stage.scaleMode = Phaser.StageScaleMode.SHOW_ALL;
-
- game.load.image('melon', 'assets/sprites/melon.png');
-
-}
-
-var cursors;
-
-function create() {
-
- //We increase the size of our game world
- game.world.setBounds(0,0,2000, 2000);
-
- for (var i = 0; i < 1000; i++)
- {
- //And spread some sprites inside it
- game.add.sprite(game.world.randomX, game.world.randomY, 'melon');
- }
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- //This allows us to move the game camera using the keyboard
-
- if (cursors.left.isDown)
- {
- game.camera.x -= 4;
- }
- else if (cursors.right.isDown)
- {
- game.camera.x += 4;
- }
-
- if (cursors.up.isDown)
- {
- game.camera.y -= 4;
- }
- else if (cursors.down.isDown)
- {
- game.camera.y += 4;
- }
-
-}
-
-function render() {
-
- game.debug.inputInfo(16, 16);
-
-}
diff --git a/examples/input/gamepad analog button.js b/examples/input/gamepad analog button.js
deleted file mode 100644
index ad24622f0..000000000
--- a/examples/input/gamepad analog button.js
+++ /dev/null
@@ -1,93 +0,0 @@
-// Try this demo on Chrome with an XBOX 360 controller.
-// Use left and right triggers.
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update:update });
-
-function preload() {
-
- game.load.spritesheet('controller-indicator', 'assets/misc/controller-indicator.png', 16,16);
-
-}
-
-var leftTriggerButton;
-var leftTriggerGfx;
-var rightTriggerGfx;
-
-var indicator;
-
-function create() {
-
- game.stage.backgroundColor = '#736357';
- game.input.gamepad.start();
-
- setupScene();
-
- /*
- Here we see two ways to get similar result. Left trigger is via 'hotkey button' style and using Phaser Signals.
- Right trigger is via callbacks. NOTE the difference in the callback functions - right trigger must make a check
- for which button we're listening to.
- */
-
- leftTriggerButton = game.input.gamepad.pad1.addButton(Phaser.Gamepad.XBOX360_LEFT_TRIGGER);
- leftTriggerButton.onDown.add(onLeftTrigger);
- leftTriggerButton.onUp.add(onLeftTrigger);
- leftTriggerButton.onFloat.add(onLeftTrigger);
-
- game.input.gamepad.pad1.addCallbacks(this, {
- onFloat:onRightTrigger,
- onUp: onRightTrigger,
- onDown: onRightTrigger
- });
-
-
-
-}
-
-function onLeftTrigger(button, value) {
- leftTriggerGfx.clear();
- leftTriggerGfx.beginFill(0xFF700B, 1);
- leftTriggerGfx.lineStyle(2, 0xFFFFFF, 1);
- leftTriggerGfx.drawRect(0, -value*500, 50, value*500 + 5);
- leftTriggerGfx.endFill();
-}
-
-function onRightTrigger(buttonCode,value) {
- if(buttonCode !== Phaser.Gamepad.XBOX360_RIGHT_TRIGGER) {
- return;
- }
-
- rightTriggerGfx.clear();
- rightTriggerGfx.beginFill(0xFF700B, 1);
- rightTriggerGfx.lineStyle(2, 0xFFFFFF, 1);
- rightTriggerGfx.drawRect(0, -value*500, 50, value*500 + 5);
- rightTriggerGfx.endFill();
-}
-
-function update() {
- // Pad "connected or not" indicator
- if(game.input.gamepad.supported && game.input.gamepad.active && game.input.gamepad.pad1.connected) {
- indicator.animations.frame = 0;
- } else {
- indicator.animations.frame = 1;
- }
-
-}
-
-function setupScene() {
- indicator = game.add.sprite(10,10, 'controller-indicator');
- indicator.scale.x = indicator.scale.y = 2;
- indicator.animations.frame = 1;
-
- leftTriggerGfx = game.add.graphics(300,550);
- leftTriggerGfx.beginFill(0xFF700B, 1);
- leftTriggerGfx.lineStyle(2, 0xFFFFFF, 1);
- leftTriggerGfx.drawRect(0, 0, 50, 5);
- leftTriggerGfx.endFill();
-
- rightTriggerGfx = game.add.graphics(450,550);
- rightTriggerGfx.beginFill(0xFF700B, 1);
- rightTriggerGfx.lineStyle(2, 0xFFFFFF, 1);
- rightTriggerGfx.drawRect(0, 0, 50, 5);
- rightTriggerGfx.endFill();
-}
-
diff --git a/examples/input/gamepad debug.js b/examples/input/gamepad debug.js
deleted file mode 100644
index ce29764fb..000000000
--- a/examples/input/gamepad debug.js
+++ /dev/null
@@ -1,189 +0,0 @@
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
- game.load.spritesheet('start-input-button', 'assets/buttons/gamepad-input-start.png', 168,70);
- game.load.image('reset-buttons','assets/buttons/gamepad-reset-buttons.png');
-}
-
-var startInputButton;
-var resetButton;
-
-var supportedText;
-var activeText;
-var gamepadCountText;
-
-var pad1;
-var pad1Text;
-var pad2;
-var pad2Text;
-var pad3;
-var pad3Text;
-var pad4;
-var pad4Text;
-
-var activityPad1Text;
-var activityPad2Text;
-var activityPad3Text;
-var activityPad4Text;
-var activityGlobalText;
-
-var pad1StateText;
-var pad2StateText;
-var pad3StateText;
-var pad4StateText;
-
-function create() {
-
- game.stage.backgroundColor = '#222222';
- startInputButton = game.add.button(625, 5, 'start-input-button', onStartInput, this, 0, 0, 0);
- resetButton = game.add.button(425, 5, 'reset-buttons', onResetButtons, this);
-
- pad1 = game.input.gamepad.pad1;
- pad2 = game.input.gamepad.pad2;
- pad3 = game.input.gamepad.pad3;
- pad4 = game.input.gamepad.pad4;
-
- setupText();
-}
-
-function onStartInput() {
- if(game.input.gamepad.active) {
- game.input.gamepad.stop();
- startInputButton.setFrames(0,0,0);
- } else {
- game.input.gamepad.start();
- startInputButton.setFrames(1,1,1);
- }
-}
-
-function onResetButtons() {
- game.input.gamepad.reset();
-}
-
-function update() {
- supportedText.setText('Gamepad supported in this browser: '+game.input.gamepad.supported);
- activeText.setText('Gamepad input active: '+game.input.gamepad.active);
- gamepadCountText.setText('Gamepads connected: '+game.input.gamepad.padsConnected);
-
- updatePadStatusText(pad1._rawPad, pad1Text, 1);
- updatePadStatusText(pad2._rawPad, pad2Text, 2);
- updatePadStatusText(pad3._rawPad, pad3Text, 3);
- updatePadStatusText(pad4._rawPad, pad4Text, 4);
-
- updatePadsButtonsAxes(pad1._rawPad, pad1StateText, 1);
- updatePadsButtonsAxes(pad2._rawPad, pad2StateText, 2);
- updatePadsButtonsAxes(pad3._rawPad, pad3StateText, 3);
- updatePadsButtonsAxes(pad4._rawPad, pad4StateText, 4);
-}
-
-function updatePadStatusText(rawPad, padText, num) {
- if(rawPad) {
- padText.setText('Pad '+num+': [ index: '+rawPad['index']+' | id: '+rawPad['id']
- +' | timestamp: '+rawPad['timestamp']+']'
- +' | buttons: '+rawPad.buttons.length
- +' | axes: '+rawPad.axes.length
- );
- } else {
- padText.setText('Pad '+num+': Not connected');
- }
-}
-
-function updatePadsButtonsAxes(rawPad, padStateText, num) {
- if(rawPad) {
- var txt = 'Pad '+num+' buttons/axes: \n';
- for (var i = 0; i < rawPad.buttons.length; i += 1) {
- txt += 'Button '+i+': '+rawPad.buttons[i]+'\n';
- }
- for (var i = 0; i < rawPad.axes.length; i += 1) {
- txt += 'Axis '+i+': '+rawPad.axes[i]+'\n';
- }
- padStateText.setText(txt);
- }
-}
-
-function setupText() {
-
- var style = { font: "12px Arial", fill: "#ffffff", align: "left" };
- var tinyStyle = { font: "10px Arial", fill: "#ffffff", align: "left" };
- supportedText = game.add.text(10, 10, 'Gamepad supported in this browser: '+game.input.gamepad.supported, style);
- activeText = game.add.text(10, 30, 'Gamepad input active: '+game.input.gamepad.active, style);
- gamepadCountText = game.add.text(10, 50, 'Gamepads connected: '+game.input.gamepad.padsConnected, style);
- pad1StateText = game.add.text(10, 300, 'Pad 1 buttons/axes: ', tinyStyle);
- pad2StateText = game.add.text(200, 300, 'Pad 2 buttons/axes: ', tinyStyle);
- pad3StateText = game.add.text(390, 300, 'Pad 3 buttons/axes: ', tinyStyle);
- pad4StateText = game.add.text(580, 300, 'Pad 4 buttons/axes: ', tinyStyle);
-
- // Setting up infotext and callbacks for all separate four gamepads
-
- pad1 = game.input.gamepad.pad1;
- pad1Text = game.add.text(10, 80, 'Pad 1: ', style);
- pad2 = game.input.gamepad.pad2;
- pad2Text = game.add.text(10, 100, 'Pad 2: ', style);
- pad3 = game.input.gamepad.pad3;
- pad3Text = game.add.text(10, 120, 'Pad 3: ', style);
- pad4 = game.input.gamepad.pad4;
- pad4Text = game.add.text(10, 140, 'Pad 4: ', style);
-
- activityPad1Text = game.add.text(10, 180, 'Last activity pad 1: ', style);
- addPadCallbacks(pad1, activityPad1Text, 1);
-
- activityPad2Text = game.add.text(10, 200, 'Last activity pad 2: ', style);
- addPadCallbacks(pad2, activityPad2Text, 2);
-
- activityPad3Text = game.add.text(10, 220, 'Last activity pad 3: ', style);
- addPadCallbacks(pad3, activityPad3Text, 3);
-
- activityPad4Text = game.add.text(10, 240, 'Last activity pad 4: ', style);
- addPadCallbacks(pad4, activityPad4Text, 4);
-
- activityGlobalText = game.add.text(10, 270, 'Last activity all pads: ', style);
-
-
-
- // Here we're setting callbacks that will trigger from ALL gamepads connected
- game.input.gamepad.addCallbacks(this, {
- onConnect: function(padIndex){
- activityGlobalText.setText('Last activity all pads: Connected with pad index '+padIndex);
- },
- onDisconnect: function(padIndex){
- activityGlobalText.setText('Last activity all pads: Disconnected with pad index '+padIndex);
- },
- onDown: function(buttonCode, value, padIndex){
- activityGlobalText.setText('Last activity all pads: Pad index '+padIndex+' buttonCode: '+buttonCode+' | value: '+value);
- },
- onUp: function(buttonCode, value, padIndex){
- activityGlobalText.setText('Last activity all pads: Pad index '+padIndex+' buttonCode: '+buttonCode+' | value: '+value);
- },
- onAxis: function(axisState, padIndex) {
- activityGlobalText.setText('Last activity all pads: Pad index '+padIndex+': axis '+axisState.axis+': '+axisState.value);
- },
- onFloat: function(buttonCode, value, padIndex) {
- activityGlobalText.setText('Last activity all pads: Pad index '+padIndex+' buttonCode: '+buttonCode+' | value (float): '+value);
- }
- });
-}
-
-
-
-function addPadCallbacks(pad, text, index) {
- pad.addCallbacks(this, {
- onConnect: function(){
- text.setText('Last activity pad '+index+': Connected');
- },
- onDisconnect: function(){
- text.setText('Last activity pad '+index+': Disconnected');
- },
- onDown: function(buttonCode, value){
- text.setText('Last activity pad '+index+': buttonCode: '+buttonCode+' | value: '+value);
- },
- onUp: function(buttonCode, value){
- text.setText('Last activity pad '+index+': buttonCode: '+buttonCode+' | value: '+value);
- },
- onAxis: function(axisState) {
- text.setText('Last activity pad '+index+': axis '+axisState.axis+': '+axisState.value);
- },
- onFloat: function(buttonCode, value) {
- text.setText('Last activity pad '+index+': buttonCode: '+buttonCode+' | value (float): '+value);
- }
- });
-}
\ No newline at end of file
diff --git a/examples/input/gamepad hotkeys.js b/examples/input/gamepad hotkeys.js
deleted file mode 100644
index e2eff097e..000000000
--- a/examples/input/gamepad hotkeys.js
+++ /dev/null
@@ -1,61 +0,0 @@
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update:update });
-
-function preload() {
-
- game.load.image('phaser', 'assets/sprites/phaser-dude.png');
- game.load.image('logo', 'assets/sprites/phaser_tiny.png');
- game.load.image('pineapple', 'assets/sprites/pineapple.png');
- game.load.spritesheet('controller-indicator', 'assets/misc/controller-indicator.png', 16,16);
-
-}
-
-var button1;
-var button2;
-var button3;
-
-var indicator;
-
-function update() {
- // Pad "connected or not" indicator
- if(game.input.gamepad.supported && game.input.gamepad.active && game.input.gamepad.pad1.connected) {
- indicator.animations.frame = 0;
- } else {
- indicator.animations.frame = 1;
- }
-}
-
-function create() {
-
- game.stage.backgroundColor = '#736357';
-
- game.input.gamepad.start();
-
-
- indicator = game.add.sprite(10,10, 'controller-indicator');
- indicator.scale.x = indicator.scale.y = 2;
- indicator.animations.frame = 1;
-
- // Here we create 3 "hotkey buttons" for Gamepad #1, buttons 0-2 and bind them all to their own functions
-
- button1 = game.input.gamepad.pad1.addButton(Phaser.Gamepad.BUTTON_0);
- button1.onDown.add(addPhaserDude, this);
-
- button2 = game.input.gamepad.pad1.addButton(Phaser.Gamepad.BUTTON_1);
- button2.onDown.add(addPhaserLogo, this);
-
- button3 = game.input.gamepad.pad1.addButton(Phaser.Gamepad.BUTTON_2);
- button3.onDown.add(addPineapple, this);
-
-}
-
-function addPhaserDude () {
- game.add.sprite(game.world.randomX, game.world.randomY, 'phaser');
-}
-
-function addPhaserLogo () {
- game.add.sprite(game.world.randomX, game.world.randomY, 'logo');
-}
-
-function addPineapple () {
- game.add.sprite(game.world.randomX, game.world.randomY, 'pineapple');
-}
diff --git a/examples/input/gamepad multiple pads.js b/examples/input/gamepad multiple pads.js
deleted file mode 100644
index d6de69960..000000000
--- a/examples/input/gamepad multiple pads.js
+++ /dev/null
@@ -1,120 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update:update });
-
-function preload() {
-
- game.load.image('phaser', 'assets/sprites/phaser-dude.png');
- game.load.image('melon', 'assets/sprites/melon.png');
- game.load.spritesheet('controller-indicator', 'assets/misc/controller-indicator.png', 16,16);
-
-}
-
-var pad1;
-var pad2;
-
-var indicator1;
-var indicator2;
-
-var player1;
-var player2;
-
-var melon;
-
-
-function create() {
-
- game.stage.backgroundColor = '#736357';
- game.input.gamepad.start();
-
-
- indicator1 = game.add.sprite(10,10, 'controller-indicator');
- indicator1.scale.x = indicator1.scale.y = 2;
- indicator1.animations.frame = 1;
-
- indicator2 = game.add.sprite(10,50, 'controller-indicator');
- indicator2.scale.x = indicator2.scale.y = 2;
- indicator2.animations.frame = 1;
-
- player1 = game.add.sprite(300, 300, 'phaser');
- player1.anchor.setTo(0.5,0.5);
-
- player2 = game.add.sprite(450, 300, 'phaser');
- player2.anchor.setTo(0.5,0.5);
-
- // This little melon dude is controlled by all gamepads!
- melon = game.add.sprite(375, 350, 'melon');
- melon.anchor.setTo(0.5,0.5);
-
- pad1 = game.input.gamepad.pad1;
- pad2 = game.input.gamepad.pad2;
-}
-
-function update() {
- // Pad "connected or not" indicator
- if(game.input.gamepad.supported && game.input.gamepad.active && game.input.gamepad.pad1.connected) {
- indicator1.animations.frame = 0;
- } else {
- indicator1.animations.frame = 1;
- }
- if(game.input.gamepad.supported && game.input.gamepad.active && game.input.gamepad.pad2.connected) {
- indicator2.animations.frame = 0;
- } else {
- indicator2.animations.frame = 1;
- }
-
- if (pad1.isDown(Phaser.Gamepad.XBOX360_DPAD_LEFT) || pad1.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_X) < -0.1)
- {
- player1.x--;
- }
- if (pad1.isDown(Phaser.Gamepad.XBOX360_DPAD_RIGHT) || pad1.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_X) > 0.1)
- {
- player1.x++;
- }
- if (pad1.isDown(Phaser.Gamepad.XBOX360_DPAD_UP) || pad1.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_Y) < -0.1)
- {
- player1.y--;
- }
- if (pad1.isDown(Phaser.Gamepad.XBOX360_DPAD_DOWN) || pad1.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_Y) > 0.1)
- {
- player1.y++;
- }
-
- if (pad2.isDown(Phaser.Gamepad.XBOX360_DPAD_LEFT) || pad2.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_X) < -0.1)
- {
- player2.x--;
- }
- if (pad2.isDown(Phaser.Gamepad.XBOX360_DPAD_RIGHT) || pad2.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_X) > 0.1)
- {
- player2.x++;
- }
- if (pad2.isDown(Phaser.Gamepad.XBOX360_DPAD_UP) || pad2.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_Y) < -0.1)
- {
- player2.y--;
- }
- if (pad2.isDown(Phaser.Gamepad.XBOX360_DPAD_DOWN) || pad2.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_Y) > 0.1)
- {
- player2.y++;
- }
-
-
- // isDown on game.input.gamepad checks ALL gamepad buttons
- if (game.input.gamepad.isDown(Phaser.Gamepad.XBOX360_DPAD_LEFT))
- {
- melon.x--;
- }
- if (game.input.gamepad.isDown(Phaser.Gamepad.XBOX360_DPAD_RIGHT))
- {
- melon.x++;
- }
- if (game.input.gamepad.isDown(Phaser.Gamepad.XBOX360_DPAD_UP))
- {
- melon.y--;
- }
- if (game.input.gamepad.isDown(Phaser.Gamepad.XBOX360_DPAD_DOWN))
- {
- melon.y++;
- }
-
-
-}
-
diff --git a/examples/input/gamepad tanks.js b/examples/input/gamepad tanks.js
deleted file mode 100644
index 79e912d5c..000000000
--- a/examples/input/gamepad tanks.js
+++ /dev/null
@@ -1,335 +0,0 @@
-// Try this demo on Chrome with an XBOX 360 controller.
-// Steer with left analog, accelerate/brake with analog triggers,
-// fire with A and steer turret with left and right 'bumper' (shoulder) buttons.
-
-EnemyTank = function (index, game, player, bullets) {
-
- var x = game.world.randomX;
- var y = game.world.randomY;
-
- this.game = game;
- this.health = 3;
- this.player = player;
- this.bullets = bullets;
- this.fireRate = 1000;
- this.nextFire = 0;
- this.alive = true;
-
- this.shadow = game.add.sprite(x, y, 'enemy', 'shadow');
- this.tank = game.add.sprite(x, y, 'enemy', 'tank1');
- this.turret = game.add.sprite(x, y, 'enemy', 'turret');
-
- this.shadow.anchor.setTo(0.5, 0.5);
- this.tank.anchor.setTo(0.5, 0.5);
- this.turret.anchor.setTo(0.3, 0.5);
-
- this.tank.name = index.toString();
- this.tank.body.immovable = true;
- this.tank.body.collideWorldBounds = true;
- this.tank.body.bounce.setTo(1, 1);
-
- this.tank.angle = game.rnd.angle();
-
- game.physics.velocityFromRotation(this.tank.rotation, 100, this.tank.body.velocity);
-
-};
-
-EnemyTank.prototype.damage = function() {
-
- this.health -= 1;
-
- if (this.health <= 0)
- {
- this.alive = false;
-
- this.shadow.kill();
- this.tank.kill();
- this.turret.kill();
-
- return true;
- }
-
- return false;
-
-};
-
-EnemyTank.prototype.update = function() {
-
- this.shadow.x = this.tank.x;
- this.shadow.y = this.tank.y;
- this.shadow.rotation = this.tank.rotation;
-
- this.turret.x = this.tank.x;
- this.turret.y = this.tank.y;
- this.turret.rotation = this.game.physics.angleBetween(this.tank, this.player);
-
- if (this.game.physics.distanceBetween(this.tank, this.player) < 300)
- {
- if (this.game.time.now > this.nextFire && this.bullets.countDead() > 0)
- {
- this.nextFire = this.game.time.now + this.fireRate;
-
- var bullet = this.bullets.getFirstDead();
-
- bullet.reset(this.turret.x, this.turret.y);
-
- bullet.rotation = this.game.physics.moveToObject(bullet, this.player, 500);
- }
- }
-
-};
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload () {
-
- game.load.atlas('tank', 'assets/games/tanks/tanks.png', 'assets/games/tanks/tanks.json');
- game.load.atlas('enemy', 'assets/games/tanks/enemy-tanks.png', 'assets/games/tanks/tanks.json');
- game.load.image('logo', 'assets/games/tanks/logo-gamepad.png');
- game.load.image('bullet', 'assets/games/tanks/bullet.png');
- game.load.image('earth', 'assets/games/tanks/scorched_earth.png');
- game.load.spritesheet('kaboom', 'assets/games/tanks/explosion.png', 64, 64, 23);
- game.load.spritesheet('controller-indicator', 'assets/misc/controller-indicator.png', 16,16);
-
-}
-
-var land;
-
-var shadow;
-var tank;
-var turret;
-
-var enemies;
-var enemyBullets;
-var explosions;
-
-var logo;
-
-var currentSpeed = 0;
-var cursors;
-
-var bullets;
-var fireRate = 200;
-var nextFire = 0;
-
-var indicator;
-var pad1;
-
-var turretOffset = 0;
-
-function create () {
-
- // Resize our game world to be a 2000 x 2000 square
- game.world.setBounds(-1000, -1000, 2000, 2000);
-
- // Our tiled scrolling background
- land = game.add.tileSprite(0, 0, 800, 600, 'earth');
- land.fixedToCamera = true;
-
- // The base of our tank
- tank = game.add.sprite(0, 0, 'tank', 'tank1');
- tank.anchor.setTo(0.5, 0.5);
- tank.animations.add('move', ['tank1', 'tank2', 'tank3', 'tank4', 'tank5', 'tank6'], 20, true);
- // tank.play('move');
-
- // This will force it to decelerate and limit its speed
- tank.body.linearDamping = 0.2;
- tank.body.maxVelocity.setTo(400, 400);
- tank.body.collideWorldBounds = true;
-
- // Finally the turret that we place on-top of the tank body
- turret = game.add.sprite(0, 0, 'tank', 'turret');
- turret.anchor.setTo(0.3, 0.5);
-
- // The enemies bullet group
- enemyBullets = game.add.group();
- enemyBullets.createMultiple(100, 'bullet');
- enemyBullets.setAll('anchor.x', 0.5);
- enemyBullets.setAll('anchor.y', 0.5);
- enemyBullets.setAll('outOfBoundsKill', true);
-
- // Create some baddies to waste :)
- enemies = [];
-
- for (var i = 0; i < 20; i++)
- {
- enemies.push(new EnemyTank(i, game, tank, enemyBullets));
- }
-
- // A shadow below our tank
- shadow = game.add.sprite(0, 0, 'tank', 'shadow');
- shadow.anchor.setTo(0.5, 0.5);
-
- // Our bullet group
- bullets = game.add.group();
- bullets.createMultiple(30, 'bullet');
- bullets.setAll('anchor.x', 0.5);
- bullets.setAll('anchor.y', 0.5);
- bullets.setAll('outOfBoundsKill', true);
-
- // Explosion pool
- explosions = game.add.group();
-
- for (var i = 0; i < 10; i++)
- {
- var explosionAnimation = explosions.create(0, 0, 'kaboom', [0], false);
- explosionAnimation.anchor.setTo(0.5, 0.5);
- explosionAnimation.animations.add('kaboom');
- }
-
- tank.bringToTop();
- turret.bringToTop();
-
- logo = game.add.sprite(0, 200, 'logo');
- logo.fixedToCamera = true;
-
- game.camera.follow(tank);
- game.camera.deadzone = new Phaser.Rectangle(150, 150, 500, 300);
- game.camera.focusOnXY(0, 0);
-
- pad1 = game.input.gamepad.pad1;
- pad1.addCallbacks(this, {onDown:function(){
- removeLogo();
- }});
-
- indicator = game.add.sprite(10,10, 'controller-indicator');
- indicator.scale.x = indicator.scale.y = 2;
- indicator.animations.frame = 1;
- indicator.fixedToCamera = true;
-
- game.input.gamepad.start();
-
- // showing you can set the deadZone for all pads
- // you can also set it like game.input.gamepad.pad1.deadZone = 0.25
- // default is 0.26 and is sensible enough for an xbox 360 controller as the
- // axes seems to hickup at quite high values at times (your mileage may vary)
- game.input.gamepad.setDeadZones(0.25);
-}
-
-function removeLogo () {
-
- game.input.onDown.remove(removeLogo, this);
- logo.kill();
-
-}
-
-function update () {
-
- // Pad "connected or not" indicator
- if(game.input.gamepad.supported && game.input.gamepad.active && pad1.connected) {
- indicator.animations.frame = 0;
- } else {
- indicator.animations.frame = 1;
- }
-
- game.physics.collide(enemyBullets, tank, bulletHitPlayer, null, this);
-
- for (var i = 0; i < enemies.length; i++)
- {
- if (enemies[i].alive)
- {
- enemies[i].update();
- game.physics.collide(tank, enemies[i].tank);
- game.physics.collide(bullets, enemies[i].tank, bulletHitEnemy, null, this);
- }
- }
-
- if (pad1.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_X) < -0.3)
- {
- tank.angle -= 4 * -pad1.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_X);
- }
- if (pad1.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_X) > 0.3)
- {
- tank.angle += 4 * pad1.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_X);
- }
-
- var rightTriggerValue = pad1.buttonValue(Phaser.Gamepad.XBOX360_RIGHT_TRIGGER);
- if(rightTriggerValue && rightTriggerValue > 0) {
- currentSpeed = 300 * rightTriggerValue;
- } else {
- if (currentSpeed > 0)
- {
- currentSpeed -= 4;
- }
- }
-
- var leftTriggerValue = pad1.buttonValue(Phaser.Gamepad.XBOX360_LEFT_TRIGGER);
- if(leftTriggerValue && leftTriggerValue > 0) {
- currentSpeed = 150 * -leftTriggerValue;
- } else {
- if (currentSpeed < 0)
- {
- currentSpeed += 4;
- currentSpeed = (currentSpeed > 0) ? 0 : currentSpeed;
- }
- }
-
-// if (currentSpeed > 0)
-// {
- game.physics.velocityFromRotation(tank.rotation, currentSpeed, tank.body.velocity);
-// }
-
- land.tilePosition.x = -game.camera.x;
- land.tilePosition.y = -game.camera.y;
-
- // Position all the parts and align rotations
- shadow.x = tank.x;
- shadow.y = tank.y;
- shadow.rotation = tank.rotation;
-
- turret.x = tank.x;
- turret.y = tank.y;
-
- if (pad1.isDown(Phaser.Gamepad.XBOX360_LEFT_BUMPER)) {
- turretOffset -= 3;
- }
- if (pad1.isDown(Phaser.Gamepad.XBOX360_RIGHT_BUMPER)) {
- turretOffset += 3;
- }
-
- turret.rotation = tank.rotation;
- turret.angle += turretOffset;
-// turret.rotation = game.physics.angleToPointer(turret);
-
- if (pad1.isDown(Phaser.Gamepad.XBOX360_A))
- {
- fire();
- }
-
-}
-
-function bulletHitPlayer (tank, bullet) {
-
- bullet.kill();
-
-}
-
-function bulletHitEnemy (tank, bullet) {
-
- bullet.kill();
-
- var destroyed = enemies[tank.name].damage();
-
- if (destroyed)
- {
- var explosionAnimation = explosions.getFirstDead();
- explosionAnimation.reset(tank.x, tank.y);
- explosionAnimation.play('kaboom', 30, false, true);
- }
-
-}
-
-function fire () {
-
- if (game.time.now > nextFire && bullets.countDead() > 0)
- {
- nextFire = game.time.now + fireRate;
-
- var bullet = bullets.getFirstDead();
-
- bullet.reset(turret.x, turret.y);
- bullet.rotation = turret.rotation;
- game.physics.velocityFromAngle(bullet.angle, 1000, bullet.body.velocity);
- }
-
-}
diff --git a/examples/input/gamepad.js b/examples/input/gamepad.js
deleted file mode 100644
index d6b729ff9..000000000
--- a/examples/input/gamepad.js
+++ /dev/null
@@ -1,80 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('phaser', 'assets/sprites/phaser-dude.png');
- game.load.spritesheet('controller-indicator', 'assets/misc/controller-indicator.png', 16,16);
-}
-
-var sprite;
-
-var pad1;
-
-var indicator;
-
-function create() {
-
- game.stage.backgroundColor = '#736357';
-
- sprite = game.add.sprite(300, 300, 'phaser');
- sprite.anchor.setTo(0.5,0.5);
-
- indicator = game.add.sprite(10,10, 'controller-indicator');
- indicator.scale.x = indicator.scale.y = 2;
- indicator.animations.frame = 1;
-
- game.input.gamepad.start();
-
- // To listen to buttons from a specific pad listen directly on that pad game.input.gamepad.padX, where X = pad 1-4
- pad1 = game.input.gamepad.pad1;
-}
-
-function update() {
-
- // Pad "connected or not" indicator
- if(game.input.gamepad.supported && game.input.gamepad.active && pad1.connected) {
- indicator.animations.frame = 0;
- } else {
- indicator.animations.frame = 1;
- }
-
- // Controls
- if (pad1.isDown(Phaser.Gamepad.XBOX360_DPAD_LEFT) || pad1.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_X) < -0.1)
- {
- sprite.x--;
- }
- if (pad1.isDown(Phaser.Gamepad.XBOX360_DPAD_RIGHT) || pad1.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_X) > 0.1)
- {
- sprite.x++;
- }
- if (pad1.isDown(Phaser.Gamepad.XBOX360_DPAD_UP) || pad1.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_Y) < -0.1)
- {
- sprite.y--;
- }
- if (pad1.isDown(Phaser.Gamepad.XBOX360_DPAD_DOWN) || pad1.axis(Phaser.Gamepad.XBOX360_STICK_LEFT_Y) > 0.1)
- {
- sprite.y++;
- }
- if (pad1.justPressed(Phaser.Gamepad.XBOX360_A))
- {
- sprite.angle += 5;
- }
- if (pad1.justReleased(Phaser.Gamepad.XBOX360_B))
- {
- sprite.scale.x += 0.01;
- sprite.scale.y = sprite.scale.x;
- }
-
- if(pad1.connected) {
- var rightStickX = pad1.axis(Phaser.Gamepad.XBOX360_STICK_RIGHT_X);
- var rightStickY = pad1.axis(Phaser.Gamepad.XBOX360_STICK_RIGHT_Y);
-
- if(rightStickX) {
- sprite.x += rightStickX * 10;
- }
- if(rightStickY) {
- sprite.y += rightStickY * 10;
- }
- }
-}
diff --git a/examples/input/key.js b/examples/input/key.js
deleted file mode 100644
index 9023e999a..000000000
--- a/examples/input/key.js
+++ /dev/null
@@ -1,52 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('phaser', 'assets/sprites/phaser-dude.png');
-
-}
-
-var sprite;
-
-var upKey;
-var downKey;
-var leftKey;
-var rightKey;
-
-function create() {
-
- game.stage.backgroundColor = '#736357';
-
- sprite = game.add.sprite(300, 300, 'phaser');
-
- // In this example we'll create 4 specific keys (up, down, left, right) and monitor them in our update function
-
- upKey = game.input.keyboard.addKey(Phaser.Keyboard.UP);
- downKey = game.input.keyboard.addKey(Phaser.Keyboard.DOWN);
- leftKey = game.input.keyboard.addKey(Phaser.Keyboard.LEFT);
- rightKey = game.input.keyboard.addKey(Phaser.Keyboard.RIGHT);
-
-}
-
-function update() {
-
- if (upKey.isDown)
- {
- sprite.y--;
- }
- else if (downKey.isDown)
- {
- sprite.y++;
- }
-
- if (leftKey.isDown)
- {
- sprite.x--;
- }
- else if (rightKey.isDown)
- {
- sprite.x++;
- }
-
-}
diff --git a/examples/input/keyboard hotkeys.js b/examples/input/keyboard hotkeys.js
deleted file mode 100644
index bb8e42736..000000000
--- a/examples/input/keyboard hotkeys.js
+++ /dev/null
@@ -1,45 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('phaser', 'assets/sprites/phaser-dude.png');
- game.load.image('logo', 'assets/sprites/phaser_tiny.png');
- game.load.image('pineapple', 'assets/sprites/pineapple.png');
-
-}
-
-var key1;
-var key2;
-var key3;
-
-function create() {
-
- game.stage.backgroundColor = '#736357';
-
- game.add.text(0,0,'Press one, two or three !',{});
-
- // Here we create 3 hotkeys, keys 1-3 and bind them all to their own functions
-
- key1 = game.input.keyboard.addKey(Phaser.Keyboard.ONE);
- key1.onDown.add(addPhaserDude, this);
-
- key2 = game.input.keyboard.addKey(Phaser.Keyboard.TWO);
- key2.onDown.add(addPhaserLogo, this);
-
- key3 = game.input.keyboard.addKey(Phaser.Keyboard.THREE);
- key3.onDown.add(addPineapple, this);
-
-}
-
-function addPhaserDude () {
- game.add.sprite(game.world.randomX, game.world.randomY, 'phaser');
-}
-
-function addPhaserLogo () {
- game.add.sprite(game.world.randomX, game.world.randomY, 'logo');
-}
-
-function addPineapple () {
- game.add.sprite(game.world.randomX, game.world.randomY, 'pineapple');
-}
diff --git a/examples/input/keyboard justpressed.js b/examples/input/keyboard justpressed.js
deleted file mode 100644
index 98ce87851..000000000
--- a/examples/input/keyboard justpressed.js
+++ /dev/null
@@ -1,76 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('phaser', 'assets/sprites/phaser-dude.png');
- game.load.image('bullet', 'assets/misc/bullet0.png');
-
-}
-
-var sprite;
-var bullet;
-var bullets;
-var bulletTime = 0;
-
-function create() {
-
- game.stage.backgroundColor = '#2d2d2d';
-
- bullets = game.add.group();
- bullets.enableBody = true;
- bullets.physicsBodyType = Phaser.Physics.ARCADE;
- bullets.createMultiple(10, 'bullet');
- bullets.callAll('events.onOutOfBounds.add', 'events.onOutOfBounds', resetBullet, this);
-
- sprite = game.add.sprite(400, 550, 'phaser');
-
- game.physics.enable(sprite, Phaser.Physics.ARCADE);
-
- // Stop the following keys from propagating up to the browser
- game.input.keyboard.addKeyCapture([ Phaser.Keyboard.LEFT, Phaser.Keyboard.RIGHT, Phaser.Keyboard.SPACEBAR ]);
-
-}
-
-function update() {
-
- sprite.body.velocity.x = 0;
- sprite.body.velocity.y = 0;
-
- if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
- {
- sprite.body.velocity.x = -200;
- }
- else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
- {
- sprite.body.velocity.x = 200;
- }
-
- if (game.input.keyboard.isDown(Phaser.Keyboard.SPACEBAR))
- {
- fireBullet();
- }
-
-}
-
-function fireBullet () {
-
- if (game.time.now > bulletTime)
- {
- bullet = bullets.getFirstExists(false);
-
- if (bullet)
- {
- bullet.reset(sprite.x + 6, sprite.y - 8);
- bullet.body.velocity.y = -300;
- bulletTime = game.time.now + 250;
- }
- }
-
-}
-
-// Called if the bullet goes out of the screen
-function resetBullet (bullet) {
- bullet.kill();
-}
-
diff --git a/examples/input/keyboard.js b/examples/input/keyboard.js
deleted file mode 100644
index 9a5b1d486..000000000
--- a/examples/input/keyboard.js
+++ /dev/null
@@ -1,80 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-var ufo;
-var leftBtn;
-var rightBtn;
-var speed = 4;
-
-function preload() {
-
- game.world.setBounds(0,0,1280, 600);
-
- game.load.image('ground', 'assets/tests/ground-2x.png');
- game.load.image('river', 'assets/tests/river-2x.png');
- game.load.image('sky', 'assets/tests/sky-2x.png');
- game.load.image('cloud0', 'assets/tests/cloud-big-2x.png');
- game.load.image('cloud1', 'assets/tests/cloud-narrow-2x.png');
- game.load.image('cloud2', 'assets/tests/cloud-small-2x.png');
-
- game.load.spritesheet('button', 'assets/buttons/arrow-button.png', 112, 95);
-
- game.load.image('ufo', 'assets/sprites/ufo.png');
-
-}
-
-function create() {
-
- // background images
- game.add.tileSprite(0, 0,1280,600, 'sky');
- game.add.sprite(0, 360, 'ground');
- game.add.sprite(0, 400, 'river');
- game.add.sprite(200, 120, 'cloud0');
- game.add.sprite(-60, 120, 'cloud1');
- game.add.sprite(900, 170, 'cloud2');
-
- // Create a ufo sprite as player.
- ufo = game.add.sprite(320, 240, 'ufo');
- ufo.anchor.setTo(0.5, 0.5);
-
- // Make the default camera follow the ufo.
- game.camera.follow(ufo);
-
- // Add 2 sprite to display hold direction.
- leftBtn = game.add.sprite(160 - 112, 200, 'button', 0);
- leftBtn.alpha = 0;
- rightBtn = game.add.sprite(640 - 112, 200, 'button', 1);
- rightBtn.alpha = 0;
-
-}
-
-function update() {
-
- // Check key states every frame.
- // Move ONLY one of the left and right key is hold.
-
- if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
- {
- ufo.x -= speed;
- ufo.angle = -15;
- leftBtn.alpha = 0.6;
- }
- else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
- {
- ufo.x += speed;
- ufo.angle = 15;
- rightBtn.alpha = 0.6;
- }
- else
- {
- ufo.rotation = 0;
- leftBtn.alpha = rightBtn.alpha = 0;
- }
-
-}
-
-function render() {
-
- game.debug.text('Hold left/right to move the ufo.');
-
-}
diff --git a/examples/input/motion lock - horizontal.js b/examples/input/motion lock - horizontal.js
deleted file mode 100644
index 33f445d2c..000000000
--- a/examples/input/motion lock - horizontal.js
+++ /dev/null
@@ -1,37 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- // Using Phasers asset loader we load up a PNG from the assets folder
- game.load.image('sprite', 'assets/sprites/parsec.png');
-
-}
-
-var sprite;
-
-function create() {
-
- game.stage.backgroundColor = 'rgb(85,85,85)';
-
- sprite = game.add.sprite(200, 400, 'sprite');
-
- // Enable Input detection. Sprites have this disabled by default,
- // so you have to start it if you want to interact with them.
- sprite.inputEnabled = true;
-
- // This allows you to drag the sprite. The parameter controls if you drag from the position you touched it (false)
- // or if it will snap to the center (true)
- sprite.input.enableDrag();
-
- // This will lock the sprite so it can only be dragged horizontally, not vertically
- sprite.input.allowVerticalDrag = false;
-
-}
-
-function render() {
-
- game.debug.inputInfo(32, 32);
- game.debug.spriteInputInfo(sprite, 300, 32);
-
-}
diff --git a/examples/input/motion lock - vertical.js b/examples/input/motion lock - vertical.js
deleted file mode 100644
index aa1b86f1b..000000000
--- a/examples/input/motion lock - vertical.js
+++ /dev/null
@@ -1,37 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- // Using Phasers asset loader we load up a PNG from the assets folder
- game.load.image('sprite', 'assets/sprites/darkwing_crazy.png');
-
-}
-
-var sprite;
-
-function create() {
-
- game.stage.backgroundColor = 'rgb(85,85,85)';
-
- sprite = game.add.sprite(200, 200, 'sprite');
-
- // Enable Input detection. Sprites have this disabled by default,
- // so you have to start it if you want to interact with them.
- sprite.inputEnabled = true;
-
- // This allows you to drag the sprite. The parameter controls if you drag from the position you touched it (false)
- // or if it will snap to the center (true)
- sprite.input.enableDrag();
-
- // This will lock the sprite so it can only be dragged vertically, not horizontally
- sprite.input.allowHorizontalDrag = false;
-
-}
-
-function render() {
-
- game.debug.inputInfo(32, 32);
- game.debug.spriteInputInfo(sprite, 300, 32);
-
-}
diff --git a/examples/input/multi touch.js b/examples/input/multi touch.js
deleted file mode 100644
index e4cdd589d..000000000
--- a/examples/input/multi touch.js
+++ /dev/null
@@ -1,32 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { create: create, render: render });
-
-function create() {
-
- game.stage.backgroundColor = '#454645';
-
- // By default Phaser only starts 2 pointers (enough for 2 fingers at once)
-
- // addPointer tells Phaser to add another pointer to Input, so here we are basically saying "allow up to 6 pointers + the mouse"
-
- // Note: on iOS as soon as you use 6 fingers you'll active the minimise app gesture - and there's nothing we can do to stop that, sorry
-
- game.input.addPointer();
- game.input.addPointer();
- game.input.addPointer();
- game.input.addPointer();
-
-}
-
-function render() {
-
- // Just renders out the pointer data when you touch the canvas
- game.debug.pointer(game.input.mousePointer);
- game.debug.pointer(game.input.pointer1);
- game.debug.pointer(game.input.pointer2);
- game.debug.pointer(game.input.pointer3);
- game.debug.pointer(game.input.pointer4);
- game.debug.pointer(game.input.pointer5);
- game.debug.pointer(game.input.pointer6);
-
-}
diff --git a/examples/input/override default controls.js b/examples/input/override default controls.js
deleted file mode 100644
index d8811b2f9..000000000
--- a/examples/input/override default controls.js
+++ /dev/null
@@ -1,109 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-var ufo;
-var leftBtn;
-var rightBtn;
-var speed = 4;
-
-function preload() {
-
- game.world.setBounds(0, 0, 1280, 600);
- game.load.image('ground', 'assets/tests/ground-2x.png');
- game.load.image('river', 'assets/tests/river-2x.png');
- game.load.image('sky', 'assets/tests/sky-2x.png');
- game.load.image('cloud0', 'assets/tests/cloud-big-2x.png');
- game.load.image('cloud1', 'assets/tests/cloud-narrow-2x.png');
- game.load.image('cloud2', 'assets/tests/cloud-small-2x.png');
-
- game.load.spritesheet('button', 'assets/buttons/arrow-button.png', 112, 95);
- game.load.image('spacebar', 'assets/buttons/spacebar.png');
-
- game.load.image('ufo', 'assets/sprites/ufo.png');
-
-}
-
-function create() {
-
- // background images
- game.add.sprite(0, 0, 'sky');
- game.add.sprite(0, 360, 'ground');
- game.add.sprite(0, 400, 'river');
- game.add.sprite(200, 120, 'cloud0');
- game.add.sprite(-60, 120, 'cloud1');
- game.add.sprite(900, 170, 'cloud2');
-
- // Create a ufo sprite as a player.
- ufo = game.add.sprite(320, 240, 'ufo');
- ufo.anchor.setTo(0.5, 0.5);
-
- // Make the camera follow the ufo.
- game.camera.follow(ufo);
-
- // Add 2 sprite to display hold direction.
- leftBtn = game.add.sprite(160 - 112, 200, 'button', 0);
- leftBtn.alpha = 0;
- rightBtn = game.add.sprite(640 - 112, 200, 'button', 1);
- rightBtn.alpha = 0;
-
- // Add a sprite to display spacebar press.
- spaceBtn = game.add.sprite(400 - 112, 100, 'spacebar');
- spaceBtn.alpha = 0;
-
- // Prevent directions and space key events bubbling up to browser,
- // since these keys will make web page scroll which is not
- // expected.
- game.input.keyboard.addKeyCapture([
- Phaser.Keyboard.LEFT,
- Phaser.Keyboard.RIGHT,
- Phaser.Keyboard.UP,
- Phaser.Keyboard.DOWN,
- Phaser.Keyboard.SPACEBAR
- ]);
-
-}
-
-function update() {
-
- // Check key states every frame.
- // Move ONLY one of the left and right key is hold.
- if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
- {
- ufo.x -= speed;
- ufo.angle = -15;
- leftBtn.alpha = 0.6;
- }
- else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
- {
- ufo.x += speed;
- ufo.angle = 15;
- rightBtn.alpha = 0.6;
- }
- else
- {
- ufo.rotation = 0;
- leftBtn.alpha = rightBtn.alpha = 0;
- }
-
- // 50 as a second parameter is a good choice if you are running 60FPS.
- if (game.input.keyboard.justPressed(Phaser.Keyboard.SPACEBAR, 50))
- {
- console.log('space bar pressed');
- spaceBtn.alpha = 1;
- }
-
- if (spaceBtn.alpha > 0)
- {
- spaceBtn.alpha -= 0.03;
- }
-
-}
-
-function render() {
-
- game.debug.text('Hold left/right to move the ufo.', 16, 32);
- game.debug.text('Direction and Space key events are stopped by Phaser now,', 16, 48);
- game.debug.text('so they will no longer be sent to the browser', 16, 64);
- game.debug.text('Now you can press UP/DOWN or SPACE to see what happened.', 16, 80);
-
-}
diff --git a/examples/input/pixel perfect click detection.js b/examples/input/pixel perfect click detection.js
deleted file mode 100644
index 41c311ec9..000000000
--- a/examples/input/pixel perfect click detection.js
+++ /dev/null
@@ -1,49 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('bunny', 'assets/sprites/bunny.png');
-
-}
-
-var b;
-
-function create() {
-
- b = game.add.sprite(game.world.centerX, game.world.centerY, 'bunny');
- b.anchor.setTo(0.5, 0.5);
-
- // Listen for input events on this sprite
- b.inputEnabled = true;
-
- // Check the pixel data of the sprite
- b.input.pixelPerfect = true;
-
- // Enable the hand cursor
- b.input.useHandCursor = true;
-
- b.events.onInputOver.add(overSprite, this);
- b.events.onInputOut.add(outSprite, this);
-
-}
-
-function overSprite() {
- console.log('over');
-}
-
-function outSprite() {
- console.log('out');
-}
-
-function update() {
- b.angle += 0.05;
-}
-
-function render() {
-
- game.debug.spriteInputInfo(b, 32, 32);
- game.debug.spriteCorners(b);
- game.debug.point(b.input._tempPoint);
-
-}
diff --git a/examples/input/pixelpick - atlas.js b/examples/input/pixelpick - atlas.js
deleted file mode 100644
index eef6172af..000000000
--- a/examples/input/pixelpick - atlas.js
+++ /dev/null
@@ -1,52 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.atlas('atlas', 'assets/pics/texturepacker_test.png', 'assets/pics/texturepacker_test.json');
-
-}
-
-var chick;
-var car;
-var mech;
-var robot;
-var cop;
-
-function create() {
-
- game.stage.backgroundColor = '#404040';
-
- // This demonstrates pixel perfect click detection even if using sprites in a texture atlas.
-
- chick = game.add.sprite(64, 64, 'atlas');
- chick.frameName = 'budbrain_chick.png';
- chick.inputEnabled = true;
- chick.input.pixelPerfect = true;
- chick.input.useHandCursor = true;
-
- cop = game.add.sprite(600, 64, 'atlas');
- cop.frameName = 'ladycop.png';
- cop.inputEnabled = true;
- cop.input.pixelPerfect = true;
- cop.input.useHandCursor = true;
-
- robot = game.add.sprite(50, 300, 'atlas');
- robot.frameName = 'robot.png';
- robot.inputEnabled = true;
- robot.input.pixelPerfect = true;
- robot.input.useHandCursor = true;
-
- car = game.add.sprite(100, 400, 'atlas');
- car.frameName = 'supercars_parsec.png';
- car.inputEnabled = true;
- car.input.pixelPerfect = true;
- car.input.useHandCursor = true;
-
- mech = game.add.sprite(250, 100, 'atlas');
- mech.frameName = 'titan_mech.png';
- mech.inputEnabled = true;
- mech.input.pixelPerfect = true;
- mech.input.useHandCursor = true;
-
-}
diff --git a/examples/input/pixelpick - scrolling effect.js b/examples/input/pixelpick - scrolling effect.js
deleted file mode 100644
index 1327befcf..000000000
--- a/examples/input/pixelpick - scrolling effect.js
+++ /dev/null
@@ -1,98 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.spritesheet('mummy', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
- game.load.image('stars', 'assets/misc/starfield.jpg');
-
-}
-
-var b;
-var camSpeed = 8;
-var s;
-
-function create() {
-
- // Make our world big ...
- game.world.setBounds(0,0,4000, 2000);
-
- // Scrolling background
- s = game.add.tileSprite(0, 0, 4000, 600, 'stars');
-
- b = game.add.sprite(200, 200, 'mummy');
- b.anchor.setTo(0.5, 0.5);
- b.scale.setTo(6, 6);
- b.animations.add('walk');
- b.animations.play('walk', 5, true);
- b.body.velocity.setTo(50, 0);
-
- // Listen for input events on this sprite
- b.inputEnabled = true;
-
- // Check the pixel data of the sprite
- b.input.pixelPerfect = true;
-
- // Enable the hand cursor
- b.input.useHandCursor = true;
-
- b.events.onInputOver.add(overSprite, this);
- b.events.onInputOut.add(outSprite, this);
-
-}
-
-function overSprite() {
- console.log('over');
-}
-
-function outSprite() {
- console.log('out');
-}
-
-function update() {
-
- if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
- {
- game.camera.x -= camSpeed;
-
- if (!game.camera.atLimit.x)
- {
- s.tilePosition.x += camSpeed;
- }
- }
- else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
- {
- game.camera.x += camSpeed;
-
- if (!game.camera.atLimit.x)
- {
- s.tilePosition.x -= camSpeed;
- }
- }
-
- if (game.input.keyboard.isDown(Phaser.Keyboard.UP))
- {
- game.camera.y -= camSpeed;
-
- if (!game.camera.atLimit.y)
- {
- s.tilePosition.y += camSpeed;
- }
- }
- else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN))
- {
- game.camera.y += camSpeed;
-
- if (!game.camera.atLimit.y)
- {
- s.tilePosition.y -= camSpeed;
- }
- }
-
-}
-
-function render() {
-
- game.debug.spriteInputInfo(b, 32, 32);
-
-}
diff --git a/examples/input/pixelpick - spritesheet.js b/examples/input/pixelpick - spritesheet.js
deleted file mode 100644
index 14df274d3..000000000
--- a/examples/input/pixelpick - spritesheet.js
+++ /dev/null
@@ -1,51 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- game.load.spritesheet('mummy', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
-
-}
-
-var b;
-
-function create() {
-
- Phaser.Canvas.setSmoothingEnabled(game.context, false);
-
- b = game.add.sprite(game.world.centerX, game.world.centerY, 'mummy');
-
- b.anchor.setTo(0.5, 0.5);
- b.scale.setTo(6, 6);
- b.animations.add('walk');
- b.animations.play('walk', 5, true);
-
- // Listen for input events on this sprite
- b.inputEnabled = true;
-
- // Check the pixel data of the sprite
- b.input.pixelPerfect = true;
-
- // Enable the hand cursor
- b.input.useHandCursor = true;
-
- b.events.onInputOver.add(overSprite, this);
- b.events.onInputOut.add(outSprite, this);
-
-}
-
-function overSprite() {
- console.log('over');
-}
-
-function outSprite() {
- console.log('out');
-}
-
-function render() {
-
- game.debug.spriteInputInfo(b, 32, 32);
- game.debug.spriteCorners(b);
- game.debug.point(b.input._tempPoint);
-
-}
diff --git a/examples/input/snap on drag.js b/examples/input/snap on drag.js
deleted file mode 100644
index 16078f196..000000000
--- a/examples/input/snap on drag.js
+++ /dev/null
@@ -1,35 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('grid', 'assets/tests/debug-grid-1920x1920.png');
- game.load.image('atari1', 'assets/sprites/atari130xe.png');
- game.load.image('atari2', 'assets/sprites/atari800xl.png');
-
-}
-
-function create() {
-
- game.add.sprite(0, 0, 'grid');
-
- atari1 = game.add.sprite(128, 128, 'atari1');
- atari2 = game.add.sprite(256, 256, 'atari2');
-
- // Input Enable the sprites
- atari1.inputEnabled = true;
- atari2.inputEnabled = true;
-
- // Allow dragging
- // enableDrag parameters = (lockCenter, bringToTop, pixelPerfect, alphaThreshold, boundsRect, boundsSprite)
- atari1.input.enableDrag();
- atari2.input.enableDrag();
-
- // Enable snapping. For the atari1 sprite it will snap as its dragged around and on release.
- // The snap is set to every 32x32 pixels.
- atari1.input.enableSnap(32, 32, true, true);
-
- // For the atari2 sprite it will snap only when released, not on drag.
- atari2.input.enableSnap(32, 32, false, true);
-
-}
diff --git a/examples/input/touch joystick.js b/examples/input/touch joystick.js
deleted file mode 100644
index 656a93cc5..000000000
--- a/examples/input/touch joystick.js
+++ /dev/null
@@ -1,68 +0,0 @@
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-var ufo;
-var ufoSpeed = 200;
-
-function preload() {
- game.world.setBounds(0,0,800, 600);
- game.load.image('ufo', 'assets/sprites/ufo.png');
-}
-
-function create() {
- // Create a ufo sprite as player.
- ufo = game.add.sprite(320, 240, 'ufo');
- ufo.anchor.setTo(0.5, 0.5);
-
- // Use Austin Hallock's HTML5 Virtual Game Controller
- // https://github.com/austinhallock/html5-virtual-game-controller/
- // Note: you must also require gamecontroller.js on your host page.
-
- // Init game controller with left thumb stick
- GameController.init({
- left: {
- type: 'joystick',
- joystick: {
- touchStart: function() {
- // Don't need this, but the event is here if you want it.
- },
- touchMove: function(joystick_details) {
- game.input.joystickLeft = joystick_details;
- },
- touchEnd: function() {
- game.input.joystickLeft = null;
- }
- }
- },
- right: {
- // We're not using anything on the right for this demo, but you can add buttons, etc.
- // See https://github.com/austinhallock/html5-virtual-game-controller/ for examples.
- type: 'none'
- }
- });
-
- // This is an ugly hack to get this to show up over the Phaser Canvas
- // (which has a manually set z-index in the example code) and position it in the right place,
- // because it's positioned relatively...
- // You probably don't need to do this in your game unless your game's canvas is positioned in a manner
- // similar to this example page, where the canvas isn't the whole screen.
- $('canvas').last().css('z-index', 20);
- $('canvas').last().offset( $('canvas').first().offset() );
-}
-
-function update() {
- // Check key states every frame.
- if (game.input.joystickLeft) {
- // Move the ufo using the joystick's normalizedX and Y values,
- // which range from -1 to 1.
- ufo.body.velocity.setTo(game.input.joystickLeft.normalizedX * 200, game.input.joystickLeft.normalizedY * ufoSpeed * -1);
- }
- else {
- ufo.body.velocity.setTo(0, 0);
- }
-}
-
-function render() {
- game.debug.text('Use the virtual joystick to move the UFO.', 20, 20);
- game.debug.text('This requires touch events, so try on your phone.', 20, 40);
-}
-
diff --git a/examples/loader/load audio.js b/examples/loader/load audio.js
deleted file mode 100644
index 7668cee80..000000000
--- a/examples/loader/load audio.js
+++ /dev/null
@@ -1,41 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- // To load an audio file use the following structure.
- // As with all load operations the first parameter is a unique key, which must be unique between all audio files.
-
- // The second parameter is an array containing the same audio file but in different formats.
- // In this example the music is provided as an mp3 and a ogg (Firefox will want the ogg for example)
-
- // The loader works by checking if the browser can support the first file type in the list (mp3 in this case). If it can, it loads it, otherwise
- // it moves to the next file in the list (the ogg). If it can't load any of them the file will error.
-
- game.load.audio('boden', ['assets/audio/bodenstaendig_2000_in_rock_4bit.mp3', 'assets/audio/bodenstaendig_2000_in_rock_4bit.ogg']);
-
- // If you know you only need to load 1 type of audio file, you can pass a string instead of an array, like this:
- // game.load.audio('boden', 'assets/audio/bodenstaendig_2000_in_rock_4bit.mp3');
-
-}
-
-var music;
-
-function create() {
-
- game.stage.backgroundColor = '#182d3b';
-
- music = game.sound.play('boden');
-
-}
-
-function render() {
-
- game.debug.soundInfo(music, 32, 32);
-
- if (music.isDecoding)
- {
- game.debug.text("Decoding MP3 ...", 32, 200);
- }
-
-}
diff --git a/examples/loader/load bitmap font.js b/examples/loader/load bitmap font.js
deleted file mode 100644
index e7e2cd74d..000000000
--- a/examples/loader/load bitmap font.js
+++ /dev/null
@@ -1,36 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- // Phaser can load Bitmap Fonts.
-
- // As with all load operations the first parameter is a unique key, which must be unique between all image files.
- // Next is the bitmap font file itself, in this case desyrel.png
- // Finally is the path to the XML file that goes with the font.
-
- game.load.bitmapFont('desyrel', 'assets/fonts/desyrel.png', 'assets/fonts/desyrel.xml');
-
- // Note that the XML file should be saved with UTF-8 encoding or some browsers (such as Firefox) won't load it.
-
- // There are various tools that can create Bitmap Fonts and the XML file needed.
- // On Windows you can use the free app BMFont: http://www.angelcode.com/products/bmfont/
- // On OS X we recommend Glyph Designer: http://www.71squared.com/en/glyphdesigner
-
-}
-
-var text;
-
-function create() {
-
- game.stage.backgroundColor = '#0072bc';
-
- text = game.add.bitmapText(200, 100, 'desyrel','Bitmap Fonts!',64);
-
-}
-
-function update() {
-
- text.setText('Bitmap Fonts!\nx: ' + Math.round(game.input.x) + ' y: ' + Math.round(game.input.y));
-
-}
diff --git a/examples/loader/load image.js b/examples/loader/load image.js
deleted file mode 100644
index 5e69b6df6..000000000
--- a/examples/loader/load image.js
+++ /dev/null
@@ -1,16 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- // Specify a unique key and a URL path
- // The key must be unique between all images.
- game.load.image('imageKey', 'assets/sprites/phaser2.png');
-
-}
-
-function create() {
-
- game.add.sprite(0, 0, 'imageKey');
-
-}
diff --git a/examples/loader/load spritesheet.js b/examples/loader/load spritesheet.js
deleted file mode 100644
index e9d906ee9..000000000
--- a/examples/loader/load spritesheet.js
+++ /dev/null
@@ -1,31 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- // A sprite sheet is for loading classic "old school" style animations, where each frame
- // uses the exact same size frame and there is no configuration file.
-
- // This is different to a Texture Atlas, in which the frames are usually variable in size
- // and come with a json or xml file that describes their structure. Sometimes a Texture Atlas
- // is called a "sprite sheet" but that isn't the terminology Phaser uses.
-
- // To add a sprite sheet to the loader use the following:
-
- game.load.spritesheet('uniqueKey', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
-
- // 37x45 is the size of each frame
- // There are 18 frames in the PNG - you can leave this value blank if the frames fill up the entire PNG, but in this case there are some
- // blank frames at the end, so we tell the loader how many to load
-
-}
-
-function create() {
-
- var sprite = game.add.sprite(300, 200, 'uniqueKey');
-
- sprite.animations.add('walk');
-
- sprite.animations.play('walk', 50, true);
-
-}
diff --git a/examples/loader/load starling atlas.js b/examples/loader/load starling atlas.js
deleted file mode 100644
index 5cb9195ff..000000000
--- a/examples/loader/load starling atlas.js
+++ /dev/null
@@ -1,38 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- // Phaser can load texture atlas files that use the Starling XML file format.
-
- // As with all load operations the first parameter is a unique key, which must be unique between all image files.
-
- // Next is the texture atlas itself, in this case seacreatures.png
- // Finally is the path to the XML file that goes with the atlas.
- game.load.atlasXML('seacreatures', 'assets/sprites/seacreatures.png', 'assets/sprites/seacreatures.xml');
-
- // Note that the XML file should be saved with UTF-8 encoding or some browsers (such as Firefox) won't load it.
-
-
-
- // These are just a few images to use in our underwater scene.
- game.load.image('undersea', 'assets/pics/undersea.jpg');
- game.load.image('coral', 'assets/pics/seabed.png');
-
-}
-
-var jellyfish;
-
-function create() {
-
- game.add.sprite(0, 0, 'undersea');
-
- jellyfish = game.add.sprite(330, 100, 'seacreatures');
- jellyfish.animations.add('swim', Phaser.Animation.generateFrameNames('greenJellyfish', 0, 39, '', 4), 30, true);
- jellyfish.animations.play('swim');
-
- game.add.sprite(0, 466, 'coral');
-
- game.add.tween(jellyfish).to({ y: 250 }, 4000, Phaser.Easing.Quadratic.InOut, true, 0, 10000, true);
-
-}
diff --git a/examples/loader/load text file.js b/examples/loader/load text file.js
deleted file mode 100644
index d1a70bcba..000000000
--- a/examples/loader/load text file.js
+++ /dev/null
@@ -1,37 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- // Phaser can load Text files.
-
- // It does this using an XMLHttpRequest.
-
- // If loading a file from outside of the domain in which the game is running
- // a 'Access-Control-Allow-Origin' header must be present on the server.
- // No parsing of the text file is performed, it's literally just the raw data.
-
- game.load.text('html', 'http://phaser.io');
-
-}
-
-var text;
-
-function create() {
-
- game.stage.backgroundColor = '#0072bc';
-
- var html = game.cache.getText('html');
-
- text = html.split('\n');
-
-}
-
-function render() {
-
- for (var i = 0; i < 30; i++)
- {
- game.debug.text(text[i], 32, i * 20);
- }
-
-}
diff --git a/examples/loader/load texture atlas.js b/examples/loader/load texture atlas.js
deleted file mode 100644
index 57e523b75..000000000
--- a/examples/loader/load texture atlas.js
+++ /dev/null
@@ -1,39 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- // Phaser can load Texture Atlas files that use either JSON Hash or JSON Array format.
-
- // As with all load operations the first parameter is a unique key, which must be unique between all image files.
-
- // Next is the texture atlas itself, in this case seacreatures.png
-
- // Finally is the path to the JSON file that goes with the atlas.
- game.load.atlas('seacreatures', 'assets/sprites/seacreatures_json.png', 'assets/sprites/seacreatures_json.json');
-
- // Note that the JSON file should be saved with UTF-8 encoding or some browsers (such as Firefox) won't load it.
-
-
-
- // These are just a few images to use in our underwater scene.
- game.load.image('undersea', 'assets/pics/undersea.jpg');
- game.load.image('coral', 'assets/pics/seabed.png');
-
-}
-
-var octopus;
-
-function create() {
-
- game.add.sprite(0, 0, 'undersea');
-
- octopus = game.add.sprite(330, 100, 'seacreatures');
- octopus.animations.add('swim', Phaser.Animation.generateFrameNames('octopus', 0, 24, '', 4), 30, true);
- octopus.animations.play('swim');
-
- game.add.tween(octopus).to({ y: 250 }, 4000, Phaser.Easing.Quadratic.InOut, true, 0, 10000, true);
-
- game.add.sprite(0, 466, 'coral');
-
-}
diff --git a/examples/loader/load tilemap json.js b/examples/loader/load tilemap json.js
deleted file mode 100644
index eae8be89c..000000000
--- a/examples/loader/load tilemap json.js
+++ /dev/null
@@ -1,47 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- // Tilemaps are split into two parts: The actual map data (usually stored in a CSV or JSON file)
- // and the tileset/s used to render the map.
-
- // Here we'll load the tilemap data. The first parameter is a unique key for the map data.
-
- // The second is a URL to the JSON file the map data is stored in. This is actually optional, you can pass the JSON object as the 3rd
- // parameter if you already have it loaded (maybe via a 3rd party source or pre-generated). In which case pass 'null' as the URL and
- // the JSON object as the 3rd parameter.
-
- // The final one tells Phaser the foramt of the map data, in this case it's a JSON file exported from the Tiled map editor.
- // This could be Phaser.Tilemap.CSV too.
-
- game.load.tilemap('mario', 'assets/tilemaps/maps/super_mario.json', null, Phaser.Tilemap.TILED_JSON);
-
- // Next we load the tileset. This is just an image, loaded in via the normal way we load images:
-
- game.load.image('tiles', 'assets/tilemaps/tiles/super_mario.png');
-
-}
-
-var map;
-var layer;
-
-function create() {
-
- game.stage.backgroundColor = '#787878';
-
- // The 'mario' key here is the Loader key given in game.load.tilemap
- map = game.add.tilemap('mario');
-
- // The first parameter is the tileset name, as specified in the Tiled map editor (and in the tilemap json file)
- // The second parameter maps this name to the Phaser.Cache key 'tiles'
- map.addTilesetImage('SuperMarioBros-World1-1', 'tiles');
-
- // Creates a layer from the World1 layer in the map data.
- // A Layer is effectively like a Phaser.Sprite, so is added to the display list.
- layer = map.createLayer('World1');
-
- // This resizes the game world to match the layer dimensions
- layer.resizeWorld();
-
-}
diff --git a/examples/loader/pick images from cache.js b/examples/loader/pick images from cache.js
deleted file mode 100644
index 686063e8a..000000000
--- a/examples/loader/pick images from cache.js
+++ /dev/null
@@ -1,35 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- game.load.image('atari1', 'assets/sprites/atari130xe.png');
- game.load.image('atari2', 'assets/sprites/atari800xl.png');
- game.load.image('atari4', 'assets/sprites/atari800.png');
- game.load.image('sonic', 'assets/sprites/sonic_havok_sanity.png');
- game.load.image('duck', 'assets/sprites/darkwing_crazy.png');
- game.load.image('firstaid', 'assets/sprites/firstaid.png');
- game.load.image('diamond', 'assets/sprites/diamond.png');
- game.load.image('mushroom', 'assets/sprites/mushroom2.png');
-
-}
-
-function create() {
-
- // This returns an array of all the image keys in the cache
- var images = game.cache.getKeys(Phaser.Cache.IMAGE);
-
- // Now let's create some random sprites and enable them all for drag and 'bring to top'
- for (var i = 0; i < 20; i++)
- {
- var img = game.rnd.pick(images);
- var tempSprite = game.add.sprite(game.world.randomX, game.world.randomY, img);
- tempSprite.inputEnabled = true;
- tempSprite.input.enableDrag(false, true);
- }
-
-}
-
-function render() {
- game.debug.inputInfo(32, 32);
-}
diff --git a/examples/misc/net.js b/examples/misc/net.js
deleted file mode 100644
index 3e36de18b..000000000
--- a/examples/misc/net.js
+++ /dev/null
@@ -1,17 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { render: render });
-
-function render () {
-
- game.debug.text('Host Name:'+game.net.getHostName(),game.world.centerX-300,20);
- game.debug.text('Host Name contains 192:'+game.net.checkDomainName('192'),game.world.centerX-300,40);
- game.debug.text('Host Name contains google.com:'+game.net.checkDomainName('google.com'),game.world.centerX-300,60);
-
- // Add some values to the query string
- game.debug.text('Query string with new values : '+game.net.updateQueryString('atari', '520'),game.world.centerX-400,80);
- game.debug.text('Query string with new values : '+game.net.updateQueryString('amiga', '1200'),game.world.centerX-400,100);
-
- console.log('Query String: '+game.net.getQueryString(),game.world.centerX-300,140);
- console.log('Query String Param: '+game.net.getQueryString('atari'),game.world.centerX-300,160);
-
-}
diff --git a/examples/misc/random generators.js b/examples/misc/random generators.js
deleted file mode 100644
index 7e1a6c0d9..000000000
--- a/examples/misc/random generators.js
+++ /dev/null
@@ -1,15 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', {create: create });
-
-function create() {
-
- game.stage.backgroundColor = '#454645';
-
- var style = { font: "14px Arial", fill: "#ff0044", align: "center" };
-
- game.add.text(10, 20, game.rnd.integer());
- game.add.text(10, 40, game.rnd.frac());
- game.add.text(10, 60, game.rnd.real());
- game.add.text(10, 80, game.rnd.integerInRange(100, 200));
-
-}
diff --git a/examples/misc/repeatable random numbers.js b/examples/misc/repeatable random numbers.js
deleted file mode 100644
index f97168c19..000000000
--- a/examples/misc/repeatable random numbers.js
+++ /dev/null
@@ -1,35 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { create: create, update: update, render: render });
-
-function create() {
-
- game.rnd.sow([123]);
- console.log('A');
- console.log(game.rnd.integer());
- console.log(game.rnd.integer());
- console.log(game.rnd.integer());
- console.log(game.rnd.integer());
- console.log(game.rnd.integer());
-
- game.rnd.sow([0]);
- console.log('B');
- console.log(game.rnd.integer());
- console.log(game.rnd.integer());
- console.log(game.rnd.integer());
- console.log(game.rnd.integer());
- console.log(game.rnd.integer());
-
- game.rnd.sow([123]);
- console.log('C');
- console.log(game.rnd.integer());
- console.log(game.rnd.integer());
- console.log(game.rnd.integer());
- console.log(game.rnd.integer());
- console.log(game.rnd.integer());
-}
-
-function update() {
-}
-
-function render() {
-}
diff --git a/examples/ninja physics/ninja aabb vs aabb.js b/examples/ninja physics/ninja aabb vs aabb.js
deleted file mode 100644
index 44f906e36..000000000
--- a/examples/ninja physics/ninja aabb vs aabb.js
+++ /dev/null
@@ -1,64 +0,0 @@
-
-// var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('block', 'assets/sprites/block.png');
- game.load.spritesheet('ninja-tiles', 'assets/physics/ninja-tiles128.png', 128, 128, 34);
-
-}
-
-var sprite1;
-var sprite2;
-var tile;
-var cursors;
-
-
-function create() {
-
- game.physics.startSystem(Phaser.Physics.NINJA);
-
- sprite1 = game.add.sprite(100, 450, 'block');
- sprite1.name = 'blockA';
-
- sprite2 = game.add.sprite(600, 450, 'block');
- sprite2.name = 'blockB';
- sprite2.tint = Math.random() * 0xffffff;
-
- game.physics.ninja.enableAABB([sprite1, sprite2]);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-
-function update() {
-
- game.physics.ninja.collide(sprite1, sprite2);
-
-
- if (cursors.left.isDown)
- {
- sprite1.body.moveLeft(20);
- }
- else if (cursors.right.isDown)
- {
- sprite1.body.moveRight(20);
- }
-
- if (cursors.up.isDown)
- {
- sprite1.body.moveUp(30);
- }
-
-}
-
-function render() {
-
- game.debug.text('left: ' + sprite1.body.touching.left, 32, 32);
- game.debug.text('right: ' + sprite1.body.touching.right, 256, 32);
- game.debug.text('up: ' + sprite1.body.touching.up, 32, 64);
- game.debug.text('down: ' + sprite1.body.touching.down, 256, 64);
-
-}
diff --git a/examples/ninja physics/ninja aabb vs tile.js b/examples/ninja physics/ninja aabb vs tile.js
deleted file mode 100644
index 5dda2faf0..000000000
--- a/examples/ninja physics/ninja aabb vs tile.js
+++ /dev/null
@@ -1,68 +0,0 @@
-
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('block', 'assets/sprites/block.png');
- game.load.spritesheet('ninja-tiles', 'assets/physics/ninja-tiles128.png', 128, 128, 34);
-
-}
-
-var sprite1;
-var sprite2;
-var tile;
-var cursors;
-
-function create() {
-
- // Here we tell the physics manager we system we want to use
- game.physics.startSystem(Phaser.Physics.NINJA);
-
-
-
- sprite1 = game.add.sprite(600, 100, 'block');
- sprite1.name = 'blockA';
-
- // Enable ninja on the sprite and creates an AABB around it
- game.physics.ninja.enableAABB(sprite1);
-
- //
- tile = game.add.sprite(600, 480, 'ninja-tiles', 3);
- game.physics.ninja.enableTile(tile, tile.frame);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- game.physics.ninja.collide(sprite1, tile);
-
-
-
- if (cursors.left.isDown)
- {
- sprite1.body.moveLeft(20);
- }
- else if (cursors.right.isDown)
- {
- sprite1.body.moveRight(20);
- }
-
- if (cursors.up.isDown)
- {
-
- sprite1.body.moveUp(30);
- }
-
-}
-
-function render() {
-
- game.debug.text('left: ' + sprite1.body.touching.left, 32, 32);
- game.debug.text('right: ' + sprite1.body.touching.right, 256, 32);
- game.debug.text('up: ' + sprite1.body.touching.up, 32, 64);
- game.debug.text('down: ' + sprite1.body.touching.down, 256, 64);
-
-}
diff --git a/examples/ninja physics/ninja impact.js b/examples/ninja physics/ninja impact.js
deleted file mode 100644
index d2ea4b68f..000000000
--- a/examples/ninja physics/ninja impact.js
+++ /dev/null
@@ -1,73 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update});
-
-function preload() {
-
- game.load.spritesheet('ninja-tiles', 'assets/physics/ninja-tiles128.png', 128, 128, 34);
- game.load.image('a', 'assets/sprites/firstaid.png');
-
-}
-
-var sprite1;
-var cursors;
-
-var tile1;
-var tile2;
-
-
-
-function create() {
-
- game.stage.smoothed = true;
-
- // Activate the Ninja physics system
- game.physics.startSystem(Phaser.Physics.NINJA);
-
- // game.physics.ninja.gravity = 0.1;
-
- sprite1 = game.add.sprite(500, 200, 'a');
-
- // Enable the physics body for the Ninja physics system
- // By default it will create an AABB body for the sprite
- game.physics.ninja.enableAABB(sprite1);
-
- // But you can change it to either a Tile or a Circle
- tile1 = game.add.sprite(0, 500, 'ninja-tiles', 14);
- tile1.width = 100;
- tile1.height = 100;
-
- game.physics.ninja.enableTile(tile1, tile1.frame);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function collisionHandler() {
- game.stage.backgroundColor = 0xff0000;
-}
-
-function update() {
-
- game.physics.ninja.collide(sprite1, tile1, collisionHandler, null, this);
-
- tile1.body.moveRight(1);
-
- if (cursors.left.isDown)
- {
- sprite1.body.moveLeft(20);
- }
- else if (cursors.right.isDown)
- {
- sprite1.body.moveRight(20);
- }
-
- if (cursors.up.isDown)
- {
- sprite1.body.moveUp(20);
- }
- else if (cursors.down.isDown)
- {
- sprite1.body.moveUp(20);
- }
-
-}
diff --git a/examples/ninja physics/ninja tilemap.js b/examples/ninja physics/ninja tilemap.js
deleted file mode 100644
index fd2092078..000000000
--- a/examples/ninja physics/ninja tilemap.js
+++ /dev/null
@@ -1,79 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update});
-
-
-function preload() {
-
- game.load.tilemap('map', 'assets/tilemaps/maps/ninja-tilemap.json', null, Phaser.Tilemap.TILED_JSON);
- game.load.image('ball', 'assets/sprites/shinyball.png');
- game.load.image('sky', 'assets/skies/sky2.png');
- game.load.image('kenney', 'assets/tilemaps/tiles/kenney.png');
-
-}
-
-var sprite1;
-var cursors;
-var map;
-var layer;
-var tiles;
-
-function create() {
-
- var sky = game.add.image(0, 0, 'sky');
- sky.fixedToCamera = true;
-
- // Activate the Ninja physics system
- game.physics.startSystem(Phaser.Physics.NINJA);
-
- map = game.add.tilemap('map');
-
- map.addTilesetImage('kenney');
-
- layer = map.createLayer('Tile Layer 1');
-
- layer.resizeWorld();
-
- var slopeMap = { '32': 1, '77': 1, '95': 2, '36': 3, '137': 3, '140': 2 };
-
- tiles = game.physics.ninja.convertTilemap(map, layer, slopeMap);
-
- sprite1 = game.add.sprite(50, 50, 'ball');
-
- game.physics.ninja.enableCircle(sprite1, sprite1.width / 2);
-
- // A little more bounce
- sprite1.body.bounce = 0.5;
-
- game.camera.follow(sprite1);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- for (var i = 0; i < tiles.length; i++)
- {
- sprite1.body.circle.collideCircleVsTile(tiles[i].tile);
-
- }
-
- if (cursors.left.isDown)
- {
- sprite1.body.moveLeft(20);
- }
- else if (cursors.right.isDown)
- {
- sprite1.body.moveRight(20);
- }
-
- if (cursors.up.isDown)
- {
- sprite1.body.moveUp(20);
- }
- else if (cursors.down.isDown)
- {
- sprite1.body.moveUp(20);
- }
-
-}
diff --git a/examples/p2 physics/basic movement.js b/examples/p2 physics/basic movement.js
deleted file mode 100644
index 8b6ee8662..000000000
--- a/examples/p2 physics/basic movement.js
+++ /dev/null
@@ -1,62 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('atari', 'assets/sprites/atari130xe.png');
- game.load.image('sky', 'assets/skies/sunset.png');
-
-}
-
-var sprite;
-var cursors;
-
-function create() {
-
- game.add.image(0, 0, 'sky');
-
- // Enable p2 physics
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- // Make things a bit more bouncey
- game.physics.p2.defaultRestitution = 0.8;
-
- // Add a sprite
- sprite = game.add.sprite(200, 200, 'atari');
-
- // Enable if for physics. This creates a default rectangular body.
- game.physics.p2.enable(sprite);
-
- // Modify a few body properties
- sprite.body.setZeroDamping();
- sprite.body.fixedRotation = true;
-
- text = game.add.text(20, 20, 'move with arrow keys', { fill: '#ffffff' });
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- sprite.body.setZeroVelocity();
-
- if (cursors.left.isDown)
- {
- sprite.body.moveLeft(400);
- }
- else if (cursors.right.isDown)
- {
- sprite.body.moveRight(400);
- }
-
- if (cursors.up.isDown)
- {
- sprite.body.moveUp(400);
- }
- else if (cursors.down.isDown)
- {
- sprite.body.moveDown(400);
- }
-
-}
diff --git a/examples/p2 physics/body click.js b/examples/p2 physics/body click.js
deleted file mode 100644
index 7c57dd04b..000000000
--- a/examples/p2 physics/body click.js
+++ /dev/null
@@ -1,92 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('contra2', 'assets/pics/contra2.png');
- game.load.image('bunny', 'assets/sprites/bunny.png');
- game.load.image('block', 'assets/sprites/block.png');
- game.load.image('wizball', 'assets/sprites/wizball.png');
-
- game.load.physics('physicsData', 'assets/physics/sprites.json');
-
-}
-
-var contra;
-var bunny;
-var block;
-var wizball;
-
-var result = 'Click a body';
-
-function create() {
-
- // Enable p2 physics
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- contra = game.add.sprite(100, 200, 'contra2');
- bunny = game.add.sprite(550, 200, 'bunny');
- block = game.add.sprite(300, 400, 'block');
- wizball = game.add.sprite(500, 500, 'wizball');
-
- // Enable the physics bodies on all the sprites and turn on the visual debugger
- game.physics.p2.enable([ contra, bunny, block, wizball ], true);
-
- // Convex polys
- contra.body.clearShapes();
- contra.body.loadPolygon('physicsData', 'contra2');
-
- bunny.body.clearShapes();
- bunny.body.loadPolygon('physicsData', 'bunny');
-
- // Circle
- wizball.body.setCircle(45);
-
- game.input.onDown.add(click, this);
-
-}
-
-function click(pointer) {
-
- // You can hitTest against an array of Sprites, an array of Phaser.Physics.P2.Body objects, or don't give anything
- // in which case it will check every Body in the whole world.
-
- var bodies = game.physics.p2.hitTest(pointer.position, [ contra, bunny, block, wizball ]);
-
- if (bodies.length === 0)
- {
- result = "You didn't click a Body";
- }
- else
- {
- result = "You clicked: ";
-
- for (var i = 0; i < bodies.length; i++)
- {
- // The bodies that come back are p2.Body objects.
- // The parent property is a Phaser.Physics.P2.Body which has a property called 'sprite'
- // This relates to the sprites we created earlier.
- // The 'key' property is just the texture name, which works well for this demo but you probably need something more robust for an actual game.
- result = result + bodies[i].parent.sprite.key;
-
- if (i < bodies.length - 1)
- {
- result = result + ', ';
- }
- }
-
- }
-
-}
-
-function update() {
-
- bunny.body.rotateLeft(2);
-
-}
-
-function render() {
-
- game.debug.text(result, 32, 32);
-
-}
diff --git a/examples/p2 physics/collision groups.js b/examples/p2 physics/collision groups.js
deleted file mode 100644
index 44cc9d263..000000000
--- a/examples/p2 physics/collision groups.js
+++ /dev/null
@@ -1,124 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('stars', 'assets/misc/starfield.jpg');
- game.load.spritesheet('ship', 'assets/sprites/humstar.png', 32, 32);
- game.load.image('panda', 'assets/sprites/spinObj_01.png');
- game.load.image('sweet', 'assets/sprites/spinObj_06.png');
-
-}
-
-var ship;
-var starfield;
-var cursors;
-
-function create() {
-
- // Enable P2
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- // Turn on impact events for the world, without this we get no collision callbacks
- game.physics.p2.setImpactEvents(true);
-
- // Create our collision groups. One for the player, one for the pandas
- var playerCollisionGroup = game.physics.p2.createCollisionGroup();
- var pandaCollisionGroup = game.physics.p2.createCollisionGroup();
-
- // This part is vital if you want the objects with their own collision groups to still collide with the world bounds
- // (which we do) - what this does is adjust the bounds to use its own collision group.
- game.physics.p2.updateBoundsCollisionGroup();
-
- starfield = game.add.tileSprite(0, 0, 800, 600, 'stars');
- starfield.fixedToCamera = true;
-
- var pandas = game.add.group();
- pandas.enableBody = true;
- pandas.physicsBodyType = Phaser.Physics.P2JS;
-
- for (var i = 0; i < 4; i++)
- {
- var panda = pandas.create(game.world.randomX, game.world.randomY, 'panda');
- panda.body.setRectangle(40, 40);
-
- // Tell the panda to use the pandaCollisionGroup
- panda.body.setCollisionGroup(pandaCollisionGroup);
-
- // Pandas will collide against themselves and the player
- // If you don't set this they'll not collide with anything.
- // The first parameter is either an array or a single collision group.
- panda.body.collides([pandaCollisionGroup, playerCollisionGroup]);
- }
-
- // Create our ship sprite
- ship = game.add.sprite(200, 200, 'ship');
- ship.scale.set(2);
- ship.smoothed = false;
- ship.animations.add('fly', [0,1,2,3,4,5], 10, true);
- ship.play('fly');
-
- game.physics.p2.enable(ship, false);
- ship.body.setCircle(28);
-
- // Set the ships collision group
- ship.body.setCollisionGroup(playerCollisionGroup);
-
- // The ship will collide with the pandas, and when it strikes one the hitPanda callback will fire, causing it to alpha out a bit
- // When pandas collide with each other, nothing happens to them.
- ship.body.collides(pandaCollisionGroup, hitPanda, this);
-
- game.camera.follow(ship);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function hitPanda(body1, body2) {
-
- // body1 is the space ship (as it's the body that owns the callback)
- // body2 is the body it impacted with, in this case our panda
- // As body2 is a Phaser.Physics.P2.Body object, you access its own (the sprite) via the sprite property:
- body2.sprite.alpha -= 0.1;
-
-}
-
-function update() {
-
- ship.body.setZeroVelocity();
-
- if (cursors.left.isDown)
- {
- ship.body.moveLeft(200);
- }
- else if (cursors.right.isDown)
- {
- ship.body.moveRight(200);
- }
-
- if (cursors.up.isDown)
- {
- ship.body.moveUp(200);
- }
- else if (cursors.down.isDown)
- {
- ship.body.moveDown(200);
- }
-
- if (!game.camera.atLimit.x)
- {
- starfield.tilePosition.x += (ship.body.velocity.x * 16) * game.time.physicsElapsed;
- }
-
- if (!game.camera.atLimit.y)
- {
- starfield.tilePosition.y += (ship.body.velocity.y * 16) * game.time.physicsElapsed;
- }
-
-}
-
-function render() {
-
- game.debug.text('Collide with the Pandas!', 32, 32);
-
-}
\ No newline at end of file
diff --git a/examples/p2 physics/contact events.js b/examples/p2 physics/contact events.js
deleted file mode 100644
index 51d866969..000000000
--- a/examples/p2 physics/contact events.js
+++ /dev/null
@@ -1,105 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('contra2', 'assets/pics/contra2.png');
- game.load.image('block', 'assets/sprites/block.png');
- game.load.image('wizball', 'assets/sprites/wizball.png');
- game.load.image('tetrisblock1', 'assets/sprites/tetrisblock1.png');
- game.load.image('tetrisblock2', 'assets/sprites/tetrisblock2.png');
- game.load.image('tetrisblock3', 'assets/sprites/tetrisblock3.png');
-
- game.load.physics('physicsData', 'assets/physics/sprites.json');
-
-}
-
-var contra;
-var block;
-var wizball;
-var tetris1;
-var tetris2;
-var tetris3;
-
-var cursors;
-
-var result = 'Move with the cursors';
-
-function create() {
-
- // Enable p2 physics
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- contra = game.add.sprite(200, 200, 'contra2');
- block = game.add.sprite(500, 200, 'block');
- wizball = game.add.sprite(500, 500, 'wizball');
- tetris1 = game.add.sprite(100, 450, 'tetrisblock1');
- tetris2 = game.add.sprite(300, 450, 'tetrisblock2');
- tetris3 = game.add.sprite(650, 350, 'tetrisblock3');
-
- // Enable the physics bodies on all the sprites
- game.physics.p2.enable([ contra, block, wizball, tetris1, tetris2, tetris3 ], false);
-
- // The following just loads the polygon data into the objects
- contra.body.clearShapes();
- contra.body.loadPolygon('physicsData', 'contra2');
-
- wizball.body.setCircle(45);
-
- tetris1.body.clearShapes();
- tetris1.body.loadPolygon('physicsData', 'tetrisblock1');
-
- tetris2.body.clearShapes();
- tetris2.body.loadPolygon('physicsData', 'tetrisblock2');
-
- tetris3.body.clearShapes();
- tetris3.body.loadPolygon('physicsData', 'tetrisblock3');
-
- cursors = game.input.keyboard.createCursorKeys();
-
- // Check for the block hitting another object
- block.body.onBeginContact.add(blockHit, this);
-
-}
-
-function blockHit (body, shapeA, shapeB, equation) {
-
- // The block hit something
- // This callback is sent: the Body it collides with
- // shapeA is the shape in the calling Body involved in the collision
- // shapeB is the shape in the Body it hit
- // equation is an array with the contact equation data in it
-
- result = 'You last hit: ' + body.sprite.key;
-
-}
-
-function update() {
-
- block.body.setZeroVelocity();
-
- if (cursors.left.isDown)
- {
- block.body.moveLeft(200);
- }
- else if (cursors.right.isDown)
- {
- block.body.moveRight(200);
- }
-
- if (cursors.up.isDown)
- {
- block.body.moveUp(200);
- }
- else if (cursors.down.isDown)
- {
- block.body.moveDown(200);
- }
-
-}
-
-function render() {
-
- game.debug.text(result, 32, 32);
-
-}
diff --git a/examples/p2 physics/distance constraint.js b/examples/p2 physics/distance constraint.js
deleted file mode 100644
index 8cb0f9fd7..000000000
--- a/examples/p2 physics/distance constraint.js
+++ /dev/null
@@ -1,60 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('atari', 'assets/sprites/cokecan.png');
- game.load.image('ball', 'assets/sprites/red_ball.png');
- game.load.image('sky', 'assets/skies/cavern2.png');
-
-}
-
-var sprite1;
-var sprite2;
-var cursors;
-
-function create() {
-
- game.add.image(0, 0, 'sky');
-
- // Enable p2 physics
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- // Add 2 sprites which we'll join with a spring
- sprite1 = game.add.sprite(400, 300, 'ball');
- sprite2 = game.add.sprite(400, 400, 'atari');
-
- game.physics.p2.enable([sprite1, sprite2]);
-
- var constraint = game.physics.p2.createDistanceConstraint(sprite1, sprite2, 150);
-
- text = game.add.text(20, 20, 'move with arrow keys', { fill: '#ffffff' });
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- sprite1.body.setZeroVelocity();
-
- if (cursors.left.isDown)
- {
- sprite1.body.moveLeft(400);
- }
- else if (cursors.right.isDown)
- {
- sprite1.body.moveRight(400);
- }
-
- if (cursors.up.isDown)
- {
- sprite1.body.moveUp(400);
- }
- else if (cursors.down.isDown)
- {
- sprite1.body.moveDown(400);
- }
-
-}
-
diff --git a/examples/p2 physics/gear constraint.js b/examples/p2 physics/gear constraint.js
deleted file mode 100644
index 1b1e6ca98..000000000
--- a/examples/p2 physics/gear constraint.js
+++ /dev/null
@@ -1,53 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('sonic', 'assets/sprites/sonic_havok_sanity.png');
- game.load.image('ball', 'assets/sprites/arrow.png');
- game.load.image('sky', 'assets/skies/cavern2.png');
-
-}
-
-var sprite;
-var cursors;
-
-function create() {
-
- game.add.image(0, 0, 'sky');
-
- // Enable p2 physics
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- // Add 2 sprites which we'll join with a constraint
- sprite = game.add.sprite(400, 200, 'ball');
-
- var sonic1 = game.add.sprite(200, 400, 'sonic');
- var sonic2 = game.add.sprite(600, 400, 'sonic');
-
- game.physics.p2.enable([sprite, sonic1, sonic2]);
-
- // This constraint will make sure that as sprite rotates, sonic1 matches that rotation
- var constraint1 = game.physics.p2.createGearConstraint(sprite, sonic1, 0, 1);
-
- // This constraint will make sure that as sprite rotates, sonic2 matches that rotation at half the ratio
- var constraint2 = game.physics.p2.createGearConstraint(sprite, sonic2, 0, 0.5);
-
- text = game.add.text(20, 20, 'rotate with arrow keys', { fill: '#ffffff' });
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- if (cursors.left.isDown)
- {
- sprite.body.rotateLeft(50);
- }
- else if (cursors.right.isDown)
- {
- sprite.body.rotateRight(50);
- }
-
-}
diff --git a/examples/p2 physics/gravity.js b/examples/p2 physics/gravity.js
deleted file mode 100644
index 0e6fb8127..000000000
--- a/examples/p2 physics/gravity.js
+++ /dev/null
@@ -1,63 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('arrow', 'assets/sprites/xenon2_ship.png');
-
-}
-
-var sprite;
-var bmd;
-
-function create() {
-
- // Enable p2 physics
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- game.stage.backgroundColor = '#124184';
-
- bmd = game.add.bitmapData(800, 600);
- bmd.context.fillStyle = '#ffffff';
-
- var bg = game.add.sprite(0, 0, bmd);
-
- game.physics.p2.gravity.y = 100;
- game.physics.p2.defaultRestitution = 0.8;
-
- sprite = game.add.sprite(32, 450, 'arrow');
-
- game.physics.p2.enable(sprite);
-
- sprite.body.fixedRotation = true;
-
- text = game.add.text(20, 20, 'click to the left / right of the ship', { fill: '#ffffff', font: '14pt Arial' });
-
- game.input.onDown.add(launch, this);
-
-}
-
-function launch() {
-
- if (game.input.x < sprite.x)
- {
- sprite.body.velocity.x = -200;
- sprite.body.velocity.y = -200;
- }
- else
- {
- sprite.body.velocity.x = 200;
- sprite.body.velocity.y = -200;
- }
-
-}
-
-function update() {
-
- bmd.context.fillStyle = '#ffff00';
- bmd.context.fillRect(sprite.x, sprite.y, 2, 2);
-
-}
-
-function render() {
-}
diff --git a/examples/p2 physics/impact events.js b/examples/p2 physics/impact events.js
deleted file mode 100644
index fe46e7fa1..000000000
--- a/examples/p2 physics/impact events.js
+++ /dev/null
@@ -1,102 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('stars', 'assets/misc/starfield.jpg');
- game.load.spritesheet('ship', 'assets/sprites/humstar.png', 32, 32);
- game.load.image('panda', 'assets/sprites/spinObj_01.png');
- game.load.image('sweet', 'assets/sprites/spinObj_06.png');
-
-}
-
-var ship;
-var starfield;
-var cursors;
-
-function create() {
-
- game.physics.startSystem(Phaser.Physics.P2JS);
- game.physics.p2.defaultRestitution = 0.9;
-
- starfield = game.add.tileSprite(0, 0, 800, 600, 'stars');
- starfield.fixedToCamera = true;
-
- var panda = game.add.sprite(game.world.randomX, game.world.randomY, 'panda');
- game.physics.p2.enable(panda, false);
- panda.body.setRectangle(40, 40, 0, 0);
-
- var sweet = game.add.sprite(game.world.randomX, game.world.randomY, 'sweet');
- game.physics.p2.enable(sweet, false);
- sweet.body.setRectangle(40, 40, 0, 0);
-
- ship = game.add.sprite(200, 200, 'ship');
- ship.scale.set(2);
- ship.smoothed = false;
- ship.animations.add('fly', [0,1,2,3,4,5], 10, true);
- ship.play('fly');
-
- // Create our physics body - a 28px radius circle. Set the 'false' parameter below to 'true' to enable debugging
- game.physics.p2.enable(ship, false);
- ship.body.setCircle(28);
-
- game.camera.follow(ship);
-
- // Here we create a Body specific callback
- ship.body.createBodyCallback(panda, hitPanda, this);
-
- // And before this will happen, we need to turn on impact events for the world
- game.physics.p2.setImpactEvents(true);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function hitPanda(body1, body2) {
-
- // body1 is the space ship (as it's the body that owns the callback)
- // body2 is the body it impacted with, in this case our panda
- // As body2 is a Phaser.Physics.P2.Body object, you access its own (the sprite) via the sprite property:
- body2.sprite.alpha -= 0.1;
-
-}
-
-function update() {
-
- ship.body.setZeroVelocity();
-
- if (cursors.left.isDown)
- {
- ship.body.moveLeft(200);
- }
- else if (cursors.right.isDown)
- {
- ship.body.moveRight(200);
- }
-
- if (cursors.up.isDown)
- {
- ship.body.moveUp(200);
- }
- else if (cursors.down.isDown)
- {
- ship.body.moveDown(200);
- }
-
- if (!game.camera.atLimit.x)
- {
- starfield.tilePosition.x += (ship.body.velocity.x * 16) * game.time.physicsElapsed;
- }
-
- if (!game.camera.atLimit.y)
- {
- starfield.tilePosition.y += (ship.body.velocity.y * 16) * game.time.physicsElapsed;
- }
-
-}
-
-function render() {
-
- game.debug.text('Collide with the Panda!', 32, 32);
-
-}
\ No newline at end of file
diff --git a/examples/p2 physics/kill and revive.js b/examples/p2 physics/kill and revive.js
deleted file mode 100644
index f2e34b5d7..000000000
--- a/examples/p2 physics/kill and revive.js
+++ /dev/null
@@ -1,77 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('atari', 'assets/sprites/atari130xe.png');
- game.load.image('sky', 'assets/skies/sunset.png');
-
-}
-
-var sprite;
-var cursors;
-
-function create() {
-
- game.add.image(0, 0, 'sky');
-
- // Enable p2 physics
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- // Make things a bit more bouncey
- game.physics.p2.defaultRestitution = 0.8;
-
- // Add a sprite
- sprite = game.add.sprite(200, 200, 'atari');
-
- // Enable if for physics. This creates a default rectangular body.
- game.physics.p2.enable(sprite);
-
- // Modify a few body properties
- sprite.body.setZeroDamping();
- sprite.body.fixedRotation = true;
-
- text = game.add.text(20, 20, 'move with arrow keys, click to kill and reset', { fill: '#ffffff' });
-
- game.input.onDown.add(deathToggle, this);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function deathToggle(pointer) {
-
- if (sprite.alive)
- {
- sprite.kill();
- }
- else
- {
- sprite.reset(pointer.x, pointer.y);
- }
-
-}
-
-function update() {
-
- sprite.body.setZeroVelocity();
-
- if (cursors.left.isDown)
- {
- sprite.body.moveLeft(400);
- }
- else if (cursors.right.isDown)
- {
- sprite.body.moveRight(400);
- }
-
- if (cursors.up.isDown)
- {
- sprite.body.moveUp(400);
- }
- else if (cursors.down.isDown)
- {
- sprite.body.moveDown(400);
- }
-
-}
diff --git a/examples/p2 physics/load polygon 1.js b/examples/p2 physics/load polygon 1.js
deleted file mode 100644
index 4f88a5023..000000000
--- a/examples/p2 physics/load polygon 1.js
+++ /dev/null
@@ -1,46 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('contra2', 'assets/pics/contra2.png');
-
- // Load our physics data exported from PhysicsEditor
- game.load.physics('physicsData', 'assets/physics/sprites.json');
-
-}
-
-var contra;
-var start = false;
-
-function create() {
-
- // Enable p2 physics
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- contra = game.add.sprite(400, 300, 'contra2');
-
- // Enable the physics body on this sprite and turn on the visual debugger
- game.physics.p2.enable(contra, true);
-
- // Clear the shapes and load the 'contra2' polygon from the physicsData JSON file in the cache
- contra.body.clearShapes();
- contra.body.loadPolygon('physicsData', 'contra2');
-
- // Just starts it rotating
- game.input.onDown.add(function() { start = true; }, this);
-
-}
-
-function update() {
-
- if (start)
- {
- contra.body.rotateLeft(5);
- }
-
-}
-
-function render() {
-
-}
diff --git a/examples/p2 physics/load polygon 2.js b/examples/p2 physics/load polygon 2.js
deleted file mode 100644
index 90f2b48b9..000000000
--- a/examples/p2 physics/load polygon 2.js
+++ /dev/null
@@ -1,89 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('contra2', 'assets/pics/contra2.png');
- game.load.image('bunny', 'assets/sprites/bunny.png');
- game.load.image('tetrisblock1', 'assets/sprites/tetrisblock1.png');
- game.load.image('tetrisblock2', 'assets/sprites/tetrisblock2.png');
- game.load.image('tetrisblock3', 'assets/sprites/tetrisblock3.png');
-
- // Load our physics data exported from PhysicsEditor
- game.load.physics('physicsData', 'assets/physics/sprites.json');
-
-}
-
-var contra;
-var bunny;
-var tetris1;
-var tetris2;
-var tetris3;
-
-var start = false;
-
-function create() {
-
- // Enable p2 physics
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- // Make things a bit more bouncey
- game.physics.p2.defaultRestitution = 0.8;
-
- contra = game.add.sprite(100, 200, 'contra2');
- bunny = game.add.sprite(500, 250, 'bunny');
- tetris1 = game.add.sprite(100, 400, 'tetrisblock1');
- tetris2 = game.add.sprite(300, 450, 'tetrisblock2');
- tetris3 = game.add.sprite(600, 450, 'tetrisblock3');
-
- // Enable the physics bodies on all the sprites and turn on the visual debugger
- game.physics.p2.enable([ contra, bunny, tetris1, tetris2, tetris3 ], true);
-
- // Clear the shapes and load the 'contra2' polygon from the physicsData JSON file in the cache
- contra.body.clearShapes();
- contra.body.loadPolygon('physicsData', 'contra2');
-
- bunny.body.clearShapes();
- bunny.body.loadPolygon('physicsData', 'bunny');
-
- tetris1.body.clearShapes();
- tetris1.body.loadPolygon('physicsData', 'tetrisblock1');
-
- tetris2.body.clearShapes();
- tetris2.body.loadPolygon('physicsData', 'tetrisblock2');
-
- tetris3.body.clearShapes();
- tetris3.body.loadPolygon('physicsData', 'tetrisblock3');
-
- // Just starts it rotating
- game.input.onDown.add(boom, this);
-
-}
-
-function boom() {
-
- if (game.input.activePointer.x > tetris1.x)
- {
- tetris1.body.rotateLeft(200);
- }
- else
- {
- tetris1.body.rotateRight(200);
- }
-
- if (game.input.activePointer.y < tetris1.y)
- {
- tetris1.body.moveForward(400);
- }
- else
- {
- tetris1.body.moveBackward(400);
- }
-
-}
-
-function update() {
-}
-
-function render() {
-}
diff --git a/examples/p2 physics/lock constraint.js b/examples/p2 physics/lock constraint.js
deleted file mode 100644
index 5d251477f..000000000
--- a/examples/p2 physics/lock constraint.js
+++ /dev/null
@@ -1,59 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('vu', 'assets/sprites/vu.png');
- game.load.image('ball', 'assets/sprites/arrow.png');
- game.load.image('sky', 'assets/skies/cavern2.png');
-
-}
-
-var sprite;
-var cursors;
-
-function create() {
-
- game.add.image(0, 0, 'sky');
-
- // Enable p2 physics
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- // Add 2 sprites which we'll join with a constraint
- sprite = game.add.sprite(400, 200, 'ball');
-
- var vu1 = game.add.sprite(400, 300, 'vu');
-
- game.physics.p2.enable([sprite, vu1]);
-
- // Lock the two bodies together. The [0, 50] sets the distance apart (y: 80)
- var constraint = game.physics.p2.createLockConstraint(sprite, vu1, [0, 80], 0);
-
- text = game.add.text(20, 20, 'move with arrow keys', { fill: '#ffffff' });
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- if (cursors.left.isDown)
- {
- sprite.body.moveLeft(100);
- }
- else if (cursors.right.isDown)
- {
- sprite.body.moveRight(100);
- }
-
- if (cursors.up.isDown)
- {
- sprite.body.moveUp(100);
- }
- else if (cursors.down.isDown)
- {
- sprite.body.moveDown(100);
- }
-
-
-}
diff --git a/examples/p2 physics/postbroadphase callback.js b/examples/p2 physics/postbroadphase callback.js
deleted file mode 100644
index 6433ab45e..000000000
--- a/examples/p2 physics/postbroadphase callback.js
+++ /dev/null
@@ -1,117 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('stars', 'assets/misc/starfield.jpg');
- game.load.spritesheet('ship', 'assets/sprites/humstar.png', 32, 32);
- game.load.spritesheet('veggies', 'assets/sprites/fruitnveg64wh37.png', 64, 64);
-
-}
-
-var ship;
-var starfield;
-var cursors;
-
-function create() {
-
- game.world.setBounds(0, 0, 1600, 1200);
-
- game.physics.startSystem(Phaser.Physics.P2JS);
- game.physics.p2.defaultRestitution = 0.9;
-
- starfield = game.add.tileSprite(0, 0, 800, 600, 'stars');
- starfield.fixedToCamera = true;
-
- veggies = game.add.group();
- veggies.enableBody = true;
- veggies.physicsBodyType = Phaser.Physics.P2JS;
-
- var vegFrames = [ 1, 3, 4, 8 ];
-
- for (var i = 0; i < 25; i++)
- {
- var veg = veggies.create(game.world.randomX, game.world.randomY, 'veggies', game.rnd.pick(vegFrames));
- veg.body.setCircle(26);
- }
-
- ship = game.add.sprite(200, 200, 'ship');
- ship.name = 'ship';
- ship.scale.set(2);
- ship.smoothed = false;
- ship.animations.add('fly', [0,1,2,3,4,5], 10, true);
- ship.play('fly');
-
- // Create our physics body - a 28px radius circle. Set the 'false' parameter below to 'true' to enable debugging
- game.physics.p2.enable(ship, false);
- ship.body.setCircle(28);
-
- game.camera.follow(ship);
-
- game.physics.p2.setPostBroadphaseCallback(checkVeg, this);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function checkVeg(body1, body2) {
-
- // To explain - the post broadphase event has collected together all potential collision pairs in the world
- // It doesn't mean they WILL collide, just that they might do.
-
- // This callback is sent each collision pair of bodies. It's up to you how you compare them.
- // If you return true then the pair will carry on into the narrow phase, potentially colliding.
- // If you return false they will be removed from the narrow phase check all together.
-
- // In this simple example if one of the bodies is our space ship,
- // and the other body is the green pepper sprite (frame ID 4) then we DON'T allow the collision to happen.
- // Usually you would use a collision mask for something this simple, but it demonstates use.
-
- if ((body1.sprite.name === 'ship' && body2.sprite.frame === 4) || (body2.sprite.name === 'ship' && body1.sprite.frame === 4))
- {
- return false;
- }
-
- return true;
-
-}
-
-function update() {
-
- ship.body.setZeroVelocity();
-
- if (cursors.left.isDown)
- {
- ship.body.moveLeft(200);
- }
- else if (cursors.right.isDown)
- {
- ship.body.moveRight(200);
- }
-
- if (cursors.up.isDown)
- {
- ship.body.moveUp(200);
- }
- else if (cursors.down.isDown)
- {
- ship.body.moveDown(200);
- }
-
- if (!game.camera.atLimit.x)
- {
- starfield.tilePosition.x += (ship.body.velocity.x * 16) * game.time.physicsElapsed;
- }
-
- if (!game.camera.atLimit.y)
- {
- starfield.tilePosition.y += (ship.body.velocity.y * 16) * game.time.physicsElapsed;
- }
-
-}
-
-function render() {
-
- game.debug.text('World bodies: ' + game.physics.p2.total, 32, 32);
-
-}
\ No newline at end of file
diff --git a/examples/p2 physics/prismatic constraint.js b/examples/p2 physics/prismatic constraint.js
deleted file mode 100644
index d7ab851e4..000000000
--- a/examples/p2 physics/prismatic constraint.js
+++ /dev/null
@@ -1,73 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('atari', 'assets/sprites/atari800xl.png');
- game.load.image('lift', 'assets/sprites/flectrum.png');
- game.load.image('sky', 'assets/skies/cavern2.png');
-
-}
-
-var sprite;
-var vu1;
-var cursors;
-
-function create() {
-
- game.add.image(0, 0, 'sky');
-
- // Enable p2 physics
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- // Add 2 sprites which we'll join with a constraint
- sprite = game.add.sprite(200, 400, 'atari');
-
- vu1 = game.add.sprite(400, 400, 'lift');
-
- game.physics.p2.enable([sprite, vu1]);
-
- sprite.body.fixedRotation = true;
- vu1.body.fixedRotation = true;
-
- var constraint = game.physics.p2.createPrismaticConstraint(sprite, vu1, false, [150, 0], [-15, 0], [0, 1]);
-
- // You can also set limits:
- /*
- constraint.upperLimitEnabled = true;
- constraint.upperLimit = game.physics.p2.pxm(0.5);
- constraint.lowerLimitEnabled = true;
- constraint.lowerLimit = game.physics.p2.pxm(-0.5);
- */
-
- text = game.add.text(20, 20, 'move with arrow keys', { fill: '#ffffff' });
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- sprite.body.setZeroVelocity();
- vu1.body.setZeroVelocity();
-
- if (cursors.left.isDown)
- {
- sprite.body.moveLeft(200);
- }
- else if (cursors.right.isDown)
- {
- sprite.body.moveRight(200);
- }
-
- if (cursors.up.isDown)
- {
- vu1.body.moveUp(200);
- }
- else if (cursors.down.isDown)
- {
- vu1.body.moveDown(200);
- }
-
-
-}
diff --git a/examples/p2 physics/revolute constraint.js b/examples/p2 physics/revolute constraint.js
deleted file mode 100644
index 31b57ed6d..000000000
--- a/examples/p2 physics/revolute constraint.js
+++ /dev/null
@@ -1,52 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('vu', 'assets/sprites/vu.png');
- game.load.image('ball', 'assets/sprites/arrow.png');
- game.load.image('sky', 'assets/skies/cavern2.png');
-
-}
-
-var sprite;
-var cursors;
-
-function create() {
-
- game.add.image(0, 0, 'sky');
-
- // Enable p2 physics
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- // Add 2 sprites which we'll join with a constraint
- sprite = game.add.sprite(400, 300, 'ball');
-
- var vu1 = game.add.sprite(400, 300, 'vu');
-
- game.physics.p2.enable([sprite, vu1]);
-
- // So they don't collide with each other
- sprite.body.clearCollision(true, true);
- vu1.body.clearCollision(true, true);
-
- var constraint = game.physics.p2.createRevoluteConstraint(sprite, [ 50, 100 ], vu1, [ 0, 0 ]);
-
- text = game.add.text(20, 20, 'rotate with arrow keys', { fill: '#ffffff' });
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- if (cursors.left.isDown)
- {
- sprite.body.rotateLeft(50);
- }
- else if (cursors.right.isDown)
- {
- sprite.body.rotateRight(50);
- }
-
-}
diff --git a/examples/p2 physics/springs.js b/examples/p2 physics/springs.js
deleted file mode 100644
index ac4e5b1fa..000000000
--- a/examples/p2 physics/springs.js
+++ /dev/null
@@ -1,56 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('atari', 'assets/sprites/atari130xe.png');
- game.load.image('ball', 'assets/sprites/red_ball.png');
- game.load.image('sky', 'assets/skies/cavern2.png');
-
-}
-
-var sprite1;
-var sprite2;
-var cursors;
-
-function create() {
-
- game.add.image(0, 0, 'sky');
-
- // Enable p2 physics
- game.physics.startSystem(Phaser.Physics.P2JS);
-
- // Add 2 sprites which we'll join with a spring
- sprite1 = game.add.sprite(400, 300, 'ball');
- sprite2 = game.add.sprite(400, 400, 'atari');
-
- game.physics.p2.enable([sprite1, sprite2]);
-
- sprite2.body.collideWorldBounds = false;
-
- // Create our spring
- // The parameters are: createSpring(sprite1, sprite2, restLength, stiffness, damping, worldA, worldB, localA, localB)
- // See the docs for more details
- var spring = game.physics.p2.createSpring(sprite1, sprite2, 150, 5, 1);
-
- text = game.add.text(20, 20, 'move with arrow keys', { fill: '#ffffff' });
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- sprite1.body.setZeroVelocity();
-
- if (cursors.left.isDown)
- {
- sprite1.body.moveLeft(400);
- }
- else if (cursors.right.isDown)
- {
- sprite1.body.moveRight(400);
- }
-
-}
-
diff --git a/examples/p2 physics/thrust.js b/examples/p2 physics/thrust.js
deleted file mode 100644
index 648db44d8..000000000
--- a/examples/p2 physics/thrust.js
+++ /dev/null
@@ -1,73 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('stars', 'assets/misc/starfield.jpg');
- game.load.image('ship', 'assets/sprites/thrust_ship2.png');
-
-}
-
-var ship;
-var starfield;
-var cursors;
-
-function create() {
-
- game.world.setBounds(0, 0, 1920, 1200);
-
- game.physics.startSystem(Phaser.Physics.P2JS);
- game.physics.p2.defaultRestitution = 0.8;
-
- starfield = game.add.tileSprite(0, 0, 800, 600, 'stars');
- starfield.fixedToCamera = true;
-
- ship = game.add.sprite(200, 200, 'ship');
-
- game.physics.p2.enable(ship);
-
- game.camera.follow(ship);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- if (cursors.left.isDown)
- {
- ship.body.rotateLeft(100);
- }
- else if (cursors.right.isDown)
- {
- ship.body.rotateRight(100);
- }
- else
- {
- ship.body.setZeroRotation();
- }
-
- if (cursors.up.isDown)
- {
- ship.body.thrust(400);
- }
- else if (cursors.down.isDown)
- {
- ship.body.reverse(400);
- }
-
- if (!game.camera.atLimit.x)
- {
- starfield.tilePosition.x += (ship.body.velocity.x * 16) * game.time.physicsElapsed;
- }
-
- if (!game.camera.atLimit.y)
- {
- starfield.tilePosition.y += (ship.body.velocity.y * 16) * game.time.physicsElapsed;
- }
-
-}
-
-function render() {
-
-}
\ No newline at end of file
diff --git a/examples/p2 physics/world move.js b/examples/p2 physics/world move.js
deleted file mode 100644
index 6f458d45e..000000000
--- a/examples/p2 physics/world move.js
+++ /dev/null
@@ -1,88 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('stars', 'assets/misc/starfield.jpg');
- game.load.spritesheet('ship', 'assets/sprites/humstar.png', 32, 32);
- game.load.image('ball', 'assets/sprites/shinyball.png');
-
-}
-
-var ship;
-var starfield;
-var cursors;
-
-function create() {
-
- game.world.setBounds(0, 0, 1600, 1200);
-
- game.physics.startSystem(Phaser.Physics.P2JS);
- game.physics.p2.defaultRestitution = 0.9;
-
- starfield = game.add.tileSprite(0, 0, 800, 600, 'stars');
- starfield.fixedToCamera = true;
-
- balls = game.add.group();
- balls.enableBody = true;
- balls.physicsBodyType = Phaser.Physics.P2JS;
-
- for (var i = 0; i < 50; i++)
- {
- var ball = balls.create(game.world.randomX, game.world.randomY, 'ball');
- ball.body.setCircle(16);
- }
-
- ship = game.add.sprite(200, 200, 'ship');
- ship.scale.set(2);
- ship.smoothed = false;
- ship.animations.add('fly', [0,1,2,3,4,5], 10, true);
- ship.play('fly');
-
- // Create our physics body - a 28px radius circle. Set the 'false' parameter below to 'true' to enable debugging
- game.physics.p2.enable(ship, false);
- ship.body.setCircle(28);
-
- game.camera.follow(ship);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- ship.body.setZeroVelocity();
-
- if (cursors.left.isDown)
- {
- ship.body.moveLeft(200);
- }
- else if (cursors.right.isDown)
- {
- ship.body.moveRight(200);
- }
-
- if (cursors.up.isDown)
- {
- ship.body.moveUp(200);
- }
- else if (cursors.down.isDown)
- {
- ship.body.moveDown(200);
- }
-
- if (!game.camera.atLimit.x)
- {
- starfield.tilePosition.x += (ship.body.velocity.x * 16) * game.time.physicsElapsed;
- }
-
- if (!game.camera.atLimit.y)
- {
- starfield.tilePosition.y += (ship.body.velocity.y * 16) * game.time.physicsElapsed;
- }
-
-}
-
-function render() {
-
-}
\ No newline at end of file
diff --git a/examples/particles/click burst.js b/examples/particles/click burst.js
deleted file mode 100644
index e3a36dedc..000000000
--- a/examples/particles/click burst.js
+++ /dev/null
@@ -1,37 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-var emitter;
-
-function preload() {
-
- game.load.image('diamond', 'assets/sprites/diamond.png');
-
-}
-
-function create() {
-
- game.stage.backgroundColor = 0x337799;
-
- emitter = game.add.emitter(0, 0, 200);
-
- emitter.makeParticles('diamond');
- emitter.gravity = 200;
-
- game.input.onDown.add(particleBurst, this);
-
-}
-
-function particleBurst() {
-
- // Position the emitter where the mouse/touch event was
- emitter.x = game.input.x;
- emitter.y = game.input.y;
-
- // The first parameter sets the effect to "explode" which means all particles are emitted at once
- // The second gives each particle a 2000ms lifespan
- // The third is ignored when using burst/explode mode
- // The final parameter (10) is how many particles will be emitted in this single burst
- emitter.start(true, 2000, null, 10);
-
-}
diff --git a/examples/particles/collision.js b/examples/particles/collision.js
deleted file mode 100644
index 7d552a25c..000000000
--- a/examples/particles/collision.js
+++ /dev/null
@@ -1,35 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-var emitter;
-
-function preload() {
-
- game.load.image('sky', 'assets/skies/sky4.png');
- game.load.spritesheet('veggies', 'assets/sprites/fruitnveg32wh37.png', 32, 32);
-
-}
-
-function create() {
-
- game.add.image(0, 0, 'sky');
-
- emitter = game.add.emitter(game.world.centerX, game.world.centerY, 250);
-
- emitter.makeParticles('veggies', [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20], 200, true, true);
-
- emitter.minParticleSpeed.setTo(-200, -300);
- emitter.maxParticleSpeed.setTo(200, -400);
- emitter.gravity = 150;
- emitter.bounce.setTo(0.5, 0.5);
- emitter.angularDrag = 30;
-
- emitter.start(false, 8000, 400);
-
-}
-
-function update() {
-
- game.physics.arcade.collide(emitter);
-
-}
diff --git a/examples/particles/diamond burst.js b/examples/particles/diamond burst.js
deleted file mode 100644
index b0dc9882a..000000000
--- a/examples/particles/diamond burst.js
+++ /dev/null
@@ -1,22 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-var p;
-
-function preload() {
-
- game.load.image('diamond', 'assets/sprites/diamond.png');
-
-}
-
-function create() {
-
- game.stage.backgroundColor = '#337799';
-
- p = game.add.emitter(game.world.centerX, 200, 200);
-
- p.makeParticles('diamond');
-
- p.start(false, 5000, 20);
-
-}
diff --git a/examples/particles/no rotation.js b/examples/particles/no rotation.js
deleted file mode 100644
index b99368a65..000000000
--- a/examples/particles/no rotation.js
+++ /dev/null
@@ -1,25 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('alien', 'assets/sprites/space-baddie.png');
-
-}
-
-function create() {
-
- var emitter = game.add.emitter(game.world.centerX, game.world.centerY, 250);
-
- emitter.makeParticles('alien');
-
- emitter.minParticleSpeed.setTo(-300, -300);
- emitter.maxParticleSpeed.setTo(300, 300);
-
- // By setting the min and max rotation to zero, you disable rotation on the particles fully
- emitter.minRotation = 0;
- emitter.maxRotation = 0;
-
- emitter.start(false, 4000, 15);
-
-}
diff --git a/examples/particles/rain.js b/examples/particles/rain.js
deleted file mode 100644
index 8bbafe0fc..000000000
--- a/examples/particles/rain.js
+++ /dev/null
@@ -1,30 +0,0 @@
-// This example was created by Jens Anders Bakke
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('sky', 'assets/skies/underwater3.png');
- game.load.spritesheet('rain', 'assets/sprites/rain.png', 17, 17);
-
-}
-
-function create() {
-
- game.add.image(0, 0, 'sky');
-
- var emitter = game.add.emitter(game.world.centerX, 0, 400);
- emitter.width = game.world.width;
- // emitter.angle = 30; // uncomment to set an angle for the rain.
-
- emitter.makeParticles('rain');
- emitter.maxParticleScale = 0.5;
- emitter.minParticleScale = 0.1;
- emitter.setYSpeed(300, 500);
- emitter.setXSpeed(-5, 5);
- emitter.minRotation = 0;
- emitter.maxRotation = 0;
-
- emitter.start(false, 1600, 5, 0);
-
-}
diff --git a/examples/particles/random sprite.js b/examples/particles/random sprite.js
deleted file mode 100644
index 0c5666352..000000000
--- a/examples/particles/random sprite.js
+++ /dev/null
@@ -1,25 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-var emitter;
-
-function preload() {
-
- game.load.image('carrot', 'assets/sprites/carrot.png');
- game.load.image('star', 'assets/misc/star_particle.png');
- game.load.image('diamond', 'assets/sprites/diamond.png');
-
-}
-
-function create() {
-
- game.stage.backgroundColor = 0x337799;
-
- emitter = game.add.emitter(game.world.centerX, 200, 200);
-
- // Here we're passing an array of image keys. It will pick one at random when emitting a new particle.
- emitter.makeParticles(['diamond', 'carrot', 'star']);
-
- emitter.start(false, 5000, 20);
-
-}
diff --git a/examples/particles/snow.js b/examples/particles/snow.js
deleted file mode 100644
index 5298b0d08..000000000
--- a/examples/particles/snow.js
+++ /dev/null
@@ -1,101 +0,0 @@
-// This example was created by Jens Anders Bakke
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('sky', 'assets/skies/sky3.png');
- game.load.spritesheet('snowflakes', 'assets/sprites/snowflakes.png', 17, 17);
- game.load.spritesheet('snowflakes_large', 'assets/sprites/snowflakes_large.png', 64, 64);
-
-}
-
-var max = 0;
-var front_emitter;
-var mid_emitter;
-var back_emitter;
-var update_interval = 4 * 60;
-var i = 0;
-
-function create() {
-
- game.add.image(0, 0, 'sky');
-
- back_emitter = game.add.emitter(game.world.centerX, -32, 600);
- back_emitter.makeParticles('snowflakes', [0, 1, 2, 3, 4, 5]);
- back_emitter.maxParticleScale = 0.6;
- back_emitter.minParticleScale = 0.2;
- back_emitter.setYSpeed(20, 100);
- back_emitter.gravity = 0;
- back_emitter.width = game.world.width * 1.5;
- back_emitter.minRotation = 0;
- back_emitter.maxRotation = 40;
-
- mid_emitter = game.add.emitter(game.world.centerX, -32, 250);
- mid_emitter.makeParticles('snowflakes', [0, 1, 2, 3, 4, 5]);
- mid_emitter.maxParticleScale = 1.2;
- mid_emitter.minParticleScale = 0.8;
- mid_emitter.setYSpeed(50, 150);
- mid_emitter.gravity = 0;
- mid_emitter.width = game.world.width * 1.5;
- mid_emitter.minRotation = 0;
- mid_emitter.maxRotation = 40;
-
- front_emitter = game.add.emitter(game.world.centerX, -32, 50);
- front_emitter.makeParticles('snowflakes_large', [0, 1, 2, 3, 4, 5]);
- front_emitter.maxParticleScale = 1;
- front_emitter.minParticleScale = 0.5;
- front_emitter.setYSpeed(100, 200);
- front_emitter.gravity = 0;
- front_emitter.width = game.world.width * 1.5;
- front_emitter.minRotation = 0;
- front_emitter.maxRotation = 40;
-
- changeWindDirection();
-
- back_emitter.start(false, 14000, 20);
- mid_emitter.start(false, 12000, 40);
- front_emitter.start(false, 6000, 1000);
-
-}
-
-function update() {
-
- i++;
-
- if (i === update_interval)
- {
- changeWindDirection();
- update_interval = Math.floor(Math.random() * 20) * 60; // 0 - 20sec @ 60fps
- i = 0;
- }
-
-}
-
-function changeWindDirection() {
-
- var multi = Math.floor((max + 200) / 4),
- frag = (Math.floor(Math.random() * 100) - multi);
- max = max + frag;
-
- if (max > 200) max = 150;
- if (max < -200) max = -150;
-
- setXSpeed(back_emitter, max);
- setXSpeed(mid_emitter, max);
- setXSpeed(front_emitter, max);
-
-}
-
-function setXSpeed(emitter, max) {
-
- emitter.setXSpeed(max - 20, max);
- emitter.forEachAlive(setParticleXSpeed, this, max);
-
-}
-
-function setParticleXSpeed(particle, max) {
-
- particle.body.velocity.x = max - Math.floor(Math.random() * 30);
-
-}
diff --git a/examples/particles/when particles collide.js b/examples/particles/when particles collide.js
deleted file mode 100644
index 567e66805..000000000
--- a/examples/particles/when particles collide.js
+++ /dev/null
@@ -1,47 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-var leftEmitter;
-var rightEmitter;
-
-function preload() {
-
- game.load.image('sky', 'assets/skies/cavern2.png');
- game.load.spritesheet('balls', 'assets/sprites/balls.png', 17, 17);
-
-}
-
-function create() {
-
- game.add.image(0, 0, 'sky');
-
- leftEmitter = game.add.emitter(50, game.world.centerY - 200);
- leftEmitter.bounce.setTo(0.5, 0.5);
- leftEmitter.setXSpeed(100, 200);
- leftEmitter.setYSpeed(-50, 50);
- leftEmitter.makeParticles('balls', 0, 250, 1, true);
-
- rightEmitter = game.add.emitter(game.world.width - 50, game.world.centerY - 200);
- rightEmitter.bounce.setTo(0.5, 0.5);
- rightEmitter.setXSpeed(-100, -200);
- rightEmitter.setYSpeed(-50, 50);
- rightEmitter.makeParticles('balls', 1, 250, 1, true);
-
- // explode, lifespan, frequency, quantity
- leftEmitter.start(false, 5000, 20);
- rightEmitter.start(false, 5000, 20);
-
-}
-
-function update() {
-
- game.physics.arcade.collide(leftEmitter, rightEmitter, change, null, this);
-
-}
-
-function change(a, b) {
-
- a.frame = 3;
- b.frame = 3;
-
-}
\ No newline at end of file
diff --git a/examples/particles/zero gravity.js b/examples/particles/zero gravity.js
deleted file mode 100644
index ac12c842e..000000000
--- a/examples/particles/zero gravity.js
+++ /dev/null
@@ -1,21 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.spritesheet('balls', 'assets/sprites/balls.png', 17, 17);
-
-}
-
-function create() {
-
- var emitter = game.add.emitter(game.world.centerX, game.world.centerY, 250);
-
- emitter.makeParticles('balls', [0, 1, 2, 3, 4, 5]);
-
- emitter.minParticleSpeed.setTo(-400, -400);
- emitter.maxParticleSpeed.setTo(400, 400);
- emitter.gravity = 0;
- emitter.start(false, 4000, 15);
-
-}
diff --git a/examples/sideview.html b/examples/sideview.html
deleted file mode 100644
index e65979f97..000000000
--- a/examples/sideview.html
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
-
-
- phaser examples
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/examples/sprites/add a sprite.js b/examples/sprites/add a sprite.js
deleted file mode 100644
index 142af5400..000000000
--- a/examples/sprites/add a sprite.js
+++ /dev/null
@@ -1,15 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('mushroom', 'assets/sprites/mushroom2.png');
-
-}
-
-function create() {
-
- // This simply creates a sprite using the mushroom image we loaded above and positions it at 200 x 200
- var test = game.add.sprite(200, 200, 'mushroom');
-
-}
diff --git a/examples/sprites/add several sprites.js b/examples/sprites/add several sprites.js
deleted file mode 100644
index 685e83f98..000000000
--- a/examples/sprites/add several sprites.js
+++ /dev/null
@@ -1,49 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-var timer = 0;
-var total = 0;
-
-function preload() {
-
- // 37x45 is the size of each frame
- // There are 18 frames in the PNG - you can leave this value blank if the frames fill up the entire PNG, but in this case there are some
- // blank frames at the end, so we tell the loader how many to load
- game.load.spritesheet('mummy', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
-
-}
-
-function create() {
-
- releaseMummy();
-
-}
-
-function releaseMummy() {
-
- var mummy = game.add.sprite(-(Math.random() * 800), game.world.randomY, 'mummy');
-
- mummy.scale.setTo(2, 2);
-
- // If you prefer to work in degrees rather than radians then you can use Phaser.Sprite.angle
- // otherwise use Phaser.Sprite.rotation
- mummy.angle = game.rnd.angle();
-
- mummy.animations.add('walk');
- mummy.animations.play('walk', 20, true);
-
- game.add.tween(mummy).to({ x: game.width + (1600 + mummy.x) }, 20000, Phaser.Easing.Linear.None, true);
-
- total++;
- timer = game.time.now + 100;
-
-}
-
-function update() {
-
- if (total < 200 && game.time.now > timer)
- {
- releaseMummy();
- }
-
-}
diff --git a/examples/sprites/collide world bounds.js b/examples/sprites/collide world bounds.js
deleted file mode 100644
index 622e1a834..000000000
--- a/examples/sprites/collide world bounds.js
+++ /dev/null
@@ -1,28 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
- game.load.image('pineapple', 'assets/sprites/pineapple.png');
-
-}
-
-var pineapples;
-
-function create() {
-
- pineapples = game.add.group();
- pineapples.enableBody = true;
- pineapples.physicsBodyType = Phaser.Physics.ARCADE;
-
- for (var i = 0; i < 10; i++)
- {
- var pineapple = pineapples.create(200 + i * 48,50, 'pineapple');
-
- //This allows your sprite to collide with the world bounds like they were rigid objects
- pineapple.body.collideWorldBounds=true;
- pineapple.body.gravity.x = game.rnd.integerInRange(-5,5);
- pineapple.body.gravity.y = 5 + Math.random() * 10;
- pineapple.body.bounce.setTo(0.7,0.4);
- }
-
-}
diff --git a/examples/sprites/destroy.js b/examples/sprites/destroy.js
deleted file mode 100644
index 38d65a18b..000000000
--- a/examples/sprites/destroy.js
+++ /dev/null
@@ -1,31 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('plane', 'assets/misc/boss1.png');
- game.load.image('sky', 'assets/tests/sky-2x.png');
-
-}
-
-function create() {
-
- game.add.sprite(0, 0, 'sky');
-
- for (var i = 0; i < 15; i++)
- {
- var sprite = game.add.sprite(game.world.randomX, game.world.randomY, 'plane');
-
- sprite.inputEnabled = true;
-
- sprite.input.useHandCursor = true;
-
- sprite.events.onInputDown.add(destoyIt, this);
- }
-
-}
-
-function destoyIt (sprite) {
-
- sprite.destroy();
-}
diff --git a/examples/sprites/dynamic crop.js b/examples/sprites/dynamic crop.js
deleted file mode 100644
index 3309704dd..000000000
--- a/examples/sprites/dynamic crop.js
+++ /dev/null
@@ -1,42 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
- game.load.image('trsi', 'assets/pics/trsipic1_lazur.jpg');
-}
-
-var pic;
-var cropRect;
-
-function create() {
-
- pic = game.add.sprite(0, 0, 'trsi');
-
- cropRect = {x : 0, y : 0 , width : 128, height : 128};
-}
-
-function update() {
-
- if(game.input.x < pic.width && game.input.y < pic.height){
-
- pic.x = game.input.x;
- pic.y = game.input.y;
-
- cropRect.x = game.input.x;
- cropRect.y = game.input.y;
-
- pic.crop(cropRect);
-
-
-
- }
-
-
-
-}
-
-function render() {
-
- game.debug.text('x: ' + game.input.x + ' y: ' + game.input.y, 32, 32);
-
-}
diff --git a/examples/sprites/extending sprite demo 1.js b/examples/sprites/extending sprite demo 1.js
deleted file mode 100644
index 2d0da102c..000000000
--- a/examples/sprites/extending sprite demo 1.js
+++ /dev/null
@@ -1,42 +0,0 @@
-
-// Here is a custom game object
-MonsterBunny = function (game, x, y, rotateSpeed) {
-
- Phaser.Sprite.call(this, game, x, y, 'bunny');
-
- this.rotateSpeed = rotateSpeed;
-
-};
-
-MonsterBunny.prototype = Object.create(Phaser.Sprite.prototype);
-MonsterBunny.prototype.constructor = MonsterBunny;
-
-/**
- * Automatically called by World.update
- */
-MonsterBunny.prototype.update = function() {
-
- this.angle += this.rotateSpeed;
-
-};
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('bunny', 'assets/sprites/bunny.png');
-
-}
-
-function create() {
-
- var wabbit = new MonsterBunny(game, 200, 300, 1);
- wabbit.anchor.setTo(0.5, 0.5);
-
- var wabbit2 = new MonsterBunny(game, 600, 300, 0.5);
- wabbit2.anchor.setTo(0.5, 0.5);
-
- game.add.existing(wabbit);
- game.add.existing(wabbit2);
-
-}
diff --git a/examples/sprites/extending sprite demo 2.js b/examples/sprites/extending sprite demo 2.js
deleted file mode 100644
index 20a2583fb..000000000
--- a/examples/sprites/extending sprite demo 2.js
+++ /dev/null
@@ -1,45 +0,0 @@
-
-MonsterBunny = function (game, rotateSpeed) {
-
- // We call the Phaser.Sprite passing in the game reference
- // We're giving it a random X/Y position here, just for the sake of this demo - you could also pass the x/y in the constructor
- Phaser.Sprite.call(this, game, game.world.randomX, game.world.randomY, 'bunny');
-
- this.anchor.setTo(0.5, 0.5);
-
- this.rotateSpeed = rotateSpeed;
-
- var randomScale = 0.1 + Math.random();
-
- this.scale.setTo(randomScale, randomScale)
-
- game.add.existing(this);
-
-};
-
-MonsterBunny.prototype = Object.create(Phaser.Sprite.prototype);
-MonsterBunny.prototype.constructor = MonsterBunny;
-
-MonsterBunny.prototype.update = function() {
-
- // Automatically called by World.update
- this.angle += this.rotateSpeed;
-
-};
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('bunny', 'assets/sprites/bunny.png');
-
-}
-
-function create() {
-
- for (var i = 0.1; i < 2; i += 0.1)
- {
- new MonsterBunny(game, i);
- }
-
-}
diff --git a/examples/sprites/horizontal crop.js b/examples/sprites/horizontal crop.js
deleted file mode 100644
index e3d2a9f25..000000000
--- a/examples/sprites/horizontal crop.js
+++ /dev/null
@@ -1,27 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update : update });
-
-function preload() {
- game.load.image('trsi', 'assets/pics/trsipic1_lazur.jpg');
-}
-
-var pic;
-var cropRect;
-
-function create() {
-
- pic = game.add.sprite(game.world.centerX, 550, 'trsi');
-
- pic.anchor.setTo(0.5, 1);
-
- cropRect = {x : 0, y : 0 , width : 0, height : pic.height};
-
- // Here we'll tween the crop rect, from a width of zero to full width, and back again
- game.add.tween(cropRect).to( { width: pic.width }, 3000, Phaser.Easing.Bounce.Out, true, 0, 1000, true);
-
-}
-
-function update () {
- // the crop method takes a rectangle object as a parameter
- pic.crop(cropRect);
-}
diff --git a/examples/sprites/move a sprite.js b/examples/sprites/move a sprite.js
deleted file mode 100644
index ae1bdbc72..000000000
--- a/examples/sprites/move a sprite.js
+++ /dev/null
@@ -1,46 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
- game.load.atlasJSONHash('bot', 'assets/sprites/running_bot.png', 'assets/sprites/running_bot.json');
-}
-
-var s;
-
-function create() {
-
- s = game.add.sprite(game.world.centerX, game.world.centerY, 'bot');
- s.anchor.setTo(0.5, 0.5);
- s.scale.setTo(2, 2);
-
- s.animations.add('run');
- s.animations.play('run', 10, true);
-
-}
-
-function update() {
-
- if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
- {
- s.x -= 4;
- }
- else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
- {
- s.x += 4;
- }
-
- if (game.input.keyboard.isDown(Phaser.Keyboard.UP))
- {
- s.y -= 4;
- }
- else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN))
- {
- s.y += 4;
- }
-
-}
-
-function render() {
- game.debug.spriteInfo(s, 20, 32);
-
-}
diff --git a/examples/sprites/out of bounds.js b/examples/sprites/out of bounds.js
deleted file mode 100644
index d781340ad..000000000
--- a/examples/sprites/out of bounds.js
+++ /dev/null
@@ -1,48 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('alien', 'assets/sprites/space-baddie.png');
- game.load.image('ship', 'assets/sprites/shmup-ship.png');
-
-}
-
-var player;
-var aliens;
-
-function create() {
-
- // We only want world bounds on the left and right
- game.physics.setBoundsToWorld();
-
- player = game.add.sprite(400, 500, 'ship');
- player.anchor.setTo(0.5, 0.5);
-
- aliens = game.add.group();
- aliens.enableBody = true;
- aliens.physicsBodyType = Phaser.Physics.ARCADE;
-
- for (var y = 0; y < 4; y++)
- {
- for (var x = 0; x < 10; x++)
- {
- var alien = aliens.create(200 + x * 48, y * 50, 'alien');
- alien.name = 'alien' + x.toString() + y.toString();
- alien.checkWorldBounds = true;
- alien.events.onOutOfBounds.add(alienOut, this);
- alien.body.velocity.y = 50 + Math.random() * 200;
- }
- }
-
-}
-
-function alienOut(alien) {
-
- // Move the alien to the top of the screen again
- alien.reset(alien.x, -32);
-
- // And give it a new random velocity
- alien.body.velocity.y = 50 + Math.random() * 200;
-
-}
diff --git a/examples/sprites/scale a sprite.js b/examples/sprites/scale a sprite.js
deleted file mode 100644
index acf38dc23..000000000
--- a/examples/sprites/scale a sprite.js
+++ /dev/null
@@ -1,29 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create});
-
-function preload() {
-
- game.load.image('disk', 'assets/sprites/darkwing_crazy.png');
-
-}
-
-function create() {
-
- for (var i = 0; i < 15; i++)
- {
- // Create 15 sprites at random x/y locations
- var sprite = game.add.sprite(game.world.randomX, game.world.randomY, 'disk');
-
- // Pick a random number between -2 and 6
- var rand = game.rnd.realInRange(-2, 6);
-
- // Set the scale of the sprite to the random value
- sprite.scale.setTo(rand, rand);
-
- // You can also scale sprites like this:
- // sprite.scale.x = value;
- // sprite.scale.y = value;
-
- }
-
-}
diff --git a/examples/sprites/shared sprite textures.js b/examples/sprites/shared sprite textures.js
deleted file mode 100644
index 294d0f0d6..000000000
--- a/examples/sprites/shared sprite textures.js
+++ /dev/null
@@ -1,41 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- // We load a TexturePacker JSON file and image and show you how to make several unique sprites from the same file
- game.load.atlas('atlas', 'assets/pics/texturepacker_test.png', 'assets/pics/texturepacker_test.json');
-
-}
-
-var chick;
-var car;
-var mech;
-var robot;
-var cop;
-
-function create() {
-
- game.stage.backgroundColor = '#404040';
-
- chick = game.add.sprite(64, 64, 'atlas');
-
- // You can set the frame based on the frame name (which TexturePacker usually sets to be the filename of the image itself)
- chick.frameName = 'budbrain_chick.png';
-
- // Or by setting the frame index
- //chick.frame = 0;
-
- cop = game.add.sprite(600, 64, 'atlas');
- cop.frameName = 'ladycop.png';
-
- robot = game.add.sprite(50, 300, 'atlas');
- robot.frameName = 'robot.png';
-
- car = game.add.sprite(100, 400, 'atlas');
- car.frameName = 'supercars_parsec.png';
-
- mech = game.add.sprite(250, 100, 'atlas');
- mech.frameName = 'titan_mech.png';
-
-}
diff --git a/examples/sprites/sprite rotation.js b/examples/sprites/sprite rotation.js
deleted file mode 100644
index 61ebab559..000000000
--- a/examples/sprites/sprite rotation.js
+++ /dev/null
@@ -1,37 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
- game.load.image('arrow', 'assets/sprites/arrow.png');
-}
-
-var sprite;
-
-function create() {
-
- game.stage.backgroundColor = '#0072bc';
-
- sprite = game.add.sprite(400, 300, 'arrow');
- sprite.anchor.setTo(0.5, 0.5);
-
-}
-
-function update() {
-
- sprite.angle += 1;
-
- // Note: Due to a bug in Chrome the following doesn't work atm:
- // sprite.angle++;
- // See: https://code.google.com/p/chromium/issues/detail?id=306851
-
-}
-
-function render() {
-
- game.debug.spriteInfo(sprite, 32, 32);
- // game.debug.text('angularVelocity: ' + sprite.body.angularVelocity, 32, 200);
- // game.debug.text('angularAcceleration: ' + sprite.body.angularAcceleration, 32, 232);
- // game.debug.text('angularDrag: ' + sprite.body.angularDrag, 32, 264);
- // game.debug.text('deltaZ: ' + sprite.body.deltaZ(), 32, 296);
-
-}
diff --git a/examples/sprites/spritesheet.js b/examples/sprites/spritesheet.js
deleted file mode 100644
index 6039a2f3d..000000000
--- a/examples/sprites/spritesheet.js
+++ /dev/null
@@ -1,37 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-var sprite;
-
-function preload() {
-
- // 37x45 is the size of each frame
- // There are 18 frames in the PNG - you can leave this value blank if the frames fill up the entire PNG, but in this case there are some
- // blank frames at the end, so we tell the loader how many to load
- game.load.spritesheet('ms', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
-
-}
-
-function create() {
-
- sprite = game.add.sprite(40, 100, 'ms');
-
- sprite.animations.add('walk');
-
- sprite.animations.play('walk', 50, true);
-
- game.add.tween(sprite).to({ x: game.width }, 10000, Phaser.Easing.Linear.None, true);
-
-}
-
-// update isn't called until 'create' has completed. If you need to process stuff before that point (i.e. while the preload is still happening)
-// then create a function called loadUpdate() and use that
-function update() {
-
- if (sprite.x >= 300)
- {
- sprite.scale.x += 0.01;
- sprite.scale.y += 0.01;
- }
-
-}
diff --git a/examples/sprites/vertical crop.js b/examples/sprites/vertical crop.js
deleted file mode 100644
index 5dd749be4..000000000
--- a/examples/sprites/vertical crop.js
+++ /dev/null
@@ -1,30 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create , update : update});
-
-function preload() {
- game.load.image('trsi', 'assets/pics/trsipic1_lazur.jpg');
-}
-
-var pic;
-var cropRect;
-
-function create() {
-
- pic = game.add.sprite(game.world.centerX, 550, 'trsi');
-
- pic.anchor.setTo(0.5, 1);
-
-
- cropRect = {x : 0, y : 0 , width : pic.width, height : 0};
-
- // Here we'll tween the crop rect, from a height of zero to full height, and back again
- game.add.tween(cropRect).to( { height: pic.height }, 3000, Phaser.Easing.Bounce.Out, true, 0, 1000, true);
-
-}
-
-function update () {
- // the crop method takes a rectangle object as a parameter
- pic.crop(cropRect);
-}
-
-
diff --git a/examples/text/bitmap fonts.js b/examples/text/bitmap fonts.js
deleted file mode 100644
index 267f26204..000000000
--- a/examples/text/bitmap fonts.js
+++ /dev/null
@@ -1,22 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.bitmapFont('desyrel', 'assets/fonts/bitmapFonts/desyrel.png', 'assets/fonts/bitmapFonts/desyrel.xml');
-
-}
-
-var bpmText;
-
-function create() {
-
- bmpText = game.add.bitmapText(200, 100, 'desyrel','Phaser & Pixi \nrocking!',64);
-
-}
-
-function update() {
-
- bmpText.setText('Phaser & Pixi\nrocking!\n' + Math.round(game.time.now));
-
-}
diff --git a/examples/text/bitmapfont drag.js b/examples/text/bitmapfont drag.js
deleted file mode 100644
index 94a290372..000000000
--- a/examples/text/bitmapfont drag.js
+++ /dev/null
@@ -1,21 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.bitmapFont('carrier_command', 'assets/fonts/bitmapFonts/carrier_command.png', 'assets/fonts/bitmapFonts/carrier_command.xml');
-
-}
-
-var bpmText;
-
-function create() {
-
- bmpText = game.add.bitmapText(10, 100, 'carrier_command','Drag me around !',34);
-
- bmpText.inputEnabled = true;
-
- bmpText.input.enableDrag();
-
-}
-
diff --git a/examples/text/dynamic text shadow.js b/examples/text/dynamic text shadow.js
deleted file mode 100644
index c959c1e49..000000000
--- a/examples/text/dynamic text shadow.js
+++ /dev/null
@@ -1,49 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { create: create, update: update });
-
-var text;
-
-function create() {
-
- game.stage.setBackgroundColor(0xfbf6d5);
-
- text = game.add.text(game.world.centerX, 250, ' dynamic shadows ');
- text.anchor.set(0.5);
- text.align = 'center';
-
- text.font = 'Arial Black';
- text.fontSize = 70;
- text.fontWeight = 'bold';
- text.fill = '#ec008c';
-
- text.setShadow(0, 0, 'rgba(0, 0, 0, 0.5)', 0);
-
-}
-
-function update() {
-
- var offset = moveToXY(game.input.activePointer, text.x, text.y, 8);
-
- text.setShadow(offset.x, offset.y, 'rgba(0, 0, 0, 0.5)', distanceToPointer(text, game.input.activePointer) / 30);
-
-}
-
-function distanceToPointer(displayObject, pointer) {
-
- this._dx = displayObject.x - pointer.x;
- this._dy = displayObject.y - pointer.y;
-
- return Math.sqrt(this._dx * this._dx + this._dy * this._dy);
-
-}
-
-function moveToXY(displayObject, x, y, speed) {
-
- var _angle = Math.atan2(y - displayObject.y, x - displayObject.x);
-
- var x = Math.cos(_angle) * speed;
- var y = Math.sin(_angle) * speed;
-
- return { x: x, y: y };
-
-}
diff --git a/examples/text/google webfonts.js b/examples/text/google webfonts.js
deleted file mode 100644
index 814f75411..000000000
--- a/examples/text/google webfonts.js
+++ /dev/null
@@ -1,72 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create });
-
-// The Google WebFont Loader will look for this object, so create it before loading the script.
-WebFontConfig = {
-
- // 'active' means all requested fonts have finished loading
- // We set a 1 second delay before calling 'createText'.
- // For some reason if we don't the browser cannot render the text the first time it's created.
- active: function() { game.time.events.add(Phaser.Timer.SECOND, createText, this); },
-
- // The Google Fonts we want to load (specify as many as you like in the array)
- google: {
- families: ['Revalia']
- }
-
-};
-
-function preload() {
-
- // Load the Google WebFont Loader script
- game.load.script('webfont', '//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js');
-
-}
-
-var text = null;
-var grd;
-
-function create() {
-
- game.stage.setBackgroundColor(0x2d2d2d);
-
-}
-
-function createText() {
-
- text = game.add.text(game.world.centerX, game.world.centerY, "- phaser -\nrocking with\ngoogle web fonts");
- text.anchor.setTo(0.5);
-
- text.font = 'Revalia';
- text.fontSize = 60;
-
- // x0, y0 - x1, y1
- grd = text.context.createLinearGradient(0, 0, 0, text.canvas.height);
- grd.addColorStop(0, '#8ED6FF');
- grd.addColorStop(1, '#004CB3');
- text.fill = grd;
-
- text.align = 'center';
- text.stroke = '#000000';
- text.strokeThickness = 2;
- text.setShadow(5, 5, 'rgba(0,0,0,0.5)', 5);
-
- text.inputEnabled = true;
- text.input.enableDrag();
-
- text.events.onInputOver.add(over, this);
- text.events.onInputOut.add(out, this);
-
-}
-
-function out() {
-
- text.fill = grd;
-
-}
-
-function over() {
-
- text.fill = '#ff00ff';
-
-}
diff --git a/examples/text/hello arial.js b/examples/text/hello arial.js
deleted file mode 100644
index f1e7dd152..000000000
--- a/examples/text/hello arial.js
+++ /dev/null
@@ -1,10 +0,0 @@
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { create: create });
-
-function create() {
-
- var style = { font: "65px Arial", fill: "#ff0044", align: "center" };
- var text = game.add.text(game.world.centerX, game.world.centerY, "- phaser -\nwith a sprinkle of\npixi dust", style);
-
- text.anchor.set(0.5);
-
-}
\ No newline at end of file
diff --git a/examples/text/kern of duty.js b/examples/text/kern of duty.js
deleted file mode 100644
index 5d0d6d868..000000000
--- a/examples/text/kern of duty.js
+++ /dev/null
@@ -1,62 +0,0 @@
-
-var game = new Phaser.Game(800, 480, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-var content = [
- " ",
- "photon storm presents",
- "a phaser production",
- " ",
- "Kern of Duty",
- " ",
- "directed by rich davey",
- "rendering by mat groves",
- " ",
- "03:45, November 4th, 2014",
- "somewhere in the north pacific",
- "mission control bravo ...",
-];
-
-var t = 0;
-var s;
-var index = 0;
-var line = '';
-
-function preload() {
- game.load.image('cod', 'assets/pics/cod.jpg');
-}
-
-function create() {
-
- game.add.sprite(0, 0, 'cod');
-
- var style = { font: "30pt Courier", fill: "#19cb65", stroke: "#119f4e", strokeThickness: 2 };
-
- s = game.add.text(32, 380, '', style);
- t = game.time.now + 80;
-
-}
-
-function update() {
-
- if (game.time.now > t && index < content.length)
- {
- // get the next character in the line
- if (line.length < content[index].length)
- {
- line = content[index].substr(0, line.length + 1);
- s.setText(line);
- t = game.time.now + 80;
- }
- else
- {
- t = game.time.now + 2000;
-
- if (index < content.length)
- {
- index++;
- line = '';
- }
- }
- }
-
-}
diff --git a/examples/text/littera.js b/examples/text/littera.js
deleted file mode 100644
index a2cacf457..000000000
--- a/examples/text/littera.js
+++ /dev/null
@@ -1,14 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.bitmapFont('shortStack', 'assets/fonts/bitmapFonts/shortStack.png', 'assets/fonts/bitmapFonts/shortStack.fnt');
-
-}
-
-function create() {
-
- game.add.bitmapText(32, 32, 'shortStack', 'This font was generated using the\nfree Littera web site\n\nhttp://kvazars.com/littera/', 32);
-
-}
diff --git a/examples/text/remove text.js b/examples/text/remove text.js
deleted file mode 100644
index dd58c1d33..000000000
--- a/examples/text/remove text.js
+++ /dev/null
@@ -1,19 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { create: create });
-
-var text;
-
-function create() {
-
- text = game.add.text(game.world.centerX, game.world.centerY, "- phaser -\nclick to remove", { font: "65px Arial", fill: "#ff0044", align: "center" });
- text.anchor.setTo(0.5, 0.5);
-
- game.input.onDown.addOnce(removeText, this);
-
-}
-
-function removeText() {
-
- text.destroy();
-
-}
diff --git a/examples/text/retro font 1.js b/examples/text/retro font 1.js
deleted file mode 100644
index 5f199adc9..000000000
--- a/examples/text/retro font 1.js
+++ /dev/null
@@ -1,30 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('knightHawks', 'assets/fonts/retroFonts/KNIGHT3.png');
-
-}
-
-var font;
-
-function create() {
-
- font = game.add.retroFont('knightHawks', 31, 25, Phaser.RetroFont.TEXT_SET6, 10, 1, 1);
- font.text = 'phaser was here';
-
- for (var c = 0; c < 19; c++)
- {
- var i = game.add.image(game.world.centerX, c * 32, font);
- i.tint = Math.random() * 0xFFFFFF;
- i.anchor.set(0.5, 1);
- }
-
-}
-
-function update() {
-
- font.text = "phaser x: " + game.input.x + " y: " + game.input.y;
-
-}
diff --git a/examples/text/retro font 2.js b/examples/text/retro font 2.js
deleted file mode 100644
index fc6f23b0a..000000000
--- a/examples/text/retro font 2.js
+++ /dev/null
@@ -1,47 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('goldFont', 'assets/fonts/retroFonts/gold_font.png');
- game.load.image('bluePink', 'assets/fonts/retroFonts/bluepink_font.png');
- game.load.image('forgotten', 'assets/pics/forgotten_worlds.png');
-
-}
-
-var font1;
-var font2;
-var image1;
-var image2;
-
-function create() {
-
- font1 = game.add.retroFont('goldFont', 16, 16, "! :() ,?." + Phaser.RetroFont.TEXT_SET10, 20, 0, 0);
- font1.text = "phaser brings you retro style bitmap fonts";
-
- image1 = game.add.image(game.world.centerX, 48, font1);
- image1.anchor.set(0.5);
-
- font2 = game.add.retroFont('bluePink', 32, 32, Phaser.RetroFont.TEXT_SET2, 10);
- font2.setText("phaser 2\nin the house", true, 0, 8, Phaser.RetroFont.ALIGN_CENTER);
-
- image2 = game.add.image(game.world.centerX, 220, font2);
- image2.anchor.set(0.5);
-
- game.add.image(0, game.height - 274, 'forgotten');
-
- game.time.events.loop(Phaser.Timer.SECOND * 2, change, this);
-
-}
-
-function change() {
-
- image2.tint = Math.random() * 0xFFFFFF;
-
-}
-
-function update() {
-
- image2.rotation += (2 * game.time.physicsElapsed);
-
-}
diff --git a/examples/text/set properties after creation.js b/examples/text/set properties after creation.js
deleted file mode 100644
index f969b1521..000000000
--- a/examples/text/set properties after creation.js
+++ /dev/null
@@ -1,29 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.bitmapFont('desyrel', 'assets/fonts/bitmapFonts/desyrel.png', 'assets/fonts/bitmapFonts/desyrel.xml');
-
-}
-
-var bpmText;
-var count = 0;
-
-function create() {
-
- bmpText = game.add.bitmapText(0, 100, 'desyrel',"I'm growing",64);
-
-}
-
-function update() {
-
- count++;
-
- if(bmpText.fontSize < 250){
- bmpText.fontSize += 1;
- }
-
-
-
-}
diff --git a/examples/text/text gradient.js b/examples/text/text gradient.js
deleted file mode 100644
index b5af2a195..000000000
--- a/examples/text/text gradient.js
+++ /dev/null
@@ -1,30 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { create: create });
-
-var text = null;
-
-function create() {
-
- text = game.add.text(game.world.centerX, game.world.centerY, "- phaser gradient text -");
-
- // Centers the text
- text.anchor.set(0.5);
- text.align = 'center';
-
- // Our font + size
- text.font = 'Arial';
- text.fontWeight = 'bold';
- text.fontSize = 70;
-
- // Here we create a linear gradient on the Text context.
- // This uses the exact same method of creating a gradient as you do on a normal Canvas context.
- var grd = text.context.createLinearGradient(0, 0, 0, text.canvas.height);
-
- // Add in 2 color stops
- grd.addColorStop(0, '#8ED6FF');
- grd.addColorStop(1, '#004CB3');
-
- // And apply to the Text
- text.fill = grd;
-
-}
diff --git a/examples/text/text reflect.js b/examples/text/text reflect.js
deleted file mode 100644
index 9b17136f2..000000000
--- a/examples/text/text reflect.js
+++ /dev/null
@@ -1,49 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { create: create });
-
-var text = null;
-var textReflect = null;
-
-function create() {
-
- game.stage.backgroundColor = 0x3b0760;
-
- text = game.add.text(game.world.centerX, game.world.centerY, "- PHASER -");
-
- // Centers the text
- text.anchor.set(0.5);
- text.align = 'center';
-
- // Our font + size
- text.font = 'Arial';
- text.fontWeight = 'bold';
- text.fontSize = 70;
- text.fill = '#ffffff';
-
- // Here we create our fake reflection :)
- // It's just another Text object, with an alpha gradient and flipped vertically
-
- textReflect = game.add.text(game.world.centerX, game.world.centerY + 50, "- PHASER -");
-
- // Centers the text
- textReflect.anchor.set(0.5);
- textReflect.align = 'center';
- textReflect.scale.y = -1;
-
- // Our font + size
- textReflect.font = 'Arial';
- textReflect.fontWeight = 'bold';
- textReflect.fontSize = 70;
-
- // Here we create a linear gradient on the Text context.
- // This uses the exact same method of creating a gradient as you do on a normal Canvas context.
- var grd = textReflect.context.createLinearGradient(0, 0, 0, text.canvas.height);
-
- // Add in 2 color stops
- grd.addColorStop(0, 'rgba(255,255,255,0)');
- grd.addColorStop(1, 'rgba(255,255,255,0.08)');
-
- // And apply to the Text
- textReflect.fill = grd;
-
-}
diff --git a/examples/text/text shadow.js b/examples/text/text shadow.js
deleted file mode 100644
index 3405a71ca..000000000
--- a/examples/text/text shadow.js
+++ /dev/null
@@ -1,42 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { create: create, update: update });
-
-function create() {
-
- game.stage.setBackgroundColor(0xefefef);
-
- // Here we set the shadow:
- // The first 2 parameters control x and y distance
- // The 3rd the shadow colour
- // The 4th the amount of blur
-
- var text = createText(100, 'shadow 5');
- text.setShadow(3, 3, 'rgba(0,0,0,0.5)', 5);
-
- text = createText(300, 'shadow 0');
- text.setShadow(5, 5, 'rgba(0,0,0,0.5)', 15);
-
- text = createText(500, 'shadow 10');
- text.setShadow(-5, 5, 'rgba(0,0,0,0.5)', 0);
-
-}
-
-function createText(y) {
-
- var text = game.add.text(game.world.centerX, y, '- phaser text shadow -');
- text.anchor.set(0.5);
- text.align = 'center';
-
- // Font style
- text.font = 'Arial Black';
- text.fontSize = 50;
- text.fontWeight = 'bold';
- text.fill = '#ff00ff';
-
- return text;
-
-}
-
-function update() {
-
-}
diff --git a/examples/text/text stroke.js b/examples/text/text stroke.js
deleted file mode 100644
index d1a4cd0ab..000000000
--- a/examples/text/text stroke.js
+++ /dev/null
@@ -1,32 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { create: create, update: update });
-
-var text;
-
-function create() {
-
- game.stage.setBackgroundColor(0x2d2d2d);
-
- text = game.add.text(game.world.centerX, game.world.centerY, '- phaser text stroke -');
-
- // Center align
- text.anchor.set(0.5);
- text.align = 'center';
-
- // Font style
- text.font = 'Arial Black';
- text.fontSize = 50;
- text.fontWeight = 'bold';
-
- // Stroke color and thickness
- text.stroke = '#000000';
- text.strokeThickness = 6;
- text.fill = '#43d637';
-
-}
-
-function update() {
-
- // text.angle += 1;
-
-}
diff --git a/examples/text/update text.js b/examples/text/update text.js
deleted file mode 100644
index 7b1a51442..000000000
--- a/examples/text/update text.js
+++ /dev/null
@@ -1,35 +0,0 @@
-// Example created by Arlefreak (https://github.com/Arlefreak)
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { create: create, update: update });
-
-var text;
-var count;
-
-function create() {
-
- count = 0;
-
- text = game.add.text(game.world.centerX, game.world.centerY, "- You have clicked -\n0 times !", {
- font: "65px Arial",
- fill: "#ff0044",
- align: "center"
- });
-
- text.anchor.setTo(0.5, 0.5);
-
-}
-
-function update() {
-
- game.input.onDown.addOnce(updateText, this);
-
-}
-
-
-function updateText() {
-
- count++;
-
- text.setText("- You have clicked -\n" + count + " times !");
-
-}
\ No newline at end of file
diff --git a/examples/tile sprites/animated tiling sprite.js b/examples/tile sprites/animated tiling sprite.js
deleted file mode 100644
index 21989bbca..000000000
--- a/examples/tile sprites/animated tiling sprite.js
+++ /dev/null
@@ -1,48 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
- game.load.image('disk', 'assets/sprites/p2.jpeg');
-}
-
-var tilesprite;
-var cursors;
-var count = 0;
-
-function create() {
-
- tilesprite = game.add.tileSprite(0, 0, 512, 512, 'disk');
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- count += 0.005
-
- tilesprite.tileScale.x = 2 + Math.sin(count);
- tilesprite.tileScale.y = 2 + Math.cos(count);
-
- tilesprite.tilePosition.x += 1;
- tilesprite.tilePosition.y += 1;
-
- if (cursors.left.isDown)
- {
- tilesprite.x -= 4;
- }
- else if (cursors.right.isDown)
- {
- tilesprite.x += 4;
- }
-
- if (cursors.up.isDown)
- {
- tilesprite.y -= 4;
- }
- else if (cursors.down.isDown)
- {
- tilesprite.y += 4;
- }
-
-}
diff --git a/examples/tile sprites/colliding with tiling sprite.js b/examples/tile sprites/colliding with tiling sprite.js
deleted file mode 100644
index f14266a8e..000000000
--- a/examples/tile sprites/colliding with tiling sprite.js
+++ /dev/null
@@ -1,72 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-var ball;
-var tilesprite;
-var cursors;
-
-function preload() {
-
- game.load.image('starfield', 'assets/misc/starfield.jpg');
- game.load.image('ball', 'assets/sprites/pangball.png');
-
-}
-
-function create() {
-
- game.physics.arcade.gravity.y = 20;
-
- ball = game.add.sprite(400, 0, 'ball');
-
-
-
-
- game.physics.enable(ball, Phaser.Physics.ARCADE);
-
- tilesprite = game.add.tileSprite(300, 450, 200, 100, 'starfield');
-
-
-
- game.physics.enable(tilesprite, Phaser.Physics.ARCADE);
-
-
- ball.body.collideWorldBounds = true;
-
- tilesprite.body.collideWorldBounds = true;
-
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- game.physics.arcade.collide(ball,tilesprite);
-
- if (cursors.left.isDown)
- {
- tilesprite.x -= 8;
- tilesprite.tilePosition.x -= 8;
- }
- else if (cursors.right.isDown)
- {
- tilesprite.x += 8;
- tilesprite.tilePosition.x += 8;
- }
-
- if (cursors.up.isDown)
- {
- tilesprite.tilePosition.y += 8;
- }
- else if (cursors.down.isDown)
- {
- tilesprite.tilePosition.y -= 8;
- }
-
-}
-
-function render() {
-
- // game.debug.physicsBody(tilesprite);
-
-}
\ No newline at end of file
diff --git a/examples/tile sprites/tiling sprite.js b/examples/tile sprites/tiling sprite.js
deleted file mode 100644
index 89e671f35..000000000
--- a/examples/tile sprites/tiling sprite.js
+++ /dev/null
@@ -1,41 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-var tilesprite;
-var cursors;
-
-function preload() {
-
- game.load.image('starfield', 'assets/misc/starfield.jpg');
-
-}
-
-function create() {
-
- tilesprite = game.add.tileSprite(0, 0, 800, 600, 'starfield');
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- if (cursors.left.isDown)
- {
- tilesprite.tilePosition.x += 8;
- }
- else if (cursors.right.isDown)
- {
- tilesprite.tilePosition.x -= 8;
- }
-
- if (cursors.up.isDown)
- {
- tilesprite.tilePosition.y += 8;
- }
- else if (cursors.down.isDown)
- {
- tilesprite.tilePosition.y -= 8;
- }
-
-}
diff --git a/examples/tilemaps/blank tilemap.js b/examples/tilemaps/blank tilemap.js
deleted file mode 100644
index 7df91df5f..000000000
--- a/examples/tilemaps/blank tilemap.js
+++ /dev/null
@@ -1,113 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('ground_1x1', 'assets/tilemaps/tiles/ground_1x1.png');
-
-}
-
-var map;
-var layer;
-
-var marker;
-var currentTile = 0;
-var cursors;
-
-function create() {
-
- game.stage.backgroundColor = '#787878';
-
- // Creates a blank tilemap
- map = game.add.tilemap();
-
- // Creates a layer and sets-up the map dimensions.
- // In this case the map is 30x30 tiles in size and the tiles are 32x32 pixels in size.
- map.create('level1', 30, 30, 32, 32);
-
- // Add a Tileset image to the map
- map.addTilesetImage('ground_1x1');
-
- // Create a layer. This is where the map is rendered to.
- layer = map.createLayer('level1');
-
- // Resize the world
- layer.resizeWorld();
-
- // Create our tile selector at the top of the screen
- createTileSelector();
-
- game.input.setMoveCallback(updateMarker, this);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function pickTile(sprite, pointer) {
-
- currentTile = game.math.snapToFloor(pointer.x, 32) / 32;
-
-}
-
-function updateMarker() {
-
- marker.x = layer.getTileX(game.input.activePointer.worldX) * 32;
- marker.y = layer.getTileY(game.input.activePointer.worldY) * 32;
-
- if (game.input.mousePointer.isDown)
- {
- map.putTile(currentTile, layer.getTileX(marker.x), layer.getTileY(marker.y))
- }
-
-}
-
-function update() {
-
- if (cursors.left.isDown)
- {
- game.camera.x -= 4;
- }
- else if (cursors.right.isDown)
- {
- game.camera.x += 4;
- }
-
- if (cursors.up.isDown)
- {
- game.camera.y -= 4;
- }
- else if (cursors.down.isDown)
- {
- game.camera.y += 4;
- }
-
-}
-
-function render() {
-
-}
-
-function createTileSelector() {
-
- // Our tile selection window
- var tileSelector = game.add.group();
-
- var tileSelectorBackground = game.make.graphics();
- tileSelectorBackground.beginFill(0x000000, 0.5);
- tileSelectorBackground.drawRect(0, 0, 800, 34);
- tileSelectorBackground.endFill();
-
- tileSelector.add(tileSelectorBackground);
-
- var tileStrip = tileSelector.create(1, 1, 'ground_1x1');
- tileStrip.inputEnabled = true;
- tileStrip.events.onInputDown.add(pickTile, this);
-
- tileSelector.fixedToCamera = true;
-
- // Our painting marker
- marker = game.add.graphics();
- marker.lineStyle(2, 0x000000, 1);
- marker.drawRect(0, 0, 32, 32);
-
-}
\ No newline at end of file
diff --git a/examples/tilemaps/create from objects.js b/examples/tilemaps/create from objects.js
deleted file mode 100644
index 879a5351c..000000000
--- a/examples/tilemaps/create from objects.js
+++ /dev/null
@@ -1,106 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.tilemap('map', 'assets/tilemaps/maps/features_test.json', null, Phaser.Tilemap.TILED_JSON);
-
- game.load.image('ground_1x1', 'assets/tilemaps/tiles/ground_1x1.png');
- game.load.image('walls_1x2', 'assets/tilemaps/tiles/walls_1x2.png');
- game.load.image('tiles2', 'assets/tilemaps/tiles/tiles2.png');
-
- game.load.image('phaser', 'assets/sprites/arrow.png');
- game.load.spritesheet('coin', 'assets/sprites/coin.png', 32, 32);
-
-}
-
-var cursors;
-var map;
-var coins;
-
-var layer;
-var sprite;
-
-function create() {
-
- map = game.add.tilemap('map');
-
- map.addTilesetImage('ground_1x1');
- map.addTilesetImage('walls_1x2');
- map.addTilesetImage('tiles2');
-
- map.setCollisionBetween(1, 12);
-
- layer = map.createLayer('Tile Layer 1');
-
- layer.resizeWorld();
-
- game.physics.startSystem(Phaser.Physics.ARCADE);
-
- // Here we create our coins group
- coins = game.add.group();
- coins.enableBody = true;
-
- // And now we convert all of the Tiled objects with an ID of 34 into sprites within the coins group
- map.createFromObjects('Object Layer 1', 34, 'coin', 0, true, false, coins);
-
- // Add animations to all of the coin sprites
- coins.callAll('animations.add', 'animations', 'spin', [0, 1, 2, 3, 4, 5], 10, true);
- coins.callAll('animations.play', 'animations', 'spin');
-
- sprite = game.add.sprite(260, 100, 'phaser');
- sprite.anchor.set(0.5);
-
- game.physics.arcade.enable(sprite);
-
- // This adjusts the collision body size.
- sprite.body.setSize(32, 32, 16, 16);
-
- // We'll set a lower max angular velocity here to keep it from going totally nuts
- sprite.body.maxAngular = 500;
-
- // Apply a drag otherwise the sprite will just spin and never slow down
- sprite.body.angularDrag = 50;
-
- game.camera.follow(sprite);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- game.physics.arcade.collide(sprite, layer);
- game.physics.arcade.overlap(sprite, coins, collectCoin, null, this);
-
- sprite.body.velocity.x = 0;
- sprite.body.velocity.y = 0;
- sprite.body.angularVelocity = 0;
-
- if (cursors.left.isDown)
- {
- sprite.body.angularVelocity = -300;
- }
- else if (cursors.right.isDown)
- {
- sprite.body.angularVelocity = 300;
- }
-
- if (cursors.up.isDown)
- {
- game.physics.arcade.velocityFromAngle(sprite.angle, 300, sprite.body.velocity);
- }
-
-}
-
-function collectCoin(player, coin) {
-
- coin.kill();
-
-}
-
-function render() {
-
- game.debug.body(sprite);
-
-}
\ No newline at end of file
diff --git a/examples/tilemaps/csv map.js b/examples/tilemaps/csv map.js
deleted file mode 100644
index ffa781667..000000000
--- a/examples/tilemaps/csv map.js
+++ /dev/null
@@ -1,61 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.tilemap('map', 'assets/tilemaps/csv/catastrophi_level2.csv', null, Phaser.Tilemap.CSV);
- game.load.image('tiles', 'assets/tilemaps/tiles/catastrophi_tiles_16.png');
-
-}
-
-var map;
-var layer;
-var cursors;
-
-function create() {
-
- // Because we're loading CSV map data we have to specify the tile size here or we can't render it
- map = game.add.tilemap('map', 16, 16);
-
- // Now add in the tileset
- map.addTilesetImage('tiles');
-
- // Create our layer
- layer = map.createLayer(0);
-
- // Resize the world
- layer.resizeWorld();
-
- // Allow cursors to scroll around the map
- cursors = game.input.keyboard.createCursorKeys();
-
- var help = game.add.text(16, 16, 'Arrows to scroll', { font: '14px Arial', fill: '#ffffff' });
- help.fixedToCamera = true;
-
-}
-
-function update() {
-
- if (cursors.left.isDown)
- {
- game.camera.x -= 4;
- }
- else if (cursors.right.isDown)
- {
- game.camera.x += 4;
- }
-
- if (cursors.up.isDown)
- {
- game.camera.y -= 4;
- }
- else if (cursors.down.isDown)
- {
- game.camera.y += 4;
- }
-
-}
-
-function render() {
-
-}
diff --git a/examples/tilemaps/fill tiles.js b/examples/tilemaps/fill tiles.js
deleted file mode 100644
index 8807782cb..000000000
--- a/examples/tilemaps/fill tiles.js
+++ /dev/null
@@ -1,79 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.tilemap('desert', 'assets/tilemaps/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
- game.load.image('tiles', 'assets/tilemaps/tiles/tmw_desert_spacing.png');
- game.load.image('car', 'assets/sprites/car90.png');
-
-}
-
-var map;
-var layer;
-
-var cursors;
-var sprite;
-
-function create() {
-
- game.physics.startSystem(Phaser.Physics.ARCADE);
-
- map = game.add.tilemap('desert');
-
- map.addTilesetImage('Desert', 'tiles');
-
- layer = map.createLayer('Ground');
-
- layer.resizeWorld();
-
- sprite = game.add.sprite(450, 80, 'car');
- sprite.anchor.setTo(0.5, 0.5);
-
- game.physics.enable(sprite);
-
- game.camera.follow(sprite);
-
- cursors = game.input.keyboard.createCursorKeys();
-
- game.input.onDown.add(fillTiles, this);
-
-}
-
-function fillTiles() {
-
- map.fill(31, layer.getTileX(sprite.x), layer.getTileY(sprite.y), 8, 8);
-
-}
-
-function update() {
-
- game.physics.arcade.collide(sprite, layer);
-
- sprite.body.velocity.x = 0;
- sprite.body.velocity.y = 0;
- sprite.body.angularVelocity = 0;
-
- if (cursors.left.isDown)
- {
- sprite.body.angularVelocity = -200;
- }
- else if (cursors.right.isDown)
- {
- sprite.body.angularVelocity = 200;
- }
-
- if (cursors.up.isDown)
- {
- sprite.body.velocity.copyFrom(game.physics.arcade.velocityFromAngle(sprite.angle, 300));
- }
-
-}
-
-function render() {
-
- game.debug.text('Click to fill tiles', 32, 32, 'rgb(0,0,0)');
- game.debug.text('Tile X: ' + layer.getTileX(sprite.x), 32, 48, 'rgb(0,0,0)');
- game.debug.text('Tile Y: ' + layer.getTileY(sprite.y), 32, 64, 'rgb(0,0,0)');
-
-}
diff --git a/examples/tilemaps/map bounce.js b/examples/tilemaps/map bounce.js
deleted file mode 100644
index 3c34346f2..000000000
--- a/examples/tilemaps/map bounce.js
+++ /dev/null
@@ -1,78 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.tilemap('map', 'assets/tilemaps/maps/collision_test.json', null, Phaser.Tilemap.TILED_JSON);
- game.load.image('ground_1x1', 'assets/tilemaps/tiles/ground_1x1.png');
- game.load.image('phaser', 'assets/sprites/phaser-dude.png');
-
-}
-
-var map;
-var layer;
-var cursors;
-var sprite;
-
-function create() {
-
- map = game.add.tilemap('map');
-
- map.addTilesetImage('ground_1x1');
-
- layer = map.createLayer('Tile Layer 1');
-
- layer.resizeWorld();
-
- map.setCollisionBetween(1, 12);
-
- // layer.debug = true;
-
- sprite = game.add.sprite(260, 70, 'phaser');
-
- game.physics.enable(sprite);
-
- sprite.body.bounce.set(0.8);
- sprite.body.tilePadding.set(32);
-
- game.camera.follow(sprite);
-
- game.physics.arcade.gravity.y = 200;
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- game.physics.arcade.collide(sprite, layer);
-
- // Un-comment these to gain full control over the sprite
- // sprite.body.velocity.x = 0;
- // sprite.body.velocity.y = 0;
-
- if (cursors.up.isDown)
- {
- sprite.body.velocity.y = -200;
- }
- else if (cursors.down.isDown)
- {
- sprite.body.velocity.y = 200;
- }
-
- if (cursors.left.isDown)
- {
- sprite.body.velocity.x = -200;
- }
- else if (cursors.right.isDown)
- {
- sprite.body.velocity.x = 200;
- }
-
-}
-
-function render() {
-
- // game.debug.body(sprite);
-
-}
diff --git a/examples/tilemaps/map collide.js b/examples/tilemaps/map collide.js
deleted file mode 100644
index 95e55a5fd..000000000
--- a/examples/tilemaps/map collide.js
+++ /dev/null
@@ -1,89 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.tilemap('mario', 'assets/tilemaps/maps/super_mario.json', null, Phaser.Tilemap.TILED_JSON);
- game.load.image('tiles', 'assets/tilemaps/tiles/super_mario.png');
- game.load.image('player', 'assets/sprites/phaser-dude.png');
-
-}
-
-var map;
-var tileset;
-var layer;
-var p;
-var cursors;
-
-function create() {
-
- game.physics.startSystem(Phaser.Physics.ARCADE);
-
- game.stage.backgroundColor = '#787878';
-
- map = game.add.tilemap('mario');
-
- map.addTilesetImage('SuperMarioBros-World1-1', 'tiles');
-
- // 14 = ? block
- // map.setCollisionBetween(14, 15);
-
- map.setCollisionBetween(15, 16);
- map.setCollisionBetween(20, 25);
- map.setCollisionBetween(27, 29);
- map.setCollision(40);
-
- layer = map.createLayer('World1');
-
- // Un-comment this on to see the collision tiles
- // layer.debug = true;
-
- layer.resizeWorld();
-
- p = game.add.sprite(32, 32, 'player');
-
- game.physics.enable(p);
-
- game.physics.arcade.gravity.y = 250;
-
- p.body.bounce.y = 0.2;
- p.body.linearDamping = 1;
- p.body.collideWorldBounds = true;
-
- game.camera.follow(p);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- game.physics.arcade.collide(p, layer);
-
- p.body.velocity.x = 0;
-
- if (cursors.up.isDown)
- {
- if (p.body.onFloor())
- {
- p.body.velocity.y = -200;
- }
- }
-
- if (cursors.left.isDown)
- {
- p.body.velocity.x = -150;
- }
- else if (cursors.right.isDown)
- {
- p.body.velocity.x = 150;
- }
-
-}
-
-function render() {
-
- // game.debug.body(p);
- game.debug.bodyInfo(p, 32, 320);
-
-}
diff --git a/examples/tilemaps/paint tiles.js b/examples/tilemaps/paint tiles.js
deleted file mode 100644
index 2c06f6ba6..000000000
--- a/examples/tilemaps/paint tiles.js
+++ /dev/null
@@ -1,82 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.tilemap('desert', 'assets/tilemaps/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
- game.load.image('tiles', 'assets/tilemaps/tiles/tmw_desert_spacing.png');
-
-}
-
-var map;
-var layer;
-
-var marker;
-var currentTile;
-var cursors;
-
-function create() {
-
- map = game.add.tilemap('desert');
-
- map.addTilesetImage('Desert', 'tiles');
-
- currentTile = map.getTile(2, 3);
-
- layer = map.createLayer('Ground');
-
- layer.resizeWorld();
-
- marker = game.add.graphics();
- marker.lineStyle(2, 0x000000, 1);
- marker.drawRect(0, 0, 32, 32);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- marker.x = layer.getTileX(game.input.activePointer.worldX) * 32;
- marker.y = layer.getTileY(game.input.activePointer.worldY) * 32;
-
- if (game.input.mousePointer.isDown)
- {
- if (game.input.keyboard.isDown(Phaser.Keyboard.SHIFT))
- {
- currentTile = map.getTile(layer.getTileX(marker.x), layer.getTileY(marker.y));
- }
- else
- {
- if (map.getTile(layer.getTileX(marker.x), layer.getTileY(marker.y)) != currentTile)
- {
- map.putTile(currentTile, layer.getTileX(marker.x), layer.getTileY(marker.y))
- }
- }
- }
-
- if (cursors.left.isDown)
- {
- game.camera.x -= 4;
- }
- else if (cursors.right.isDown)
- {
- game.camera.x += 4;
- }
-
- if (cursors.up.isDown)
- {
- game.camera.y -= 4;
- }
- else if (cursors.down.isDown)
- {
- game.camera.y += 4;
- }
-
-}
-
-function render() {
-
- game.debug.text('Left-click to paint. Shift + Left-click to select tile. Arrows to scroll.', 32, 32, '#efefef');
-
-}
diff --git a/examples/tilemaps/randomise tiles.js b/examples/tilemaps/randomise tiles.js
deleted file mode 100644
index 36abe4466..000000000
--- a/examples/tilemaps/randomise tiles.js
+++ /dev/null
@@ -1,85 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.tilemap('desert', 'assets/tilemaps/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
- game.load.image('tiles', 'assets/tilemaps/tiles/tmw_desert_spacing.png');
- game.load.image('car', 'assets/sprites/car90.png');
-
-}
-
-var map;
-var layer;
-
-var cursors;
-var sprite;
-var marker;
-
-function create() {
-
- game.physics.startSystem(Phaser.Physics.ARCADE);
-
- map = game.add.tilemap('desert');
-
- map.addTilesetImage('Desert', 'tiles');
-
- layer = map.createLayer('Ground');
-
- layer.resizeWorld();
-
- marker = game.add.graphics();
- marker.lineStyle(2, 0x00bff3, 1);
- marker.drawRect(0, 0, 32 * 6, 32 * 6);
-
- sprite = game.add.sprite(450, 80, 'car');
- sprite.anchor.setTo(0.5, 0.5);
-
- game.physics.enable(sprite);
-
- game.camera.follow(sprite);
-
- cursors = game.input.keyboard.createCursorKeys();
-
- game.input.onDown.add(randomiseTiles, this);
-
-}
-
-function randomiseTiles() {
-
- map.random(layer.getTileX(sprite.x), layer.getTileY(sprite.y), 6, 6);
-
-}
-
-function update() {
-
- marker.x = layer.getTileX(sprite.x) * 32;
- marker.y = layer.getTileY(sprite.y) * 32;
-
- sprite.body.velocity.x = 0;
- sprite.body.velocity.y = 0;
- sprite.body.angularVelocity = 0;
-
- if (cursors.left.isDown)
- {
- sprite.body.angularVelocity = -200;
- }
- else if (cursors.right.isDown)
- {
- sprite.body.angularVelocity = 200;
- }
-
- if (cursors.up.isDown)
- {
- sprite.body.velocity.copyFrom(game.physics.arcade.velocityFromAngle(sprite.angle, 300));
- }
-
-}
-
-function render() {
-
- game.debug.text('Click to randomise tiles', 32, 32, 'rgb(0,0,0)');
- game.debug.text('Tile X: ' + layer.getTileX(sprite.x), 32, 48, 'rgb(0,0,0)');
- game.debug.text('Tile Y: ' + layer.getTileY(sprite.y), 32, 64, 'rgb(0,0,0)');
-
-}
diff --git a/examples/tilemaps/replace tiles.js b/examples/tilemaps/replace tiles.js
deleted file mode 100644
index 79a0c0618..000000000
--- a/examples/tilemaps/replace tiles.js
+++ /dev/null
@@ -1,82 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.tilemap('desert', 'assets/tilemaps/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
- game.load.image('tiles', 'assets/tilemaps/tiles/tmw_desert_spacing.png');
- game.load.image('car', 'assets/sprites/car90.png');
-
-}
-
-var map;
-var layer;
-
-var cursors;
-var sprite;
-
-function create() {
-
- game.physics.startSystem(Phaser.Physics.ARCADE);
-
- map = game.add.tilemap('desert');
-
- map.addTilesetImage('Desert', 'tiles');
-
- layer = map.createLayer('Ground');
-
- layer.resizeWorld();
-
- sprite = game.add.sprite(450, 80, 'car');
- sprite.anchor.setTo(0.5, 0.5);
-
- game.physics.enable(sprite);
-
- game.camera.follow(sprite);
-
- cursors = game.input.keyboard.createCursorKeys();
-
- game.input.onDown.addOnce(replaceTiles, this);
-
-}
-
-function replaceTiles() {
-
- // This will replace every instance of tile 31 (cactus plant) with tile 46 (the sign post).
- // It does this across the whole layer of the map unless a region is specified.
-
- // You can also pass in x, y, width, height values to control the area in which the replace happens
-
- map.replace(31, 46);
-
-}
-
-function update() {
-
- sprite.body.velocity.x = 0;
- sprite.body.velocity.y = 0;
- sprite.body.angularVelocity = 0;
-
- if (cursors.left.isDown)
- {
- sprite.body.angularVelocity = -200;
- }
- else if (cursors.right.isDown)
- {
- sprite.body.angularVelocity = 200;
- }
-
- if (cursors.up.isDown)
- {
- sprite.body.velocity.copyFrom(game.physics.arcade.velocityFromAngle(sprite.angle, 300));
- }
-
-}
-
-function render() {
-
- game.debug.text('Click to replace tiles', 32, 32, 'rgb(0,0,0)');
- game.debug.text('Tile X: ' + layer.getTileX(sprite.x), 32, 48, 'rgb(0,0,0)');
- game.debug.text('Tile Y: ' + layer.getTileY(sprite.y), 32, 64, 'rgb(0,0,0)');
-
-}
diff --git a/examples/tilemaps/sci fly.js b/examples/tilemaps/sci fly.js
deleted file mode 100644
index 5372b1f00..000000000
--- a/examples/tilemaps/sci fly.js
+++ /dev/null
@@ -1,104 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.tilemap('level3', 'assets/tilemaps/maps/cybernoid.json', null, Phaser.Tilemap.TILED_JSON);
- game.load.image('tiles', 'assets/tilemaps/tiles/cybernoid.png', 16, 16);
- game.load.image('phaser', 'assets/sprites/phaser-ship.png');
- game.load.image('chunk', 'assets/sprites/chunk.png');
-
-}
-
-var map;
-var layer;
-var cursors;
-var sprite;
-var emitter;
-
-function create() {
-
- // A Tilemap object just holds the data needed to describe the map (i.e. the json exported from Tiled, or the CSV exported from elsewhere).
- // You can add your own data or manipulate the data (swap tiles around, etc) but in order to display it you need to create a TilemapLayer.
- map = game.add.tilemap('level3');
-
- map.addTilesetImage('CybernoidMap3BG_bank.png', 'tiles');
-
- layer = map.createLayer(0);
-
- // Basically this sets EVERY SINGLE tile to fully collide on all faces
- map.setCollisionByExclusion([7, 32, 35, 36, 47]);
-
- layer.resizeWorld();
-
- cursors = game.input.keyboard.createCursorKeys();
-
- emitter = game.add.emitter(0, 0, 200);
-
- emitter.makeParticles('chunk');
- emitter.minRotation = 0;
- emitter.maxRotation = 0;
- emitter.gravity = 150;
- emitter.bounce.setTo(0.5, 0.5);
-
- sprite = game.add.sprite(300, 90, 'phaser');
- sprite.anchor.set(0.5);
-
- game.physics.enable(sprite);
-
- // Because both our body and our tiles are so tiny,
- // and the body is moving pretty fast, we need to add
- // some tile padding to the body. WHat this does
- sprite.body.tilePadding.set(32, 32);
-
- game.camera.follow(sprite);
-
-}
-
-function particleBurst() {
-
- emitter.x = sprite.x;
- emitter.y = sprite.y;
- emitter.start(true, 2000, null, 1);
-
-}
-
-function update() {
-
- game.physics.arcade.collide(sprite, layer);
- game.physics.arcade.collide(emitter, layer);
-
- sprite.body.velocity.x = 0;
- sprite.body.velocity.y = 0;
-
- if (cursors.up.isDown)
- {
- sprite.body.velocity.y = -200;
- particleBurst();
- }
- else if (cursors.down.isDown)
- {
- sprite.body.velocity.y = 200;
- particleBurst();
- }
-
- if (cursors.left.isDown)
- {
- sprite.body.velocity.x = -200;
- sprite.scale.x = -1;
- particleBurst();
- }
- else if (cursors.right.isDown)
- {
- sprite.body.velocity.x = 200;
- sprite.scale.x = 1;
- particleBurst();
- }
-
-}
-
-function render() {
-
- // game.debug.body(sprite);
-
-}
diff --git a/examples/tilemaps/shuffle tiles.js b/examples/tilemaps/shuffle tiles.js
deleted file mode 100644
index fad8371f5..000000000
--- a/examples/tilemaps/shuffle tiles.js
+++ /dev/null
@@ -1,85 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.tilemap('desert', 'assets/tilemaps/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
- game.load.image('tiles', 'assets/tilemaps/tiles/tmw_desert_spacing.png');
- game.load.image('car', 'assets/sprites/car90.png');
-
-}
-
-var map;
-var layer;
-
-var cursors;
-var sprite;
-var marker;
-
-function create() {
-
- game.physics.startSystem(Phaser.Physics.ARCADE);
-
- map = game.add.tilemap('desert');
-
- map.addTilesetImage('Desert', 'tiles');
-
- layer = map.createLayer('Ground');
-
- layer.resizeWorld();
-
- marker = game.add.graphics();
- marker.lineStyle(2, 0x00bff3, 1);
- marker.drawRect(0, 0, 32 * 6, 32 * 6);
-
- sprite = game.add.sprite(450, 80, 'car');
- sprite.anchor.setTo(0.5, 0.5);
-
- game.physics.enable(sprite);
-
- game.camera.follow(sprite);
-
- cursors = game.input.keyboard.createCursorKeys();
-
- game.input.onDown.add(randomiseTiles, this);
-
-}
-
-function randomiseTiles() {
-
- map.shuffle(layer.getTileX(sprite.x), layer.getTileY(sprite.y), 6, 6);
-
-}
-
-function update() {
-
- marker.x = layer.getTileX(sprite.x) * 32;
- marker.y = layer.getTileY(sprite.y) * 32;
-
- sprite.body.velocity.x = 0;
- sprite.body.velocity.y = 0;
- sprite.body.angularVelocity = 0;
-
- if (cursors.left.isDown)
- {
- sprite.body.angularVelocity = -200;
- }
- else if (cursors.right.isDown)
- {
- sprite.body.angularVelocity = 200;
- }
-
- if (cursors.up.isDown)
- {
- sprite.body.velocity.copyFrom(game.physics.arcade.velocityFromAngle(sprite.angle, 300));
- }
-
-}
-
-function render() {
-
- game.debug.text('Click to randomise tiles', 32, 32, 'rgb(0,0,0)');
- game.debug.text('Tile X: ' + layer.getTileX(sprite.x), 32, 48, 'rgb(0,0,0)');
- game.debug.text('Tile Y: ' + layer.getTileY(sprite.y), 32, 64, 'rgb(0,0,0)');
-
-}
diff --git a/examples/tilemaps/swap tiles.js b/examples/tilemaps/swap tiles.js
deleted file mode 100644
index e2510e1a9..000000000
--- a/examples/tilemaps/swap tiles.js
+++ /dev/null
@@ -1,78 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.tilemap('desert', 'assets/tilemaps/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
- game.load.image('tiles', 'assets/tilemaps/tiles/tmw_desert_spacing.png');
- game.load.image('car', 'assets/sprites/car90.png');
-
-}
-
-var map;
-var layer;
-
-var cursors;
-var sprite;
-
-function create() {
-
- map = game.add.tilemap('desert');
-
- map.addTilesetImage('Desert', 'tiles');
-
- layer = map.createLayer('Ground');
-
- layer.resizeWorld();
-
- sprite = game.add.sprite(450, 80, 'car');
- sprite.anchor.setTo(0.5, 0.5);
-
- game.camera.follow(sprite);
-
- cursors = game.input.keyboard.createCursorKeys();
-
- game.input.onDown.addOnce(swapTiles, this);
-
-}
-
-function swapTiles() {
-
- // This will swap every instance of tile 30 (empty ground) with tile 31 (the cactus plant), it also does the opposite,
- // so tile 31 (cactus plants) will become empty ground (tile 30). It does this across the whole layer of the map.
-
- // You can also pass in x, y, width, height values to control the area in which the swap happens
-
- map.swap(30, 31);
-
-}
-
-function update() {
-
- sprite.body.velocity.x = 0;
- sprite.body.velocity.y = 0;
- sprite.body.angularVelocity = 0;
-
- if (cursors.left.isDown)
- {
- sprite.body.angularVelocity = -200;
- }
- else if (cursors.right.isDown)
- {
- sprite.body.angularVelocity = 200;
- }
-
- if (cursors.up.isDown)
- {
- sprite.body.velocity.copyFrom(game.physics.velocityFromAngle(sprite.angle, 300));
- }
-
-}
-
-function render() {
-
- game.debug.text('Click to swap tiles', 32, 32, 'rgb(0,0,0)');
- game.debug.text('Tile X: ' + layer.getTileX(sprite.x), 32, 48, 'rgb(0,0,0)');
- game.debug.text('Tile Y: ' + layer.getTileY(sprite.y), 32, 64, 'rgb(0,0,0)');
-
-}
diff --git a/examples/tilemaps/tile callbacks.js b/examples/tilemaps/tile callbacks.js
deleted file mode 100644
index 51e5c38eb..000000000
--- a/examples/tilemaps/tile callbacks.js
+++ /dev/null
@@ -1,97 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.tilemap('map', 'assets/tilemaps/maps/tile_collision_test.json', null, Phaser.Tilemap.TILED_JSON);
-
- game.load.image('ground_1x1', 'assets/tilemaps/tiles/ground_1x1.png');
- game.load.image('phaser', 'assets/sprites/arrow.png');
- game.load.spritesheet('coin', 'assets/sprites/coin.png', 32, 32);
-
-}
-
-var map;
-var layer;
-
-var sprite;
-var cursors;
-
-function create() {
-
- game.physics.startSystem(Phaser.Physics.ARCADE);
-
- map = game.add.tilemap('map');
-
- map.addTilesetImage('ground_1x1');
- map.addTilesetImage('coin');
-
- map.setCollisionBetween(1, 12);
-
- // This will set Tile ID 26 (the coin) to call the hitCoin function when collided with
- map.setTileIndexCallback(26, hitCoin, this);
-
- // This will set the map location 2, 0 to call the function
- map.setTileLocationCallback(2, 0, 1, 1, hitCoin, this);
-
- layer = map.createLayer('Tile Layer 1');
-
- layer.resizeWorld();
-
- sprite = game.add.sprite(260, 100, 'phaser');
- sprite.anchor.set(0.5);
- game.physics.enable(sprite);
-
- sprite.body.setSize(16, 16, 8, 8);
-
- // We'll set a lower max angular velocity here to keep it from going totally nuts
- sprite.body.maxAngular = 500;
-
- // Apply a drag otherwise the sprite will just spin and never slow down
- sprite.body.angularDrag = 50;
-
- game.camera.follow(sprite);
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function hitCoin(sprite, tile) {
-
- tile.alpha = 0.2;
-
- layer.dirty = true;
-
- return false;
-
-}
-
-function update() {
-
- game.physics.arcade.collide(sprite, layer);
-
- sprite.body.velocity.x = 0;
- sprite.body.velocity.y = 0;
- sprite.body.angularVelocity = 0;
-
- if (cursors.left.isDown)
- {
- sprite.body.angularVelocity = -300;
- }
- else if (cursors.right.isDown)
- {
- sprite.body.angularVelocity = 300;
- }
-
- if (cursors.up.isDown)
- {
- game.physics.arcade.velocityFromAngle(sprite.angle, 300, sprite.body.velocity);
- }
-
-}
-
-function render() {
-
- game.debug.body(sprite);
-
-}
\ No newline at end of file
diff --git a/examples/tilemaps/tilemap ray cast.js b/examples/tilemaps/tilemap ray cast.js
deleted file mode 100644
index c074a92cb..000000000
--- a/examples/tilemaps/tilemap ray cast.js
+++ /dev/null
@@ -1,127 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.tilemap('map', 'assets/tilemaps/maps/collision_test.json', null, Phaser.Tilemap.TILED_JSON);
- game.load.image('ground_1x1', 'assets/tilemaps/tiles/ground_1x1.png');
- game.load.image('phaser', 'assets/sprites/phaser-dude.png');
-
-}
-
-var map;
-var layer;
-var cursors;
-var sprite;
-var line;
-var tileHits = [];
-var plotting = false;
-
-function create() {
-
- line = new Phaser.Line();
-
- map = game.add.tilemap('map');
-
- map.addTilesetImage('ground_1x1');
-
- layer = map.createLayer('Tile Layer 1');
-
- layer.resizeWorld();
-
- map.setCollisionBetween(1, 12);
-
- layer.debug = true;
-
- sprite = game.add.sprite(260, 70, 'phaser');
-
- game.physics.enable(sprite);
-
- game.camera.follow(sprite);
-
- cursors = game.input.keyboard.createCursorKeys();
-
- var help = game.add.text(10, 10, 'Arrows to move, click and drag to cast a ray', { font: '16px Arial', fill: '#ffffff' });
- help.fixedToCamera = true;
-
- game.input.onDown.add(startLine, this);
- game.input.onUp.add(raycast, this);
-
-}
-
-function startLine(pointer) {
-
- if (tileHits.length > 0)
- {
- for (var i = 0; i < tileHits.length; i++)
- {
- tileHits[i].debug = false;
- }
-
- layer.dirty = true;
- }
-
- line.start.set(pointer.worldX, pointer.worldY);
-
- plotting = true;
-
-}
-
-function raycast(pointer) {
-
- line.end.set(pointer.worldX, pointer.worldY);
-
- tileHits = layer.getRayCastTiles(line, 4, false, false);
-
- if (tileHits.length > 0)
- {
- // Just so we can visually see the tiles
- for (var i = 0; i < tileHits.length; i++)
- {
- tileHits[i].debug = true;
- }
-
- layer.dirty = true;
- }
-
- plotting = false;
-
-}
-
-function update() {
-
- if (plotting)
- {
- line.end.set(game.input.activePointer.worldX, game.input.activePointer.worldY);
- }
-
- game.physics.arcade.collide(sprite, layer);
-
- sprite.body.velocity.x = 0;
- sprite.body.velocity.y = 0;
-
- if (cursors.up.isDown)
- {
- sprite.body.velocity.y = -200;
- }
- else if (cursors.down.isDown)
- {
- sprite.body.velocity.y = 200;
- }
-
- if (cursors.left.isDown)
- {
- sprite.body.velocity.x = -200;
- }
- else if (cursors.right.isDown)
- {
- sprite.body.velocity.x = 200;
- }
-
-}
-
-function render() {
-
- game.debug.geom(line);
-
-}
diff --git a/examples/time/basic looped event.js b/examples/time/basic looped event.js
deleted file mode 100644
index 446e00d7f..000000000
--- a/examples/time/basic looped event.js
+++ /dev/null
@@ -1,44 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- game.load.image('ball', 'assets/sprites/pangball.png');
-
-}
-
-var counter = 0;
-var text = 0;
-
-function create() {
-
- game.stage.backgroundColor = '#6688ee';
-
- text = game.add.text(game.world.centerX, game.world.centerY, 'Counter: 0', { font: "64px Arial", fill: "#ffffff", align: "center" });
- text.anchor.setTo(0.5, 0.5);
-
- // Here we'll create a basic looped event.
- // A looped event is like a repeat event but with no limit, it will literally repeat itself forever, or until
-
- // The first parameter is how long to wait before the event fires. In this case 1 second (you could pass in 1000 as the value as well.)
- // The next two parameters are the function to call ('updateCounter') and the context under which that will happen.
-
-
- game.time.events.loop(Phaser.Timer.SECOND, updateCounter, this);
-
-}
-
-function updateCounter() {
-
- counter++;
-
- text.setText('Counter: ' + counter);
-
-}
-
-function render() {
-
- game.debug.text("Time until event: " + game.time.events.duration.toFixed(0), 32, 32);
- game.debug.text("Next tick: " + game.time.events.next.toFixed(0), 32, 64);
-
-}
diff --git a/examples/time/basic repeat event.js b/examples/time/basic repeat event.js
deleted file mode 100644
index 9767d2733..000000000
--- a/examples/time/basic repeat event.js
+++ /dev/null
@@ -1,45 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- game.load.image('ball', 'assets/sprites/pangball.png');
-
-}
-
-function create() {
-
- game.stage.backgroundColor = '#6688ee';
-
- // Here we'll create a basic repeating event.
-
- // The way a repeating event works is that it is placed into the queue once,
- // and when it runs its 'repeatCounter' is reduced by 1 and it's moved back into the queue again.
- // To this end the queue will only ever have 1 event actually in it.
-
- // The first parameter is how long to wait before the event fires. In this case 2 seconds (you could pass in 2000 as the value as well.)
- // The second parameter is how many times the event will run in total. Here we'll run it 10 times.
- // The next two parameters are the function to call ('createBall') and the context under which that will happen.
-
- // Once the event has been called 10 times it will never be called again.
-
- game.time.events.repeat(Phaser.Timer.SECOND * 2, 10, createBall, this);
-
-}
-
-function createBall() {
-
- // A bouncey ball sprite just to visually see what's going on.
-
- var ball = game.add.sprite(game.world.randomX, 0, 'ball');
-
- game.physics.enable(ball, Phaser.Physics.ARCADE);
-
-}
-
-function render() {
-
- game.debug.text("Time until event: " + game.time.events.duration.toFixed(0), 32, 32);
- game.debug.text("Next tick: " + game.time.events.next.toFixed(0), 32, 64);
-
-}
diff --git a/examples/time/basic timed event.js b/examples/time/basic timed event.js
deleted file mode 100644
index b5956d18b..000000000
--- a/examples/time/basic timed event.js
+++ /dev/null
@@ -1,37 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- game.load.image('bisley', 'assets/pics/alex-bisleys_horsy_5.png');
-
-}
-
-var picture;
-
-function create() {
-
- game.stage.backgroundColor = '#6688ee';
-
- picture = game.add.sprite(game.world.centerX, game.world.centerY, 'bisley');
- picture.anchor.setTo(0.5, 0.5);
-
- // Here we'll create a basic timed event. This is a one-off event, it won't repeat or loop:
- // The first parameter is how long to wait before the event fires. In this case 4 seconds (you could pass in 4000 as the value as well.)
- // The next parameter is the function to call ('fadePicture') and finally the context under which that will happen.
-
- game.time.events.add(Phaser.Timer.SECOND * 4, fadePicture, this);
-
-}
-
-function fadePicture() {
-
- game.add.tween(picture).to( { alpha: 0 }, 2000, Phaser.Easing.Linear.None, true);
-
-}
-
-function render() {
-
- game.debug.text("Time until event: " + game.time.events.duration, 32, 32);
-
-}
diff --git a/examples/time/remove event.js b/examples/time/remove event.js
deleted file mode 100644
index 0e34f1a33..000000000
--- a/examples/time/remove event.js
+++ /dev/null
@@ -1,55 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { create: create, render: render });
-
-var counters = [];
-var text = [];
-var timerEvents = [];
-var i = 9;
-
-function create() {
-
- game.stage.backgroundColor = '#6688ee';
-
- for (var i = 0; i < 10; i++)
- {
- counters[i] = 0;
- text[i] = game.add.text(game.world.centerX, 80 + (40 * i), 'Counter ' + i + ' = 0', { font: "32px Arial", fill: "#ffffff", align: "center" });
- text[i].anchor.setTo(0.5, 0);
-
- // Here we create our timer events. They will be set to loop at a random value between 250ms and 1000ms
- timerEvents[i] = game.time.events.loop(game.rnd.integerInRange(250, 1000), updateCounter, this, i);
- }
-
- // Click to remove
- game.input.onDown.add(removeCounter, this);
-
-}
-
-function updateCounter(idx) {
-
- counters[idx]++;
-
- text[idx].setText('Counter ' + idx + ' = ' + counters[idx]);
-
-}
-
-function removeCounter() {
-
- if (i >= 0)
- {
- // Removes the timer, starting with the top one and working down
- game.time.events.remove(timerEvents[i]);
-
- // Just updates the text
- text[i].style.fill = '#3344aa';
- text[i].setText('Counter ' + i + ' removed');
- i--;
- }
-
-}
-
-function render() {
-
- game.debug.text("Queued events: " + game.time.events.length + ' - click to remove', 32, 32);
-
-}
diff --git a/examples/time/timed slideshow.js b/examples/time/timed slideshow.js
deleted file mode 100644
index 26cc2edb5..000000000
--- a/examples/time/timed slideshow.js
+++ /dev/null
@@ -1,94 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- game.load.image('picture1', 'assets/pics/cougar_sanity_train.png');
- game.load.image('picture2', 'assets/pics/cougar-face_of_nature.png');
- game.load.image('picture3', 'assets/pics/destop-rewarding.png');
- game.load.image('picture4', 'assets/pics/destop-unknown.png');
- game.load.image('picture5', 'assets/pics/questar.png');
- game.load.image('picture6', 'assets/pics/seven_seas_andromeda_fairfax.png');
- game.load.image('picture7', 'assets/pics/slayer-sorry_im_the_beast.png');
-
-}
-
-var pictureA;
-var pictureB;
-var timer;
-var current = 3;
-
-function create() {
-
- game.stage.backgroundColor = '#000';
-
- pictureA = game.add.sprite(game.world.centerX, game.world.centerY, 'picture1');
- pictureA.anchor.setTo(0.5, 0.5);
- pictureA.scale.setTo(2, 2);
-
- pictureB = game.add.sprite(game.world.centerX, game.world.centerY, 'picture2');
- pictureB.anchor.setTo(0.5, 0.5);
- pictureB.scale.setTo(2, 2);
- pictureB.alpha = 0;
-
- // Create our Timer
- timer = game.time.create(false);
-
- // Set a TimerEvent to occur after 3 seconds
- timer.add(3000, fadePictures, this);
-
- // Start the timer running - this is important!
- // It won't start automatically, allowing you to hook it to button events and the like.
- timer.start();
-
-}
-
-function fadePictures() {
-
- // Cross-fade the two pictures
- var tween;
-
- if (pictureA.alpha === 1)
- {
- tween = game.add.tween(pictureA).to( { alpha: 0 }, 2000, Phaser.Easing.Linear.None, true);
- game.add.tween(pictureB).to( { alpha: 1 }, 2000, Phaser.Easing.Linear.None, true);
- }
- else
- {
- game.add.tween(pictureA).to( { alpha: 1 }, 2000, Phaser.Easing.Linear.None, true);
- tween = game.add.tween(pictureB).to( { alpha: 0 }, 2000, Phaser.Easing.Linear.None, true);
- }
-
- // When the cross-fade is complete we swap the image being shown by the now hidden picture
- tween.onComplete.add(changePicture, this);
-
-}
-
-function changePicture() {
-
- if (pictureA.alpha === 0)
- {
- pictureA.loadTexture('picture' + current);
- }
- else
- {
- pictureB.loadTexture('picture' + current);
- }
-
- current++;
-
- if (current > 7)
- {
- current = 1;
- }
-
- // And set a new TimerEvent to occur after 3 seconds
- timer.add(3000, fadePictures, this);
-
-}
-
-function render() {
-
- game.debug.text("Time until event: " + timer.duration.toFixed(0), 10, 20);
-
-}
diff --git a/examples/tweens/bounce.js b/examples/tweens/bounce.js
deleted file mode 100644
index cbb7185e4..000000000
--- a/examples/tweens/bounce.js
+++ /dev/null
@@ -1,29 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('ball', 'assets/sprites/yellow_ball.png');
-
-}
-
-var ball;
-
-function create() {
-
- ball = game.add.sprite(300, 0, 'ball');
-
- startBounceTween();
-}
-
-function startBounceTween() {
-
- ball.y = 0;
-
- var bounce=game.add.tween(ball);
-
- bounce.to({ y: game.world.height-ball.height }, 1000 + Math.random() * 3000, Phaser.Easing.Bounce.In);
- bounce.onComplete.add(startBounceTween, this);
- bounce.start();
-
-}
diff --git a/examples/tweens/bubbles.js b/examples/tweens/bubbles.js
deleted file mode 100644
index e71f967da..000000000
--- a/examples/tweens/bubbles.js
+++ /dev/null
@@ -1,26 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('space', 'assets/misc/starfield.png', 138, 15);
- game.load.image('ball', 'assets/sprites/shinyball.png');
-
-}
-
-function create() {
-
- game.add.tileSprite(0, 0, 800, 600, 'space');
-
- for (var i = 0; i < 30; i++)
- {
- var sprite = game.add.sprite(game.world.randomX,game.world.randomY,'ball');
-
- // Fade in a sprite
- game.add.tween(sprite).to({ y: -50 }, Math.random() * 4500, Phaser.Easing.Cubic.Out, true);
-
- // This tween starts with a random length delay
- game.add.tween(sprite).to({ alpha: 0 }, Math.random() * 4500, Phaser.Easing.Quadratic.InOut, true, Math.random() * 500);
- }
-
-}
diff --git a/examples/tweens/chained tweens.js b/examples/tweens/chained tweens.js
deleted file mode 100644
index e324d0438..000000000
--- a/examples/tweens/chained tweens.js
+++ /dev/null
@@ -1,24 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('diamond', 'assets/sprites/diamond.png');
-
-}
-
-function create() {
-
- game.stage.backgroundColor = 0x2d2d2d;
-
- var sprite = game.add.sprite(100, 100, 'diamond');
-
- // Here we'll chain 4 different tweens together and play through them all in a loop
- var tween = game.add.tween(sprite).to({ x: 600 }, 2000, Phaser.Easing.Linear.None)
- .to({ y: 300 }, 1000, Phaser.Easing.Linear.None)
- .to({ x: 100 }, 2000, Phaser.Easing.Linear.None)
- .to({ y: 100 }, 1000, Phaser.Easing.Linear.None)
- .loop()
- .start();
-
-}
diff --git a/examples/tweens/combined tweens.js b/examples/tweens/combined tweens.js
deleted file mode 100644
index b228b1c9e..000000000
--- a/examples/tweens/combined tweens.js
+++ /dev/null
@@ -1,52 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', {preload:preload,create: create });
-
-function preload() {
-
- game.load.spritesheet('pig', 'assets/sprites/invaderpig.png', 124, 104);
- game.load.image('starfield', 'assets/misc/starfield.jpg');
- game.load.image('mushroom', 'assets/sprites/mushroom2.png');
-
-}
-
-var mushroom;
-var pig;
-var pigArrives;
-var s;
-
-function create() {
-
- game.add.tileSprite(0, 0, 800, 600, 'starfield');
-
- pig = game.add.sprite(-50, 200, 'pig', 1);
-
- pig.scale.setTo(0.5, 0.5);
-
- mushroom = game.add.sprite(380, 200, 'mushroom');
- mushroom.anchor.setTo(0.5, 0.5);
-
- pigArrives = game.add.tween(pig);
-
- pigArrives.to({x:150}, 1000, Phaser.Easing.Bounce.Out);
- pigArrives.onComplete.add(firstTween, this);
- pigArrives.start();
-
-}
-
-function firstTween() {
-
- s = game.add.tween(mushroom.scale);
- s.to({x: 2, y:2}, 1000, Phaser.Easing.Linear.None);
- s.onComplete.addOnce(theEnd, this);
- s.start();
-
-}
-
-function theEnd() {
-
- e = game.add.tween(pig);
-
- e.to({ x: -150 }, 1000, Phaser.Easing.Bounce.Out);
- e.start();
-
-}
diff --git a/examples/tweens/easing spritesheets.js b/examples/tweens/easing spritesheets.js
deleted file mode 100644
index 02d93b803..000000000
--- a/examples/tweens/easing spritesheets.js
+++ /dev/null
@@ -1,25 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', {preload:preload,create: create });
-
-function preload() {
-
- game.load.spritesheet('phaser', 'assets/tests/tween/phaser.png', 70, 90);
- game.load.image('starfield', 'assets/misc/starfield.jpg');
-
-}
-
-function create() {
-
- var item;
-
- game.add.tileSprite(0, 0, 800, 600, 'starfield');
-
- for (var i = 0; i < 6; i++)
- {
- item = game.add.sprite(190 + 69 * i, -90, 'phaser', i);
-
- // Add a simple bounce tween to each character's position.
- game.add.tween(item).to({y: 240}, 2400, Phaser.Easing.Bounce.Out, true, 1000 + 400 * i, false);
- }
-
-}
diff --git a/examples/tweens/easing.js b/examples/tweens/easing.js
deleted file mode 100644
index 5be7e59a7..000000000
--- a/examples/tweens/easing.js
+++ /dev/null
@@ -1,46 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.spritesheet('shadow', 'assets/tests/tween/shadow.png', 138, 15);
- game.load.spritesheet('phaser', 'assets/tests/tween/phaser.png', 70, 90);
-
-}
-
-function create() {
-
- var item;
- var shadow;
- var tween;
-
- // Sets background color to white.
- game.stage.backgroundColor = '#ffffff';
-
- for (var i = 0; i < 6; i++)
- {
- // Add a shadow to the location which characters will land on.
- // And tween their size to make them look like a real shadow.
- // Put the following code before items to give shadow a lower
- // render order.
- shadow = game.add.sprite(190 + 69 * i, 284, 'shadow');
-
- // Set shadow's size 0 so that it'll be invisible at the beginning.
- shadow.scale.setTo(0.0, 0.0);
-
- // Also set the origin to the center since we don't want to
- // see the shadow scale to the left top.
- shadow.anchor.setTo(0.5, 0.5);
- game.add.tween(shadow.scale).to({x: 1.0, y: 1.0}, 2400, Phaser.Easing.Bounce.Out, true);
-
- // Add characters on top of shadows.
- item = game.add.sprite(190 + 69 * i, -50, 'phaser', i);
-
- // Set origin to the center to make the rotation look better.
- item.anchor.setTo(0.5, 0.5);
-
- // Add a simple bounce tween to each character's position.
- tween = game.add.tween(item).to( { y: 245 }, 2400, Phaser.Easing.Bounce.Out, true);
- }
-
-}
diff --git a/examples/tweens/fading in a sprite.js b/examples/tweens/fading in a sprite.js
deleted file mode 100644
index 5b43a76ef..000000000
--- a/examples/tweens/fading in a sprite.js
+++ /dev/null
@@ -1,22 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('space', 'assets/misc/starfield.png', 138, 15);
- game.load.image('logo', 'assets/sprites/phaser2.png');
-
-}
-
-function create() {
-
- game.add.tileSprite(0, 0, 800, 600, 'space');
-
- var sprite = game.add.sprite(game.world.centerX, game.world.centerY, 'logo');
-
- sprite.anchor.setTo(0.5, 0.5);
- sprite.alpha = 0;
-
- game.add.tween(sprite).to( { alpha: 1 }, 2000, Phaser.Easing.Linear.None, true, 0, 1000, true);
-
-}
diff --git a/examples/tweens/generate data.js b/examples/tweens/generate data.js
deleted file mode 100644
index 8d5c010c2..000000000
--- a/examples/tweens/generate data.js
+++ /dev/null
@@ -1,88 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('wasp', 'assets/sprites/wasp.png');
- game.load.image('sky', 'assets/skies/cavern1.png');
-
-}
-
-var bugs;
-var index = 0;
-var data;
-var pos = [];
-
-function create() {
-
- game.add.image(0, 0, 'sky');
-
- // image = game.add.image(0, 0, 'wasp');
-
- // We don't want it to actually run, so we use game.make.tween instead of game.add.tween
-
- var tweenData = { x: 0, y: 0 };
-
- // Here we'll tween the values held in the tweenData object to x: 500, y: 300
- tween = game.make.tween(tweenData).to( { x: 100, y: 400 }, 2000, Phaser.Easing.Sinusoidal.InOut);
-
- // Set the tween to yoyo so it loops smoothly
- tween.yoyo(true);
-
- // We have 3 interpolation methods available: linearInterpolation (the default), bezierInterpolation and catmullRomInterpolation.
-
- // tween.interpolation(game.math.bezierInterpolation);
- tween.interpolation(game.math.catmullRomInterpolation);
-
- // Generates the tween data at a rate of 60 frames per second.
- // This is useful if you've got a lot of objects all using the same tween, just at different coordinates.
- // It saves having to calculate the same tween across the properties of all objects involved in the motion.
- // Instead you can pre-calculate it in advance and trade that in for a bit of memory to store it in an array.
- data = tween.generateData(60);
-
- // Now create some sprites to shown the tween data in action
- bugs = game.add.group();
-
- pos.push(new Phaser.Point(32, 0));
- pos.push(new Phaser.Point(300, 100));
- pos.push(new Phaser.Point(600, 70));
-
- bugs.create(pos[0].x, pos[0].y, 'wasp');
- bugs.create(pos[1].x, pos[1].y, 'wasp');
- bugs.create(pos[2].x, pos[2].y, 'wasp');
-
-}
-
-function update() {
-
- // A simple data playback.
-
- // Each element of the array contains an object that includes whatever properties were tweened
- // In this case the x and y properties
-
- // Because the tween data is pre-generated we can apply it however we want:
- // Directly, by adding to the coordinates
- bugs.getAt(0).x = pos[0].x + data[index].x;
- bugs.getAt(0).y = pos[0].y + data[index].y;
-
- // Half one of the values
- bugs.getAt(1).x = pos[1].x + (data[index].x / 2);
- bugs.getAt(1).y = pos[1].y + data[index].y;
-
- // Inverse one of the values
- bugs.getAt(2).x = pos[2].x - data[index].x;
- bugs.getAt(2).y = pos[2].y + data[index].y;
-
- // You can do all kinds of effects by modifying the tween data,
- // without having loads of active tweens running.
-
- // This just advances the tween data index
- // It's crude and doesn't take target device speed into account at all, but works as an example
- index++;
-
- if (index === data.length)
- {
- index = 0;
- }
-
-}
diff --git a/examples/tweens/pause tween.js b/examples/tweens/pause tween.js
deleted file mode 100644
index c6689e959..000000000
--- a/examples/tweens/pause tween.js
+++ /dev/null
@@ -1,41 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-var p;
-var tween;
-var button;
-var flag = true;
-
-function preload() {
-
- game.load.image('diamond', 'assets/sprites/diamond.png');
- game.load.spritesheet('button', 'assets/buttons/button_sprite_sheet.png', 193, 71);
-
-}
-
-function create() {
-
- game.stage.backgroundColor = 0x2d2d2d;
-
- p = game.add.sprite(100, 100, 'diamond');
-
- tween = game.add.tween(p).to({ x: 600 }, 4000, Phaser.Easing.Linear.None, true, 0, 1000, true)
-
- button = game.add.button(game.world.centerX, 400, 'button', actionOnClick, this, 2, 1, 0);
-
-}
-
-function actionOnClick() {
-
- if (flag)
- {
- tween.pause();
- }
- else
- {
- tween.resume();
- }
-
- flag = !flag;
-
-}
diff --git a/examples/tweens/tween loop event.js b/examples/tweens/tween loop event.js
deleted file mode 100644
index 19545584b..000000000
--- a/examples/tweens/tween loop event.js
+++ /dev/null
@@ -1,63 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- game.load.spritesheet('balls', 'assets/sprites/balls.png', 17, 17);
-
-}
-
-var ball;
-var tween;
-var bounces = 10;
-
-function create() {
-
- ball = game.add.sprite(400, 0, 'balls', 0);
-
- tween = game.add.tween(ball).to( { y: game.world.height - ball.height }, 1500, Phaser.Easing.Bounce.Out, true, 2500, 10);
-
- // There is a 2.5 second delay at the start, then it calls this function
- tween.onStart.add(onStart, this);
-
- // This tween will loop 10 times, calling this function every time it loops
- tween.onLoop.add(onLoop, this);
-
- // When it completes it will call this function
- tween.onComplete.add(onComplete, this);
-
-}
-
-function onStart() {
-
- // Turn off the delay, so it loops seamlessly from here on
- tween.delay(0);
-
-}
-
-function onLoop() {
-
- bounces--;
-
- if (ball.frame === 5)
- {
- ball.frame = 0;
- }
- else
- {
- ball.frame++;
- }
-
-}
-
-function onComplete() {
-
- tween = game.add.tween(ball).to( { x: 800 - ball.width }, 2000, Phaser.Easing.Exponential.Out, true);
-
-}
-
-function render() {
-
- game.debug.text('Bounces: ' + bounces, 32, 32);
-
-}
\ No newline at end of file
diff --git a/examples/tweens/tween relative.js b/examples/tweens/tween relative.js
deleted file mode 100644
index 0f36d16a1..000000000
--- a/examples/tweens/tween relative.js
+++ /dev/null
@@ -1,57 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
-
-function preload() {
-
- game.load.image('phaser', 'assets/sprites/phaser1.png');
- game.load.spritesheet('arrows', 'assets/sprites/arrows.png', 23, 31);
-
-}
-
-var arrowStart;
-var arrowEnd;
-var sprite;
-
-function create() {
-
- game.stage.backgroundColor = '#2384e7';
-
- arrowStart = game.add.sprite(100, 100, 'arrows', 0);
-
- arrowEnd = game.add.sprite(400, 100, 'arrows', 1);
-
- sprite = game.add.sprite(100, 164, 'phaser');
- sprite.inputEnabled = true;
-
- sprite.events.onInputDown.add(move, this);
-
-}
-
-function move() {
-
- if (sprite.x === 100)
- {
- // Here you'll notice we are using a relative value for the tween.
- // You can specify a number as a string with either + or - at the start of it.
- // When the tween starts it will take the sprites current X value and add +300 to it.
-
- game.add.tween(sprite).to( { x: '+300' }, 2000, Phaser.Easing.Linear.None, true);
- }
- else if (sprite.x === 400)
- {
- game.add.tween(sprite).to( { x: '-300' }, 2000, Phaser.Easing.Linear.None, true);
- }
-
-}
-
-function render() {
-
- if (sprite.x === 100 || sprite.x === 400)
- {
- game.debug.text('Click sprite to tween', 32, 32);
- }
-
- game.debug.text('x: ' + arrowStart.x, arrowStart.x, arrowStart.y - 4);
- game.debug.text('x: ' + arrowEnd.x, arrowEnd.x, arrowEnd.y - 4);
-
-}
diff --git a/examples/tweens/tween several properties.js b/examples/tweens/tween several properties.js
deleted file mode 100644
index ff72610e2..000000000
--- a/examples/tweens/tween several properties.js
+++ /dev/null
@@ -1,29 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.image('sky', 'assets/skies/sky4.png');
- game.load.spritesheet('phaser', 'assets/tests/tween/phaser.png', 70, 90);
-
-}
-
-function create() {
-
- game.add.sprite(0, 0, 'sky');
-
- var item;
-
- for (var i = 0; i < 6; i++)
- {
- item = game.add.sprite(190 + 69 * i, -100, 'phaser', i);
- item.anchor.setTo(0.5,0.5);
-
- // Add a simple bounce tween to each character's position.
- game.add.tween(item).to({y: 240}, 2400, Phaser.Easing.Bounce.Out, true, 1000 + 400 * i, false);
-
- // Add another rotation tween to the same character.
- game.add.tween(item).to({angle: 360}, 2400, Phaser.Easing.Cubic.In, true, 1000 + 400 * i, false);
- }
-
-}
diff --git a/examples/where have they gone.txt b/examples/where have they gone.txt
new file mode 100644
index 000000000..fa49944f3
--- /dev/null
+++ b/examples/where have they gone.txt
@@ -0,0 +1,6 @@
+Ever since we started Phaser we've been growing and expanding our extensive set of Examples.
+
+They used to be bundled in the main Phaser repo, but because they got so large and in order
+to help with versioning we've moved them to their own repository:
+
+https://github.com/photonstorm/phaser-examples
diff --git a/examples/wip/TweenGroup.js b/examples/wip/TweenGroup.js
deleted file mode 100644
index e2ad740c3..000000000
--- a/examples/wip/TweenGroup.js
+++ /dev/null
@@ -1,482 +0,0 @@
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* TweenGroup constructor
-* Create a new TweenGroup.
-*
-* @class Phaser.TweenGroup
-* @constructor
-* @param {Phaser.Game} game - Current game instance.
-* @param {number} delay - Delay before this tween will start, defaults to 0 (no delay).
-* @param {number} repeat - How many time should the TweenGroup repeat itself. Infinity can be used for infinite repetition.
-* @param {Phaser.Tween} yoyo - Whether this TweenGroup will reverse on completion.
-* @param {boolean} autoStart - Whether this TweenGroup will start automatically or not.
-*/
-Phaser.TweenGroup = function (game, delay, repeat, yoyo, autoStart) {
-
- autoStart = autoStart || true;
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running Game.
- */
- this.game = game;
-
- /**
- * @property {number} _duration - Description.
- * @private
- * @default
- */
- this._duration = 0;
-
- /**
- * @property {number} _repeat - Description.
- * @private
- * @default
- */
- this._repeat = repeat || 0;
-
- /**
- * @property {boolean} _yoyo - Description.
- * @private
- * @default
- */
- this._yoyo = yoyo || false;
-
- /**
- * @property {boolean} _reversed - Description.
- * @private
- * @default
- */
- this._reversed = false;
-
- /**
- * @property {number} _delayTime - Description.
- * @private
- * @default
- */
- this._delayTime = delay || 0;
-
- /**
- * @property {Description} _startTime - Description.
- * @private
- * @default null
- */
- this._startTime = null;
-
- /**
- * @property {Description} _onStartCallback - Description.
- * @private
- * @default
- */
- this._onStartCallback = null;
-
- /**
- * @property {boolean} _onStartCallbackFired - Description.
- * @private
- * @default
- */
- this._onStartCallbackFired = false;
-
- /**
- * @property {Description} _onUpdateCallback - Description.
- * @private
- * @default null
- */
- this._onUpdateCallback = null;
-
- /**
- * @property {Description} _onCompleteCallback - Description.
- * @private
- * @default null
- */
- this._onCompleteCallback = null;
-
- /**
- * @property {boolean} _paused - Description.
- * @private
- * @default false
- */
- this._paused = false;
-
- /**
- * @property {number} _pausedTime - Description.
- * @private
- * @default
- */
- this._pausedTime = 0;
-
- /**
- * @property {boolean} pendingDelete - If this TweenGroup is ready to be deleted by the TweenManager.
- * @default
- */
- this.pendingDelete = false;
-
- /**
- * @property {Phaser.Signal} onStart - Description.
- */
- this.onStart = new Phaser.Signal();
-
- /**
- * @property {Phaser.Signal} onComplete - Description.
- */
- this.onComplete = new Phaser.Signal();
-
- /**
- * @property {boolean} isRunning - Description.
- * @default
- */
- this.isRunning = false;
-
- /**
- * @property {number} _time - Description.
- * @private
- */
- this._time = 0;
-
- /**
- * @property {array} _tweens - Description.
- * @private
- */
- this._tweens = [];
-
- /**
- * @property {array} _add - Description.
- * @private
- */
- this._add = [];
-
- /**
- * @property {boolean} _dirty - Description.
- * @private
- */
- this._dirty = false;
-
- if (autoStart) {
- this.start();
- }
-
-};
-
-Phaser.TweenGroup.prototype = {
-
- /**
- * Create and configure a tween that will be added to this group
- *
- * @method Phaser.TweenGroup#to
- * @param {object} object - Object to tween.
- * @param {object} properties - Properties you want to tween.
- * @param {number} duration - Duration of this tween.
- * @param {function} ease - Easing function.
- * @param {boolean} autoStart - Whether this tween will start automatically or not.
- * @param {number} delay - Delay before this tween will start, defaults to 0 (no delay).
- * @param {boolean} repeat - Should the tween automatically restart once complete? (ignores any chained tweens).
- * @param {Phaser.Tween} yoyo - Description.
- * @return {Phaser.TweenGroup} Itself.
- */
- to: function ( object, properties, duration, ease, autoStart, delay, repeat, yoyo ) {
-
- var tween = new Phaser.Tween(object, this.game);
- tween.to(properties, duration, ease, autoStart, delay, repeat, yoyo);
- this.add(tween);
-
- return this;
-
- },
-
- /**
- * Starts the TweenGroup.
- *
- * @method Phaser.TweenGroup#start
- * @return {Phaser.TweenGroup} Itself.
- */
- start: function () {
-
- this.game.tweens.add(this);
-
- this.onStart.dispatch();
-
- this.isRunning = true;
-
- this._onStartCallbackFired = false;
-
- this._startTime = this.game.time.now + this._delayTime;
-
- return this;
-
- },
-
- /**
- * Stops the TweenGroup if running and removes it from the TweenManager. If there are any onComplete callbacks or events they are not dispatched.
- *
- * @method Phaser.TweenGroup#stop
- * @return {Phaser.TweenGroup} Itself.
- */
- stop: function () {
-
- this.game.tweens.remove(this);
- this.isRunning = false;
-
- return this;
-
- },
-
- /**
- * Sets a delay time before this tween will start.
- *
- * @method Phaser.TweenGroup#delay
- * @param {number} amount - The amount of the delay in ms.
- * @return {Phaser.TweenGroup} Itself.
- */
- delay: function ( amount ) {
-
- this._delayTime = amount;
- return this;
-
- },
-
- /**
- * Sets the number of times this tween will repeat.
- *
- * @method Phaser.TweenGroup#repeat
- * @param {number} times - How many times to repeat.
- * @return {Phaser.TweenGroup} Itself.
- */
- repeat: function ( times ) {
-
- this._repeat = times;
- return this;
-
- },
-
- /**
- * A tween that has yoyo set to true will run through from start to finish, then reverse from finish to start.
- * Used in combination with repeat you can create endless loops.
- *
- * @method Phaser.TweenGroup#yoyo
- * @param {boolean} yoyo - Set to true to yoyo this tween.
- * @return {Phaser.TweenGroup} Itself.
- */
- yoyo: function( yoyo ) {
-
- this._yoyo = yoyo;
- return this;
-
- },
-
- /**
- * Sets a callback to be fired when the tween starts. Note: callback will be called in the context of the global scope.
- *
- * @method Phaser.TweenGroup#onStartCallback
- * @param {function} callback - The callback to invoke on start.
- * @return {Phaser.TweenGroup} Itself.
- */
- onStartCallback: function ( callback ) {
-
- this._onStartCallback = callback;
- return this;
-
- },
-
- /**
- * Sets a callback to be fired each time this tween updates. Note: callback will be called in the context of the global scope.
- *
- * @method Phaser.TweenGroup#onUpdateCallback
- * @param {function} callback - The callback to invoke each time this tween is updated.
- * @return {Phaser.TweenGroup} Itself.
- */
- onUpdateCallback: function ( callback ) {
-
- this._onUpdateCallback = callback;
- return this;
-
- },
-
- /**
- * Sets a callback to be fired when the tween completes. Note: callback will be called in the context of the global scope.
- *
- * @method Phaser.TweenGroup#onCompleteCallback
- * @param {function} callback - The callback to invoke on completion.
- * @return {Phaser.TweenGroup} Itself.
- */
- onCompleteCallback: function ( callback ) {
-
- this._onCompleteCallback = callback;
- return this;
-
- },
-
- /**
- * Pauses the tween.
- *
- * @method Phaser.TweenGroup#pause
- */
- pause: function () {
- this._paused = true;
- this._pausedTime = this.game.time.now;
- },
-
- /**
- * Resumes a paused tween.
- *
- * @method Phaser.TweenGroup#resume
- */
- resume: function () {
- this._paused = false;
- this._startTime += (this.game.time.now - this._pausedTime);
- },
-
- /**
- * Core tween update function called by the TweenManager. Does not need to be invoked directly.
- *
- * @method Phaser.TweenGroup#update
- * @param {number} time - A timestamp passed in by the TweenManager.
- * @return {boolean} false if the tween has completed and should be deleted from the manager, otherwise true (still active).
- */
- update: function ( time ) {
- var i = 0,
- numTweens = this._tweens.length,
- tween = null;
-
- var rtime = 0;
-
- if ( this._onStartCallbackFired === false ) {
-
- if ( this._onStartCallback !== null ) {
-
- this._onStartCallback.call(this);
-
- }
-
- this.onStart.dispatch(this);
-
- this._onStartCallbackFired = true;
-
- }
-
- if ( this._dirty && numTweens > 0) {
-
- var max = 0;
-
- for (var j = numTweens - 1; j >= 0; j--) {
- tween = this._tweens[j];
-
- if ( max < ( tween._startTime + tween._duration ) ) {
- max = tween._startTime + tween._duration;
- }
- }
-
- this._duration = max;
-
- this._dirty = false;
-
- }
-
- while ( i < numTweens ) {
-
- tween = this._tweens[ i ];
-
- if ( ( time < tween._startTime ) || ( time > ( tween._startTime + tween._duration )) || tween._paused) {
-
- i++;
- continue;
-
- }
-
- rtime = time - tween._startTime;
-
- tween.update( rtime );
-
- i++;
- }
-
- if ( this._onUpdateCallback !== null ) {
-
- this._onUpdateCallback.call(this);
-
- }
-
- if ( ( ( time >= this._duration ) && !this._reversed ) || ( ( time <= 0) && this._reversed ) ) {
-
- this.onComplete.dispatch(this);
-
- if ( this._onCompleteCallback !== null ) {
- this._onCompleteCallback.call(this);
- }
-
- if ( this._repeat > 0 ) {
-
- if ( isFinite( this._repeat ) ) {
- this._repeat--;
- }
-
- if (this._yoyo) {
- this._reversed = !this._reversed;
- }
-
- this._startTime = this.game.time.now + this._delayTime;
-
- } else {
- return false;
- }
-
- }
-
- if (this._add.length > 0)
- {
- this._tweens = this._tweens.concat(this._add);
- this._add.length = 0;
- }
-
- return true;
- },
-
- /**
- * Add a new tween into the TweenGroup.
- *
- * @method Phaser.TweenGroup#add
- * @param {Phaser.Tween} tween - The tween object you want to add.
- * @returns {Phaser.Tween} The tween object you added to the group.
- */
- add: function ( tween ) {
-
- if ( this.isRunning ) {
- this._add.push( tween );
- } else {
- this._tweens.push( tween );
- }
-
- tween._startTime = this._duration + tween._delayTime;
-
- if ( ( tween._startTime + tween._duration ) > this._duration ) {
- this._duration = tween._startTime + tween._duration;
- }
-
- this._dirty = true;
-
- },
-
- /**
- * Remove a tween from this TweenGroup.
- *
- * @method Phaser.TweenGroup#remove
- * @param {Phaser.Tween} tween - The tween object you want to remove.
- */
- remove: function ( tween ) {
-
- var i = this._tweens.indexOf( tween );
-
- if ( i !== -1 ) {
-
- this._tweens[i].pendingDelete = true;
-
- }
-
- this._dirty = true;
-
- }
-
-};
diff --git a/examples/wip/alpha-mask.js b/examples/wip/alpha-mask.js
deleted file mode 100644
index 72d6824fd..000000000
--- a/examples/wip/alpha-mask.js
+++ /dev/null
@@ -1,34 +0,0 @@
-
-// var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('pic', 'assets/pics/questar.png');
- game.load.image('mask1', 'assets/pics/mask-test.png');
- game.load.image('mask2', 'assets/pics/mask-test2.png');
-
-}
-
-var pic;
-
-function create() {
-
- var bmd = game.make.bitmapData(320, 256);
-
- bmd.alphaMask('pic', 'mask2');
-
- pic = game.add.sprite(0, 0, bmd);
-
- pic.scale.set(2);
-
-}
-
-function update() {
-
-
-}
-
-function render() {
-
-}
diff --git a/examples/wip/anim-speed.js b/examples/wip/anim-speed.js
deleted file mode 100644
index a6fd855e5..000000000
--- a/examples/wip/anim-speed.js
+++ /dev/null
@@ -1,48 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.spritesheet('mummy', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
-
-}
-
-var mummy;
-var anim;
-
-function create() {
-
- game.stage.backgroundColor = 0x2d2d2d;
-
- mummy = game.add.sprite(300, 200, 'mummy', 5);
-
- anim = mummy.animations.add('walk');
-
- anim.play(10, true);
-
- game.input.onDown.add(changeSpeed, this);
-
-}
-
-function changeSpeed(pointer) {
-
- if (pointer.x < 400)
- {
- anim.speed -= 1;
- }
- else
- {
- anim.speed += 1;
- }
-
-}
-
-function update() {
-
-}
-
-function render() {
-
- game.debug.text(anim.speed, 32, 32);
-
-}
\ No newline at end of file
diff --git a/examples/wip/anim1.js b/examples/wip/anim1.js
deleted file mode 100644
index a6e42d6df..000000000
--- a/examples/wip/anim1.js
+++ /dev/null
@@ -1,36 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.spritesheet('mummy', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
-
-}
-
-var mummy;
-var anim;
-
-function create() {
-
- game.stage.backgroundColor = 0xff8855;
-
- mummy = game.add.sprite(300, 200, 'mummy', 5);
-
- mummy.animations.updateIfVisible = false;
-
- anim = mummy.animations.add('walk');
-
- anim.play(2, false);
- // anim.play(2, true);
-
-}
-
-function update() {
-
-}
-
-function render() {
-
- game.debug.text(anim.frame + ' / 17', 32, 32);
-
-}
\ No newline at end of file
diff --git a/examples/wip/animated tilesprite.js b/examples/wip/animated tilesprite.js
deleted file mode 100644
index 1b22906b3..000000000
--- a/examples/wip/animated tilesprite.js
+++ /dev/null
@@ -1,75 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-var tilesprite;
-var cursors;
-var count = 0;
-
-function preload() {
-
- game.load.image('starfield', 'assets/misc/starfield.jpg');
- game.load.spritesheet('mummy', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
- game.load.atlas('seacreatures', 'assets/sprites/seacreatures_json.png', 'assets/sprites/seacreatures_json.json');
-
-}
-
-var sprite;
-
-function create() {
-
- // sprite = game.add.tileSprite(0, 0, 800, 600, 'starfield');
- // sprite = game.add.tileSprite(100, 100, 400, 300, 'starfield');
-
-
- // sprite = game.add.tileSprite(0, 0, 800, 600, 'mummy', 0);
- // sprite.animations.add('walk');
- // sprite.animations.play('walk', 20, true);
-
- // x = game.add.sprite(0, 0, 'mummy');
- // x.animations.add('walk');
- // x.animations.play('walk', 20, true);
-
- sprite = game.add.tileSprite(0, 0, 800, 600, 'seacreatures', 'octopus0000');
- sprite.animations.add('swim', Phaser.Animation.generateFrameNames('octopus', 0, 24, '', 4), 30, true);
- sprite.animations.play('swim');
-
-
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
- count += 0.005
-
- sprite.tileScale.x = 2 + Math.sin(count);
- sprite.tileScale.y = 2 + Math.cos(count);
-
- sprite.tilePosition.x += 1;
- sprite.tilePosition.y += 1;
-
- if (cursors.left.isDown)
- {
- sprite.tilePosition.x += 4;
- }
- else if (cursors.right.isDown)
- {
- sprite.tilePosition.x -= 4;
- }
-
- if (cursors.up.isDown)
- {
- sprite.tilePosition.y += 4;
- }
- else if (cursors.down.isDown)
- {
- sprite.tilePosition.y -= 4;
- }
-
-}
-
-function render() {
-
- // game.debug.text(sprite.frame, 32, 32);
-
-}
diff --git a/examples/wip/animation events.js b/examples/wip/animation events.js
deleted file mode 100644
index 1d04dbfba..000000000
--- a/examples/wip/animation events.js
+++ /dev/null
@@ -1,69 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('lazur', 'assets/pics/thorn_lazur.png');
- game.load.spritesheet('mummy', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
-
-}
-
-var back;
-var mummy;
-var anim;
-var loopText;
-
-function create() {
-
- game.stage.smoothed = false;
-
- back = game.add.image(0, -400, 'lazur');
- back.scale.set(2);
-
- mummy = game.add.sprite(200, 360, 'mummy', 5);
- mummy.scale.set(4);
-
- anim = mummy.animations.add('walk');
-
- anim.onStart.add(animationStarted, this);
- anim.onLoop.add(animationLooped, this);
- anim.onComplete.add(animationStopped, this);
-
- anim.play(10, true);
-
-}
-
-function animationStarted(sprite, animation) {
-
- game.add.text(32, 32, 'Animation started', { fill: 'white' });
-
-}
-
-function animationLooped(sprite, animation) {
-
- if (animation.loopCount === 1)
- {
- loopText = game.add.text(32, 64, 'Animation looped', { fill: 'white' });
- }
- else
- {
- loopText.text = 'Animation looped x2';
- animation.loop = false;
- }
-
-}
-
-function animationStopped(sprite, animation) {
-
- game.add.text(32, 64+32, 'Animation stopped', { fill: 'white' });
-
-}
-
-function update() {
-
- if (anim.isPlaying)
- {
- back.x -= 1;
- }
-
-}
\ No newline at end of file
diff --git a/examples/wip/astro balls.js b/examples/wip/astro balls.js
deleted file mode 100644
index d1b1901bd..000000000
--- a/examples/wip/astro balls.js
+++ /dev/null
@@ -1,103 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.WEBGL, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- // game.load.image('arrow', 'assets/sprites/arrow.png');
- game.load.image('arrow', 'assets/sprites/thrust_ship2.png');
- game.load.image('chunk', 'assets/sprites/chunk.png');
- game.load.spritesheet('bullets', 'assets/sprites/balls.png', 17, 17);
-
-}
-
-var cannon;
-var bullets;
-var angle = 0;
-var fireRate = 100;
-var nextFire = 0;
-var cursors;
-
-function create() {
-
- game.stage.backgroundColor = '#2d2d2d';
-
- game.physics.gravity[1] = -8.5;
- game.physics.defaultRestitution = 0.8;
- game.physics.defaultFriction = 0.1;
-
- bullets = game.add.group();
- bullets.createMultiple(250, 'bullets', 0, false);
-
- cannon = game.add.sprite(50, 500, 'arrow');
- cannon.physicsEnabled = true;
- cannon.body.kinematic = true;
- cannon.body.mass = 4;
- cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function fire() {
-
- if (game.time.now > nextFire)
- {
- nextFire = game.time.now + fireRate;
-
- var bullet = bullets.getFirstExists(false);
-
- if (bullet)
- {
- bullet.frame = game.rnd.integerInRange(0,6);
- bullet.exists = true;
- bullet.position.set(cannon.x, cannon.y);
- bullet.physicsEnabled = true;
-
- bullet.body.rotation = cannon.rotation + game.math.degToRad(90);
-
- var magnitude = game.math.px2p(-500);
- var angle = bullet.body.rotation + Math.PI / 2;
-
- bullet.body.velocity.x = magnitude * Math.cos(angle);
- bullet.body.velocity.y = magnitude * Math.sin(angle);
- }
- }
-
-}
-
-function update() {
-
- if (cursors.left.isDown)
- {
- cannon.body.rotateLeft(100);
- }
- else if (cursors.right.isDown)
- {
- cannon.body.rotateRight(100);
- }
- else
- {
- cannon.body.setZeroRotation();
- }
-
- if (cursors.up.isDown)
- {
- cannon.body.moveForward(200);
- }
- else if (cursors.down.isDown)
- {
- cannon.body.moveBackward(200);
- }
-
- var dx = game.input.activePointer.worldX - cannon.x;
- var dy = game.input.activePointer.worldY - cannon.y;
- cannon.rotation = Math.atan2(dy, dx);
-
- if (game.input.activePointer.isDown)
- {
- fire();
- }
-
-}
-
-function render() {
-
-}
diff --git a/examples/wip/atari balls.js b/examples/wip/atari balls.js
deleted file mode 100644
index ea66d7d15..000000000
--- a/examples/wip/atari balls.js
+++ /dev/null
@@ -1,99 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('atari', 'assets/sprites/atari130xe.png');
- game.load.spritesheet('bullets', 'assets/sprites/balls.png', 17, 17);
-
-}
-
-var atari;
-var balls;
-
-function create() {
-
- game.stage.backgroundColor = '#2d2d2d';
-
- balls = game.add.group();
-
- balls.createMultiple(250, 'bullets', 0, false);
-
- atari = game.add.sprite(300, 450, 'atari');
-
- game.physics.arcade.gravity.y = 400;
-
- // Enable physics on everything added to the world so far (the true parameter makes it recurse down into children)
- game.physics.arcade.enable(game.world, true);
-
- atari.body.gravityScale.y = 0;
- atari.body.immovable = true;
-
- cursors = game.input.keyboard.createCursorKeys();
-
- game.time.events.loop(150, fire, this);
-
-}
-
-function fire() {
-
- var ball = balls.getFirstExists(false);
-
- if (ball)
- {
- ball.frame = game.rnd.integerInRange(0,6);
- ball.exists = true;
- ball.reset(game.world.randomX, 0);
-
- ball.body.bounce.y = 0.8;
- }
-
-}
-
-function reflect(a, ball) {
-
- if (ball.y > (atari.y + 5))
- {
- return true;
- }
- else
- {
- ball.body.velocity.x = atari.body.velocity.x;
- ball.body.velocity.y *= -(ball.body.bounce.y);
-
- return false;
- }
-
-}
-
-function update() {
-
- game.physics.arcade.collide(atari, balls, null, reflect, this);
-
- atari.body.velocity.x = 0;
-
- if (cursors.left.isDown)
- {
- atari.body.velocity.x = -200;
- }
- else if (cursors.right.isDown)
- {
- atari.body.velocity.x = 200;
- }
-
- balls.forEachAlive(checkBounds, this);
-
-}
-
-function checkBounds(ball) {
-
- if (ball.y > 600)
- {
- ball.kill();
- }
-
-}
-
-function render() {
-
-}
diff --git a/examples/wip/atlas_trim_array.js b/examples/wip/atlas_trim_array.js
deleted file mode 100644
index a3c09512d..000000000
--- a/examples/wip/atlas_trim_array.js
+++ /dev/null
@@ -1,24 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- // Non-trimmed
- // game.load.atlasJSONArray('atlas', 'assets/sprites/atlas_array_no_trim.png', 'assets/sprites/atlas_json_array_no_trim.json');
- // game.load.atlasJSONHash('atlas', 'assets/sprites/atlas_hash_no_trim.png', 'assets/sprites/atlas_json_hash_no_trim.json');
-
- // Trimmed
- // game.load.atlasJSONArray('atlas', 'assets/sprites/atlas_array_trim.png', 'assets/sprites/atlas_json_array_trim.json');
- game.load.atlasJSONHash('atlas', 'assets/sprites/atlas_hash_trim.png', 'assets/sprites/atlas_json_hash_trim.json');
-
-}
-
-var sprite;
-
-function create() {
-
- sprite = game.add.sprite(330, 100, 'atlas', 'nanoha_taiken_blue');
-
- sprite = game.add.sprite(530, 100, 'atlas', 'ladycop');
-
-}
diff --git a/examples/wip/autoscroll.js b/examples/wip/autoscroll.js
deleted file mode 100644
index ae0f4a8a1..000000000
--- a/examples/wip/autoscroll.js
+++ /dev/null
@@ -1,37 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-var tilesprite;
-var cursors;
-var count = 0;
-
-function preload() {
-
- game.load.image('starfield', 'assets/misc/starfield.jpg');
- game.load.spritesheet('mummy', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
- game.load.atlas('seacreatures', 'assets/sprites/seacreatures_json.png', 'assets/sprites/seacreatures_json.json');
-
-}
-
-var sprite;
-
-function create() {
-
- sprite = game.add.tileSprite(0, 0, 800, 600, 'starfield');
- sprite.autoScroll(0, 200);
-
- game.add.image(200, 200, 'mummy');
-
- game.world.scale.set(2);
-
-}
-
-function update() {
-
-}
-
-function render() {
-
- // game.debug.text(sprite.frame, 32, 32);
-
-}
diff --git a/examples/wip/bitmaptext littera.js b/examples/wip/bitmaptext littera.js
deleted file mode 100644
index a2cacf457..000000000
--- a/examples/wip/bitmaptext littera.js
+++ /dev/null
@@ -1,14 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
-
-function preload() {
-
- game.load.bitmapFont('shortStack', 'assets/fonts/bitmapFonts/shortStack.png', 'assets/fonts/bitmapFonts/shortStack.fnt');
-
-}
-
-function create() {
-
- game.add.bitmapText(32, 32, 'shortStack', 'This font was generated using the\nfree Littera web site\n\nhttp://kvazars.com/littera/', 32);
-
-}
diff --git a/examples/wip/bitmaptext1.js b/examples/wip/bitmaptext1.js
deleted file mode 100644
index 364fff96d..000000000
--- a/examples/wip/bitmaptext1.js
+++ /dev/null
@@ -1,35 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.bitmapFont('desyrel', 'assets/fonts/bitmapFonts/desyrel.png', 'assets/fonts/bitmapFonts/desyrel.xml', null, 0, -32);
- game.load.bitmapFont('carrier', 'assets/fonts/bitmapFonts/carrier_command.png', 'assets/fonts/bitmapFonts/carrier_command.xml', null, 0, 24);
-
-}
-
-var text;
-var text2;
-
-function create() {
-
- text = game.add.bitmapText(100, 100, 'carrier', 'Phaser and Pixi\nrocking!', 32);
-
- text2 = game.add.bitmapText(100, 300, 'desyrel', 'Phaser & Pixi\nrocking!', 64);
-
- game.input.onDown.add(change, this);
-
-}
-
-function change() {
-
- text.align = 'center';
- text2.tint = Math.random() * 0xFFFFFF;
-
-}
-
-function update() {
-
- // text.text = 'Phaser & Pixi\nrocking!\n' + Math.round(game.time.now);
-
-}
diff --git a/examples/wip/bitmaptext2.js b/examples/wip/bitmaptext2.js
deleted file mode 100644
index fc6f23b0a..000000000
--- a/examples/wip/bitmaptext2.js
+++ /dev/null
@@ -1,47 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('goldFont', 'assets/fonts/retroFonts/gold_font.png');
- game.load.image('bluePink', 'assets/fonts/retroFonts/bluepink_font.png');
- game.load.image('forgotten', 'assets/pics/forgotten_worlds.png');
-
-}
-
-var font1;
-var font2;
-var image1;
-var image2;
-
-function create() {
-
- font1 = game.add.retroFont('goldFont', 16, 16, "! :() ,?." + Phaser.RetroFont.TEXT_SET10, 20, 0, 0);
- font1.text = "phaser brings you retro style bitmap fonts";
-
- image1 = game.add.image(game.world.centerX, 48, font1);
- image1.anchor.set(0.5);
-
- font2 = game.add.retroFont('bluePink', 32, 32, Phaser.RetroFont.TEXT_SET2, 10);
- font2.setText("phaser 2\nin the house", true, 0, 8, Phaser.RetroFont.ALIGN_CENTER);
-
- image2 = game.add.image(game.world.centerX, 220, font2);
- image2.anchor.set(0.5);
-
- game.add.image(0, game.height - 274, 'forgotten');
-
- game.time.events.loop(Phaser.Timer.SECOND * 2, change, this);
-
-}
-
-function change() {
-
- image2.tint = Math.random() * 0xFFFFFF;
-
-}
-
-function update() {
-
- image2.rotation += (2 * game.time.physicsElapsed);
-
-}
diff --git a/examples/wip/bitmaptext3.js b/examples/wip/bitmaptext3.js
deleted file mode 100644
index 5f199adc9..000000000
--- a/examples/wip/bitmaptext3.js
+++ /dev/null
@@ -1,30 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
-
-function preload() {
-
- game.load.image('knightHawks', 'assets/fonts/retroFonts/KNIGHT3.png');
-
-}
-
-var font;
-
-function create() {
-
- font = game.add.retroFont('knightHawks', 31, 25, Phaser.RetroFont.TEXT_SET6, 10, 1, 1);
- font.text = 'phaser was here';
-
- for (var c = 0; c < 19; c++)
- {
- var i = game.add.image(game.world.centerX, c * 32, font);
- i.tint = Math.random() * 0xFFFFFF;
- i.anchor.set(0.5, 1);
- }
-
-}
-
-function update() {
-
- font.text = "phaser x: " + game.input.x + " y: " + game.input.y;
-
-}
diff --git a/examples/wip/blank text.js b/examples/wip/blank text.js
deleted file mode 100644
index 5e5077eb8..000000000
--- a/examples/wip/blank text.js
+++ /dev/null
@@ -1,10 +0,0 @@
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { create: create });
-
-function create() {
-
- var style = { font: "65px Arial", fill: "#ff0044", align: "center" };
- var text = game.add.text(game.world.centerX, game.world.centerY, "x", style);
-
- text.anchor.set(0.5);
-
-}
\ No newline at end of file
diff --git a/examples/wip/blendmodes.js b/examples/wip/blendmodes.js
deleted file mode 100644
index b8fc2a710..000000000
--- a/examples/wip/blendmodes.js
+++ /dev/null
@@ -1,62 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-// var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('bg', 'assets/pics/color_wheel_swirl.png');
- game.load.image('pic', 'assets/pics/questar.png');
- game.load.image('mask1', 'assets/pics/mask-test.png');
- game.load.image('mask2', 'assets/pics/mask-test2.png');
-
-}
-
-var pic;
-var mask;
-
-function create() {
-
- var bmd = game.make.bitmapData(320, 200);
-
- // bmd.draw('pic');
-
- bmd.alphaMask('pic', 'mask2');
-
- pic = game.add.sprite(0, 0, bmd);
-
- // game.add.image(-200, 0, 'bg');
-
- // mask = game.add.sprite(0, 0, 'mask1');
-
- // pic = game.add.sprite(0, 0, 'pic');
-
- // mask.addChild(pic);
-
- // pic.blendMode = Phaser.blendModes.NORMAL;
- // pic.blendMode = Phaser.blendModes.ADD;
- // pic.blendMode = Phaser.blendModes.MULTIPLY;
- // pic.blendMode = Phaser.blendModes.SCREEN;
- // mask.blendMode = Phaser.blendModes.OVERLAY;
- // pic.blendMode = Phaser.blendModes.DARKEN;
- // pic.blendMode = Phaser.blendModes.LIGHTEN;
- // pic.blendMode = Phaser.blendModes.COLOR_DODGE;
- // pic.blendMode = Phaser.blendModes.COLOR_BURN;
- // pic.blendMode = Phaser.blendModes.HARD_LIGHT;
- // pic.blendMode = Phaser.blendModes.SOFT_LIGHT;
- // pic.blendMode = Phaser.blendModes.DIFFERENCE;
- // pic.blendMode = Phaser.blendModes.EXCLUSION;
- // pic.blendMode = Phaser.blendModes.HUE;
- // pic.blendMode = PIXI.blendModes.SATURATION;
- // pic.blendMode = Phaser.blendModes.COLOR;
- // pic.blendMode = Phaser.blendModes.LUMINOSITY;
-
-}
-
-function update() {
-
-
-}
-
-function render() {
-
-}
diff --git a/examples/wip/bmd.js b/examples/wip/bmd.js
deleted file mode 100644
index 32e7be6ae..000000000
--- a/examples/wip/bmd.js
+++ /dev/null
@@ -1,36 +0,0 @@
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
- game.load.image('pic', '/phaser/examples/assets/pics/1984-nocooper-space.png');
-
-}
-
-var image;
-var bmd;
-
-function create() {
-
- console.log('pic box 11');
-
- game.add.sprite(0, 0, 'pic');
-
- bmd = game.add.bitmapData(800, 600);
- bmd.context.fillStyle = 'rgba(255,0,0,1)';
- bmd.context.fillRect(0, 0, 300, 100);
-
- image = game.add.image(0, 100, bmd);
-
-}
-
-function update() {
-
- bmd.context.fillRect(game.input.x, game.input.y, 8, 8);
-
-}
-
-function render() {
-
- game.debug.text(game.input.x, 32, 32);
-
-}
diff --git a/examples/wip/book/audio/explode.wav b/examples/wip/book/audio/explode.wav
deleted file mode 100644
index 05cefd0c6..000000000
Binary files a/examples/wip/book/audio/explode.wav and /dev/null differ
diff --git a/examples/wip/book/audio/shot.wav b/examples/wip/book/audio/shot.wav
deleted file mode 100644
index 1ae178cba..000000000
Binary files a/examples/wip/book/audio/shot.wav and /dev/null differ
diff --git a/examples/wip/book/audio/title.mp3 b/examples/wip/book/audio/title.mp3
deleted file mode 100644
index 2a31b561a..000000000
Binary files a/examples/wip/book/audio/title.mp3 and /dev/null differ
diff --git a/examples/wip/book/fire.js b/examples/wip/book/fire.js
deleted file mode 100644
index 4cbdc5b25..000000000
--- a/examples/wip/book/fire.js
+++ /dev/null
@@ -1,96 +0,0 @@
-PIXI.FireFilter = function(width, height, texture)
-{
- PIXI.AbstractFilter.call( this );
-
- this.passes = [this];
-
- var d = new Date();
-
- var dates = [
- d.getFullYear(), // the year (four digits)
- d.getMonth(), // the month (from 0-11)
- d.getDate(), // the day of the month (from 1-31)
- d.getHours()*60.0*60 + d.getMinutes()*60 + d.getSeconds()
- ];
-
- this.uniforms = {
- resolution: { type: 'f2', value: { x: width, y: height }},
- mouse: { type: 'f2', value: { x: 0, y: 0 }},
- time: { type: 'f', value: 1 }
- };
-
- // http://glsl.heroku.com/e#11707.0
-
- // Heroku shader conversion
- this.fragmentSrc = [
-
- "#ifdef GL_ES",
- "precision mediump float;",
- "#endif",
-
- "uniform float time;",
- "uniform vec2 mouse;",
- "uniform vec2 resolution;",
-
- "vec3 iResolution = vec3(resolution.x,resolution.y,100.);",
- "vec4 iMouse = vec4(mouse.x,mouse.y,5.,5.);",
- "float iGlobalTime = time;",
- "uniform sampler2D iChannel0;",
-
- "// by @301z",
-
- "float rand(vec2 n) {",
- "return fract(cos(dot(n, vec2(12.9898, 4.1414))) * 43758.5453);",
- "}",
-
- "// Genera ruido en función de las coordenadas del pixel",
- "float noise(vec2 n) {",
- "const vec2 d = vec2(0.0, 1.0);",
- "vec2 b = floor(n), f = smoothstep(vec2(0.0), vec2(1.0), fract(n));",
- "return mix(mix(rand(b), rand(b + d.yx), f.x), mix(rand(b + d.xy), rand(b + d.yy), f.x), f.y);",
- "}",
-
- "// Fractional Brownian Amplitude. Suma varias capas de ruido.",
- "float fbm(vec2 n) {",
- "float total = 0.0, amplitude = 1.0;",
- "for (int i = 0; i < 4; i++) {",
- "total += noise(n) * amplitude;",
- "n += n;",
- "amplitude *= 0.5;",
- "}",
- "return total;",
- "}",
-
- "void main() {",
- "// Colores",
- "const vec3 c1 = vec3(0.5, 0.0, 0.1); // Rojo oscuro.",
- "const vec3 c2 = vec3(0.9, 0.0, 0.0); // Rojo claro.",
- "const vec3 c3 = vec3(0.2, 0.0, 0.0); // Rojo oscuro.",
- "const vec3 c4 = vec3(1.0, 0.9, 0.0); // Amarillo.",
- "const vec3 c5 = vec3(0.1); // Gris oscuro.",
- "const vec3 c6 = vec3(0.9); // Gris claro.",
-
- "vec2 p = gl_FragCoord.xy * 8.0 / iResolution.xx; // Desfasa las coordenadas para que haya más cambio de un resultado a los colindantes.",
- "float q = fbm(p - iGlobalTime * 0.1); // Ruido con offset para el movimiento.",
- "vec2 r = vec2(fbm(p + q + iGlobalTime * 0.7 - p.x - p.y), fbm(p + q - iGlobalTime * 0.4));",
- "vec3 c = mix(c1, c2, fbm(p + r)) + mix(c3, c4, r.x) - mix(c5, c6, r.y);",
- "gl_FragColor = vec4(c *",
- "cos(1.57 * gl_FragCoord.y / iResolution.y), // Gradiente más ocuro arriba.",
- "1.0);",
- "}"];
-
-
-
-}
-
-PIXI.FireFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
-PIXI.FireFilter.prototype.constructor = PIXI.FireFilter;
-
-Object.defineProperty(PIXI.FireFilter.prototype, 'iGlobalTime', {
- get: function() {
- return this.uniforms.time.value;
- },
- set: function(value) {
- this.uniforms.time.value = value;
- }
-});
diff --git a/examples/wip/book/images/bullet.png b/examples/wip/book/images/bullet.png
deleted file mode 100644
index ad04f6559..000000000
Binary files a/examples/wip/book/images/bullet.png and /dev/null differ
diff --git a/examples/wip/book/images/explode.png b/examples/wip/book/images/explode.png
deleted file mode 100644
index 0dd73247e..000000000
Binary files a/examples/wip/book/images/explode.png and /dev/null differ
diff --git a/examples/wip/book/images/invader32x32x4.png b/examples/wip/book/images/invader32x32x4.png
deleted file mode 100644
index 5d0409ccb..000000000
Binary files a/examples/wip/book/images/invader32x32x4.png and /dev/null differ
diff --git a/examples/wip/book/images/landscape.png b/examples/wip/book/images/landscape.png
deleted file mode 100644
index c34750eaa..000000000
Binary files a/examples/wip/book/images/landscape.png and /dev/null differ
diff --git a/examples/wip/book/images/logo.png b/examples/wip/book/images/logo.png
deleted file mode 100644
index ab34a5f77..000000000
Binary files a/examples/wip/book/images/logo.png and /dev/null differ
diff --git a/examples/wip/book/images/robofont.png b/examples/wip/book/images/robofont.png
deleted file mode 100644
index 5980813da..000000000
Binary files a/examples/wip/book/images/robofont.png and /dev/null differ
diff --git a/examples/wip/book/images/robofont.xml b/examples/wip/book/images/robofont.xml
deleted file mode 100644
index 095e141f0..000000000
--- a/examples/wip/book/images/robofont.xml
+++ /dev/null
@@ -1,100 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/examples/wip/book/images/ship.png b/examples/wip/book/images/ship.png
deleted file mode 100644
index de6128567..000000000
Binary files a/examples/wip/book/images/ship.png and /dev/null differ
diff --git a/examples/wip/book/images/sky.png b/examples/wip/book/images/sky.png
deleted file mode 100644
index fd815c12a..000000000
Binary files a/examples/wip/book/images/sky.png and /dev/null differ
diff --git a/examples/wip/book/part1.html b/examples/wip/book/part1.html
deleted file mode 100644
index 0cfcfc814..000000000
--- a/examples/wip/book/part1.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
- Creating a game in Phaser, part 1
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/examples/wip/book/part2.html b/examples/wip/book/part2.html
deleted file mode 100644
index 8ce054bab..000000000
--- a/examples/wip/book/part2.html
+++ /dev/null
@@ -1,335 +0,0 @@
-
-
-
-
- Creating a game in Phaser, part 2
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/examples/wip/book/phaser.js b/examples/wip/book/phaser.js
deleted file mode 100644
index aff10b285..000000000
--- a/examples/wip/book/phaser.js
+++ /dev/null
@@ -1,40026 +0,0 @@
-!function(root, factory) {
- if (typeof define === "function" && define.amd) {
- define(factory);
- } else if (typeof exports === "object") {
- module.exports = factory();
- } else {
- root.Phaser = factory();
- }
-}(this, function() {
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* @overview
-*
-* Phaser - http://www.phaser.io
-*
-* v1.1.3 - Built at: Thu Nov 21 2013 05:29:46
-*
-* By Richard Davey http://www.photonstorm.com @photonstorm
-*
-* A feature-packed 2D HTML5 game framework born from the smouldering pits of Flixel and
-* constructed via plenty of blood, sweat, tears and coffee by Richard Davey (@photonstorm).
-*
-* Phaser uses Pixi.js for rendering, created by Mat Groves http://matgroves.com/ @Doormat23.
-*
-* Follow Phaser development progress at http://www.photonstorm.com
-*
-* Many thanks to Adam Saltsman (@ADAMATOMIC) for releasing Flixel, from both which Phaser
-* and my love of game development originate.
-*
-* "If you want your children to be intelligent, read them fairy tales."
-* "If you want them to be more intelligent, read them more fairy tales."
-* -- Albert Einstein
-*/
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * @module PIXI
- */
-var PIXI = PIXI || {};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* @namespace Phaser
-*/
-var Phaser = Phaser || {
-
- VERSION: '1.1.3',
- DEV_VERSION: '1.1.3',
- GAMES: [],
- AUTO: 0,
- CANVAS: 1,
- WEBGL: 2,
-
- SPRITE: 0,
- BUTTON: 1,
- BULLET: 2,
- GRAPHICS: 3,
- TEXT: 4,
- TILESPRITE: 5,
- BITMAPTEXT: 6,
- GROUP: 7,
- RENDERTEXTURE: 8,
- TILEMAP: 9,
- TILEMAPLAYER: 10,
- EMITTER: 11,
- POLYGON: 12,
- BITMAPDATA: 13,
- CANVAS_FILTER: 14,
- WEBGL_FILTER: 15,
-
- NONE: 0,
- LEFT: 1,
- RIGHT: 2,
- UP: 3,
- DOWN: 4
-
- };
-
-PIXI.InteractionManager = function (dummy) {
- // We don't need this in Pixi, so we've removed it to save space
- // however the Stage object expects a reference to it, so here is a dummy entry.
-};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* @class Phaser.Utils
-* @static
-*/
-Phaser.Utils = {
-
- /**
- * A standard Fisher-Yates Array shuffle implementation.
- * @method Phaser.Utils.shuffle
- * @param {array} array - The array to shuffle.
- * @return {array} The shuffled array.
- */
- shuffle: function (array) {
-
- for (var i = array.length - 1; i > 0; i--)
- {
- var j = Math.floor(Math.random() * (i + 1));
- var temp = array[i];
- array[i] = array[j];
- array[j] = temp;
- }
-
- return array;
-
- },
-
- /**
- * Javascript string pad http://www.webtoolkit.info/.
- * pad = the string to pad it out with (defaults to a space)
- * dir = 1 (left), 2 (right), 3 (both)
- * @method Phaser.Utils.pad
- * @param {string} str - The target string.
- * @param {number} len - Description.
- * @param {number} pad - the string to pad it out with (defaults to a space).
- * @param {number} [dir=3] the direction dir = 1 (left), 2 (right), 3 (both).
- * @return {string} The padded string
- */
- pad: function (str, len, pad, dir) {
-
- if (typeof(len) == "undefined") { var len = 0; }
- if (typeof(pad) == "undefined") { var pad = ' '; }
- if (typeof(dir) == "undefined") { var dir = 3; }
-
- if (len + 1 >= str.length)
- {
- switch (dir)
- {
- case 1:
- str = Array(len + 1 - str.length).join(pad) + str;
- break;
-
- case 3:
- var right = Math.ceil((padlen = len - str.length) / 2);
- var left = padlen - right;
- str = Array(left+1).join(pad) + str + Array(right+1).join(pad);
- break;
-
- default:
- str = str + Array(len + 1 - str.length).join(pad);
- break;
- }
- }
-
- return str;
-
- },
-
- /**
- * This is a slightly modified version of jQuery.isPlainObject. A plain object is an object whose internal class property is [object Object].
- * @method Phaser.Utils.isPlainObject
- * @param {object} obj - The object to inspect.
- * @return {boolean} - true if the object is plain, otherwise false.
- */
- isPlainObject: function (obj) {
-
- // Not plain objects:
- // - Any object or value whose internal [[Class]] property is not "[object Object]"
- // - DOM nodes
- // - window
- if (typeof(obj) !== "object" || obj.nodeType || obj === obj.window)
- {
- return false;
- }
-
- // Support: Firefox <20
- // The try/catch suppresses exceptions thrown when attempting to access
- // the "constructor" property of certain host objects, ie. |window.location|
- // https://bugzilla.mozilla.org/show_bug.cgi?id=814622
- try {
- if (obj.constructor && !hasOwn.call(obj.constructor.prototype, "isPrototypeOf"))
- {
- return false;
- }
- } catch (e) {
- return false;
- }
-
- // If the function hasn't returned already, we're confident that
- // |obj| is a plain object, created by {} or constructed with new Object
- return true;
- },
-
-
- // deep, target, objects to copy to the target object
- // This is a slightly modified version of {@link http://api.jquery.com/jQuery.extend/|jQuery.extend}
- // deep (boolean)
- // target (object to add to)
- // objects ... (objects to recurse and copy from)
-
- /**
- * This is a slightly modified version of http://api.jquery.com/jQuery.extend/
- * @method Phaser.Utils.extend
- * @param {boolean} deep - Perform a deep copy?
- * @param {object} target - The target object to copy to.
- * @return {object} The extended object.
- */
- extend: function () {
-
- var options, name, src, copy, copyIsArray, clone,
- target = arguments[0] || {},
- i = 1,
- length = arguments.length,
- deep = false;
-
- // Handle a deep copy situation
- if (typeof target === "boolean")
- {
- deep = target;
- target = arguments[1] || {};
- // skip the boolean and the target
- i = 2;
- }
-
- // extend Phaser if only one argument is passed
- if (length === i)
- {
- target = this;
- --i;
- }
-
- for ( ; i < length; i++ )
- {
- // Only deal with non-null/undefined values
- if ((options = arguments[i]) != null)
- {
- // Extend the base object
- for (name in options)
- {
- src = target[name];
- copy = options[name];
-
- // Prevent never-ending loop
- if (target === copy)
- {
- continue;
- }
-
- // Recurse if we're merging plain objects or arrays
- if (deep && copy && (Phaser.Utils.isPlainObject(copy) || (copyIsArray = Array.isArray(copy))))
- {
- if (copyIsArray)
- {
- copyIsArray = false;
- clone = src && Array.isArray(src) ? src : [];
- }
- else
- {
- clone = src && Phaser.Utils.isPlainObject(src) ? src : {};
- }
-
- // Never move original objects, clone them
- target[name] = Phaser.Utils.extend(deep, clone, copy);
-
- // Don't bring in undefined values
- }
- else if (copy !== undefined)
- {
- target[name] = copy;
- }
- }
- }
- }
-
- // Return the modified object
- return target;
- }
-
-};
-
-// Global functions that PIXI needs
-
-(function() {
- var consoleDisabled = false;
- if (consoleDisabled) {
- window.console = undefined;
- }
- if (window.console == undefined) {
- window.console = {
- debug: function() {
- return true;
- },
- info: function() {
- return false;
- },
- warn: function() {
- return false;
- },
- log: function() {
- return false;
- }
- }
- }
- debug = (function(args) {
- window.console.debug(args);
- });
- info = (function(args) {
- window.console.info(args);
- });
- warn = (function(args) {
- window.console.warn(args);
- });
- log = (function(args) {
- window.console.log(args);
- });
-})();
-
-/**
-* Converts a hex color number to an [R, G, B] array
-*
-* @param {number} hex
-* @return {array}
-*/
-function HEXtoRGB(hex) {
- return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-/**
-* A polyfill for Function.prototype.bind
-*/
-if (typeof Function.prototype.bind != 'function') {
- Function.prototype.bind = (function () {
- var slice = Array.prototype.slice;
- return function (thisArg) {
- var target = this, boundArgs = slice.call(arguments, 1);
-
- if (typeof target != 'function') throw new TypeError();
-
- function bound() {
- var args = boundArgs.concat(slice.call(arguments));
- target.apply(this instanceof bound ? this : thisArg, args);
- }
-
- bound.prototype = (function F(proto) {
- proto && (F.prototype = proto);
- if (!(this instanceof F)) return new F;
- })(target.prototype);
-
- return bound;
- };
- })();
-}
-
-
-
-
-/*
- * A lighter version of the rad gl-matrix created by Brandon Jones, Colin MacKenzie IV
- * you both rock!
- */
-
-function determineMatrixArrayType() {
- PIXI.Matrix = (typeof Float32Array !== 'undefined') ? Float32Array : Array;
- return PIXI.Matrix;
-}
-
-determineMatrixArrayType();
-
-PIXI.mat3 = {};
-
-PIXI.mat3.create = function()
-{
- var matrix = new PIXI.Matrix(9);
-
- matrix[0] = 1;
- matrix[1] = 0;
- matrix[2] = 0;
- matrix[3] = 0;
- matrix[4] = 1;
- matrix[5] = 0;
- matrix[6] = 0;
- matrix[7] = 0;
- matrix[8] = 1;
-
- return matrix;
-}
-
-
-PIXI.mat3.identity = function(matrix)
-{
- matrix[0] = 1;
- matrix[1] = 0;
- matrix[2] = 0;
- matrix[3] = 0;
- matrix[4] = 1;
- matrix[5] = 0;
- matrix[6] = 0;
- matrix[7] = 0;
- matrix[8] = 1;
-
- return matrix;
-}
-
-
-PIXI.mat4 = {};
-
-PIXI.mat4.create = function()
-{
- var matrix = new PIXI.Matrix(16);
-
- matrix[0] = 1;
- matrix[1] = 0;
- matrix[2] = 0;
- matrix[3] = 0;
- matrix[4] = 0;
- matrix[5] = 1;
- matrix[6] = 0;
- matrix[7] = 0;
- matrix[8] = 0;
- matrix[9] = 0;
- matrix[10] = 1;
- matrix[11] = 0;
- matrix[12] = 0;
- matrix[13] = 0;
- matrix[14] = 0;
- matrix[15] = 1;
-
- return matrix;
-}
-
-PIXI.mat3.multiply = function (mat, mat2, dest)
-{
- if (!dest) { dest = mat; }
-
- // Cache the matrix values (makes for huge speed increases!)
- var a00 = mat[0], a01 = mat[1], a02 = mat[2],
- a10 = mat[3], a11 = mat[4], a12 = mat[5],
- a20 = mat[6], a21 = mat[7], a22 = mat[8],
-
- b00 = mat2[0], b01 = mat2[1], b02 = mat2[2],
- b10 = mat2[3], b11 = mat2[4], b12 = mat2[5],
- b20 = mat2[6], b21 = mat2[7], b22 = mat2[8];
-
- dest[0] = b00 * a00 + b01 * a10 + b02 * a20;
- dest[1] = b00 * a01 + b01 * a11 + b02 * a21;
- dest[2] = b00 * a02 + b01 * a12 + b02 * a22;
-
- dest[3] = b10 * a00 + b11 * a10 + b12 * a20;
- dest[4] = b10 * a01 + b11 * a11 + b12 * a21;
- dest[5] = b10 * a02 + b11 * a12 + b12 * a22;
-
- dest[6] = b20 * a00 + b21 * a10 + b22 * a20;
- dest[7] = b20 * a01 + b21 * a11 + b22 * a21;
- dest[8] = b20 * a02 + b21 * a12 + b22 * a22;
-
- return dest;
-}
-
-PIXI.mat3.clone = function(mat)
-{
- var matrix = new PIXI.Matrix(9);
-
- matrix[0] = mat[0];
- matrix[1] = mat[1];
- matrix[2] = mat[2];
- matrix[3] = mat[3];
- matrix[4] = mat[4];
- matrix[5] = mat[5];
- matrix[6] = mat[6];
- matrix[7] = mat[7];
- matrix[8] = mat[8];
-
- return matrix;
-}
-
-PIXI.mat3.transpose = function (mat, dest)
-{
- // If we are transposing ourselves we can skip a few steps but have to cache some values
- if (!dest || mat === dest) {
- var a01 = mat[1], a02 = mat[2],
- a12 = mat[5];
-
- mat[1] = mat[3];
- mat[2] = mat[6];
- mat[3] = a01;
- mat[5] = mat[7];
- mat[6] = a02;
- mat[7] = a12;
- return mat;
- }
-
- dest[0] = mat[0];
- dest[1] = mat[3];
- dest[2] = mat[6];
- dest[3] = mat[1];
- dest[4] = mat[4];
- dest[5] = mat[7];
- dest[6] = mat[2];
- dest[7] = mat[5];
- dest[8] = mat[8];
- return dest;
-}
-
-PIXI.mat3.toMat4 = function (mat, dest)
-{
- if (!dest) { dest = PIXI.mat4.create(); }
-
- dest[15] = 1;
- dest[14] = 0;
- dest[13] = 0;
- dest[12] = 0;
-
- dest[11] = 0;
- dest[10] = mat[8];
- dest[9] = mat[7];
- dest[8] = mat[6];
-
- dest[7] = 0;
- dest[6] = mat[5];
- dest[5] = mat[4];
- dest[4] = mat[3];
-
- dest[3] = 0;
- dest[2] = mat[2];
- dest[1] = mat[1];
- dest[0] = mat[0];
-
- return dest;
-}
-
-
-/////
-
-
-PIXI.mat4.create = function()
-{
- var matrix = new PIXI.Matrix(16);
-
- matrix[0] = 1;
- matrix[1] = 0;
- matrix[2] = 0;
- matrix[3] = 0;
- matrix[4] = 0;
- matrix[5] = 1;
- matrix[6] = 0;
- matrix[7] = 0;
- matrix[8] = 0;
- matrix[9] = 0;
- matrix[10] = 1;
- matrix[11] = 0;
- matrix[12] = 0;
- matrix[13] = 0;
- matrix[14] = 0;
- matrix[15] = 1;
-
- return matrix;
-}
-
-PIXI.mat4.transpose = function (mat, dest)
-{
- // If we are transposing ourselves we can skip a few steps but have to cache some values
- if (!dest || mat === dest)
- {
- var a01 = mat[1], a02 = mat[2], a03 = mat[3],
- a12 = mat[6], a13 = mat[7],
- a23 = mat[11];
-
- mat[1] = mat[4];
- mat[2] = mat[8];
- mat[3] = mat[12];
- mat[4] = a01;
- mat[6] = mat[9];
- mat[7] = mat[13];
- mat[8] = a02;
- mat[9] = a12;
- mat[11] = mat[14];
- mat[12] = a03;
- mat[13] = a13;
- mat[14] = a23;
- return mat;
- }
-
- dest[0] = mat[0];
- dest[1] = mat[4];
- dest[2] = mat[8];
- dest[3] = mat[12];
- dest[4] = mat[1];
- dest[5] = mat[5];
- dest[6] = mat[9];
- dest[7] = mat[13];
- dest[8] = mat[2];
- dest[9] = mat[6];
- dest[10] = mat[10];
- dest[11] = mat[14];
- dest[12] = mat[3];
- dest[13] = mat[7];
- dest[14] = mat[11];
- dest[15] = mat[15];
- return dest;
-}
-
-PIXI.mat4.multiply = function (mat, mat2, dest)
-{
- if (!dest) { dest = mat; }
-
- // Cache the matrix values (makes for huge speed increases!)
- var a00 = mat[ 0], a01 = mat[ 1], a02 = mat[ 2], a03 = mat[3];
- var a10 = mat[ 4], a11 = mat[ 5], a12 = mat[ 6], a13 = mat[7];
- var a20 = mat[ 8], a21 = mat[ 9], a22 = mat[10], a23 = mat[11];
- var a30 = mat[12], a31 = mat[13], a32 = mat[14], a33 = mat[15];
-
- // Cache only the current line of the second matrix
- var b0 = mat2[0], b1 = mat2[1], b2 = mat2[2], b3 = mat2[3];
- dest[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
- dest[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
- dest[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
- dest[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
- b0 = mat2[4];
- b1 = mat2[5];
- b2 = mat2[6];
- b3 = mat2[7];
- dest[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
- dest[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
- dest[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
- dest[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
- b0 = mat2[8];
- b1 = mat2[9];
- b2 = mat2[10];
- b3 = mat2[11];
- dest[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
- dest[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
- dest[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
- dest[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
- b0 = mat2[12];
- b1 = mat2[13];
- b2 = mat2[14];
- b3 = mat2[15];
- dest[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
- dest[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
- dest[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
- dest[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
- return dest;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The Point object represents a location in a two-dimensional coordinate system, where x represents the horizontal axis and y represents the vertical axis.
- *
- * @class Point
- * @constructor
- * @param x {Number} position of the point
- * @param y {Number} position of the point
- */
-PIXI.Point = function(x, y)
-{
- /**
- * @property x
- * @type Number
- * @default 0
- */
- this.x = x || 0;
-
- /**
- * @property y
- * @type Number
- * @default 0
- */
- this.y = y || 0;
-}
-
-/**
- * Creates a clone of this point
- *
- * @method clone
- * @return {Point} a copy of the point
- */
-PIXI.Point.prototype.clone = function()
-{
- return new PIXI.Point(this.x, this.y);
-}
-
-// constructor
-PIXI.Point.prototype.constructor = PIXI.Point;
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * the Rectangle object is an area defined by its position, as indicated by its top-left corner point (x, y) and by its width and its height.
- *
- * @class Rectangle
- * @constructor
- * @param x {Number} The X coord of the upper-left corner of the rectangle
- * @param y {Number} The Y coord of the upper-left corner of the rectangle
- * @param width {Number} The overall width of this rectangle
- * @param height {Number} The overall height of this rectangle
- */
-PIXI.Rectangle = function(x, y, width, height)
-{
- /**
- * @property x
- * @type Number
- * @default 0
- */
- this.x = x || 0;
-
- /**
- * @property y
- * @type Number
- * @default 0
- */
- this.y = y || 0;
-
- /**
- * @property width
- * @type Number
- * @default 0
- */
- this.width = width || 0;
-
- /**
- * @property height
- * @type Number
- * @default 0
- */
- this.height = height || 0;
-}
-
-/**
- * Creates a clone of this Rectangle
- *
- * @method clone
- * @return {Rectangle} a copy of the rectangle
- */
-PIXI.Rectangle.prototype.clone = function()
-{
- return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
-}
-
-/**
- * Checks if the x, and y coords passed to this function are contained within this Rectangle
- *
- * @method contains
- * @param x {Number} The X coord of the point to test
- * @param y {Number} The Y coord of the point to test
- * @return {Boolean} if the x/y coords are within this Rectangle
- */
-PIXI.Rectangle.prototype.contains = function(x, y)
-{
- if(this.width <= 0 || this.height <= 0)
- return false;
-
- var x1 = this.x;
- if(x >= x1 && x <= x1 + this.width)
- {
- var y1 = this.y;
-
- if(y >= y1 && y <= y1 + this.height)
- {
- return true;
- }
- }
-
- return false;
-}
-
-// constructor
-PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;
-
-
-/**
- * @author Adrien Brault
- */
-
-/**
- * @class Polygon
- * @constructor
- * @param points* {Array|Array|Point...|Number...} This can be an array of Points that form the polygon,
- * a flat array of numbers that will be interpreted as [x,y, x,y, ...], or the arguments passed can be
- * all the points of the polygon e.g. `new PIXI.Polygon(new PIXI.Point(), new PIXI.Point(), ...)`, or the
- * arguments passed can be flat x,y values e.g. `new PIXI.Polygon(x,y, x,y, x,y, ...)` where `x` and `y` are
- * Numbers.
- */
-PIXI.Polygon = function(points)
-{
- //if points isn't an array, use arguments as the array
- if(!(points instanceof Array))
- points = Array.prototype.slice.call(arguments);
-
- //if this is a flat array of numbers, convert it to points
- if(typeof points[0] === 'number') {
- var p = [];
- for(var i = 0, il = points.length; i < il; i+=2) {
- p.push(
- new PIXI.Point(points[i], points[i + 1])
- );
- }
-
- points = p;
- }
-
- this.points = points;
-}
-
-/**
- * Creates a clone of this polygon
- *
- * @method clone
- * @return {Polygon} a copy of the polygon
- */
-PIXI.Polygon.prototype.clone = function()
-{
- var points = [];
- for (var i=0; i y) != (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
-
- if(intersect) inside = !inside;
- }
-
- return inside;
-}
-
-// constructor
-PIXI.Polygon.prototype.constructor = PIXI.Polygon;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * The base class for all objects that are rendered on the screen.
- *
- * @class DisplayObject
- * @constructor
- */
-PIXI.DisplayObject = function()
-{
- this.last = this;
- this.first = this;
- /**
- * The coordinate of the object relative to the local coordinates of the parent.
- *
- * @property position
- * @type Point
- */
- this.position = new PIXI.Point();
-
- /**
- * The scale factor of the object.
- *
- * @property scale
- * @type Point
- */
- this.scale = new PIXI.Point(1,1);//{x:1, y:1};
-
- /**
- * The pivot point of the displayObject that it rotates around
- *
- * @property pivot
- * @type Point
- */
- this.pivot = new PIXI.Point(0,0);
-
- /**
- * The rotation of the object in radians.
- *
- * @property rotation
- * @type Number
- */
- this.rotation = 0;
-
- /**
- * The opacity of the object.
- *
- * @property alpha
- * @type Number
- */
- this.alpha = 1;
-
- /**
- * The visibility of the object.
- *
- * @property visible
- * @type Boolean
- */
- this.visible = true;
-
- /**
- * This is the defined area that will pick up mouse / touch events. It is null by default.
- * Setting it is a neat way of optimising the hitTest function that the interactionManager will use (as it will not need to hit test all the children)
- *
- * @property hitArea
- * @type Rectangle|Circle|Ellipse|Polygon
- */
- this.hitArea = null;
-
- /**
- * This is used to indicate if the displayObject should display a mouse hand cursor on rollover
- *
- * @property buttonMode
- * @type Boolean
- */
- this.buttonMode = false;
-
- /**
- * Can this object be rendered
- *
- * @property renderable
- * @type Boolean
- */
- this.renderable = false;
-
- /**
- * [read-only] The display object container that contains this display object.
- *
- * @property parent
- * @type DisplayObjectContainer
- * @readOnly
- */
- this.parent = null;
-
- /**
- * [read-only] The stage the display object is connected to, or undefined if it is not connected to the stage.
- *
- * @property stage
- * @type Stage
- * @readOnly
- */
- this.stage = null;
-
- /**
- * [read-only] The multiplied alpha of the displayobject
- *
- * @property worldAlpha
- * @type Number
- * @readOnly
- */
- this.worldAlpha = 1;
-
- /**
- * [read-only] Whether or not the object is interactive, do not toggle directly! use the `interactive` property
- *
- * @property _interactive
- * @type Boolean
- * @readOnly
- * @private
- */
- this._interactive = false;
-
- /**
- * [read-only] Current transform of the object based on world (parent) factors
- *
- * @property worldTransform
- * @type Mat3
- * @readOnly
- * @private
- */
- this.worldTransform = PIXI.mat3.create()//mat3.identity();
-
- /**
- * [read-only] Current transform of the object locally
- *
- * @property localTransform
- * @type Mat3
- * @readOnly
- * @private
- */
- this.localTransform = PIXI.mat3.create()//mat3.identity();
-
- /**
- * [NYI] Unkown
- *
- * @property color
- * @type Array<>
- * @private
- */
- this.color = [];
-
- /**
- * [NYI] Holds whether or not this object is dynamic, for rendering optimization
- *
- * @property dynamic
- * @type Boolean
- * @private
- */
- this.dynamic = true;
-
- // chach that puppy!
- this._sr = 0;
- this._cr = 1;
-
-
- this.filterArea = new PIXI.Rectangle(0,0,1,1);
-
- /*
- * MOUSE Callbacks
- */
-
- /**
- * A callback that is used when the users clicks on the displayObject with their mouse
- * @method click
- * @param interactionData {InteractionData}
- */
-
- /**
- * A callback that is used when the user clicks the mouse down over the sprite
- * @method mousedown
- * @param interactionData {InteractionData}
- */
-
- /**
- * A callback that is used when the user releases the mouse that was over the displayObject
- * for this callback to be fired the mouse must have been pressed down over the displayObject
- * @method mouseup
- * @param interactionData {InteractionData}
- */
-
- /**
- * A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject
- * for this callback to be fired, The touch must have started over the displayObject
- * @method mouseupoutside
- * @param interactionData {InteractionData}
- */
-
- /**
- * A callback that is used when the users mouse rolls over the displayObject
- * @method mouseover
- * @param interactionData {InteractionData}
- */
-
- /**
- * A callback that is used when the users mouse leaves the displayObject
- * @method mouseout
- * @param interactionData {InteractionData}
- */
-
-
- /*
- * TOUCH Callbacks
- */
-
- /**
- * A callback that is used when the users taps on the sprite with their finger
- * basically a touch version of click
- * @method tap
- * @param interactionData {InteractionData}
- */
-
- /**
- * A callback that is used when the user touch's over the displayObject
- * @method touchstart
- * @param interactionData {InteractionData}
- */
-
- /**
- * A callback that is used when the user releases a touch over the displayObject
- * @method touchend
- * @param interactionData {InteractionData}
- */
-
- /**
- * A callback that is used when the user releases the touch that was over the displayObject
- * for this callback to be fired, The touch must have started over the sprite
- * @method touchendoutside
- * @param interactionData {InteractionData}
- */
-}
-
-// constructor
-PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
-
-/**
- * [Deprecated] Indicates if the sprite will have touch and mouse interactivity. It is false by default
- * Instead of using this function you can now simply set the interactive property to true or false
- *
- * @method setInteractive
- * @param interactive {Boolean}
- * @deprecated Simply set the `interactive` property directly
- */
-PIXI.DisplayObject.prototype.setInteractive = function(interactive)
-{
- this.interactive = interactive;
-}
-
-/**
- * Indicates if the sprite will have touch and mouse interactivity. It is false by default
- *
- * @property interactive
- * @type Boolean
- * @default false
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'interactive', {
- get: function() {
- return this._interactive;
- },
- set: function(value) {
- this._interactive = value;
-
- // TODO more to be done here..
- // need to sort out a re-crawl!
- if(this.stage)this.stage.dirty = true;
- }
-});
-
-/**
- * Sets a mask for the displayObject. A mask is an object that limits the visibility of an object to the shape of the mask applied to it.
- * In PIXI a regular mask must be a PIXI.Ggraphics object. This allows for much faster masking in canvas as it utilises shape clipping.
- * To remove a mask, set this property to null.
- *
- * @property mask
- * @type Graphics
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'mask', {
- get: function() {
- return this._mask;
- },
- set: function(value) {
-
-
- if(value)
- {
- if(this._mask)
- {
- value.start = this._mask.start;
- value.end = this._mask.end;
- }
- else
- {
- this.addFilter(value);
- value.renderable = false;
- }
- }
- else
- {
- this.removeFilter(this._mask);
- this._mask.renderable = true;
- }
-
- this._mask = value;
- }
-});
-
-/**
- * Sets the filters for the displayObject.
- * * IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
- * To remove filters simply set this property to 'null'
- * @property filters
- * @type Array An array of filters
- */
-Object.defineProperty(PIXI.DisplayObject.prototype, 'filters', {
- get: function() {
- return this._filters;
- },
- set: function(value) {
-
- if(value)
- {
- if(this._filters)this.removeFilter(this._filters);
- this.addFilter(value);
-
- // now put all the passes in one place..
- var passes = [];
- for (var i = 0; i < value.length; i++)
- {
- var filterPasses = value[i].passes;
- for (var j = 0; j < filterPasses.length; j++)
- {
- passes.push(filterPasses[j]);
- };
- };
-
- value.start.filterPasses = passes;
- }
- else
- {
- if(this._filters)this.removeFilter(this._filters);
- }
-
- this._filters = value;
-
-
-
-
- }
-});
-
-/*
- * Adds a filter to this displayObject
- *
- * @method addFilter
- * @param mask {Graphics} the graphics object to use as a filter
- * @private
- */
-PIXI.DisplayObject.prototype.addFilter = function(data)
-{
-
- // insert a filter block..
- // TODO Onject pool thease bad boys..
- var start = new PIXI.FilterBlock();
- var end = new PIXI.FilterBlock();
-
- data.start = start;
- data.end = end;
-
- start.data = data;
- end.data = data;
-
- start.first = start.last = this;
- end.first = end.last = this;
-
- start.open = true;
-
- start.target = this;
-
- /*
- * insert start
- */
-
- var childFirst = start
- var childLast = start
- var nextObject;
- var previousObject;
-
- previousObject = this.first._iPrev;
-
- if(previousObject)
- {
- nextObject = previousObject._iNext;
- childFirst._iPrev = previousObject;
- previousObject._iNext = childFirst;
- }
- else
- {
- nextObject = this;
- }
-
- if(nextObject)
- {
- nextObject._iPrev = childLast;
- childLast._iNext = nextObject;
- }
-
-
- // now insert the end filter block..
-
- /*
- * insert end filter
- */
- var childFirst = end
- var childLast = end
- var nextObject = null;
- var previousObject = null;
-
- previousObject = this.last;
- nextObject = previousObject._iNext;
-
- if(nextObject)
- {
- nextObject._iPrev = childLast;
- childLast._iNext = nextObject;
- }
-
- childFirst._iPrev = previousObject;
- previousObject._iNext = childFirst;
-
- var updateLast = this;
-
- var prevLast = this.last;
- while(updateLast)
- {
- if(updateLast.last == prevLast)
- {
- updateLast.last = end;
- }
- updateLast = updateLast.parent;
- }
-
- this.first = start;
-
- // if webGL...
- if(this.__renderGroup)
- {
- this.__renderGroup.addFilterBlocks(start, end);
- }
-
-}
-
-/*
- * Removes the filter to this displayObject
- *
- * @method removeFilter
- * @private
- */
-PIXI.DisplayObject.prototype.removeFilter = function(data)
-{
- //if(!this.filter)return;
- //this.filter = false;
- console.log("YUOIO")
- // modify the list..
- var startBlock = data.start;
-
-
- var nextObject = startBlock._iNext;
- var previousObject = startBlock._iPrev;
-
- if(nextObject)nextObject._iPrev = previousObject;
- if(previousObject)previousObject._iNext = nextObject;
-
- this.first = startBlock._iNext;
-
- // remove the end filter
- var lastBlock = data.end;
-
- var nextObject = lastBlock._iNext;
- var previousObject = lastBlock._iPrev;
-
- if(nextObject)nextObject._iPrev = previousObject;
- previousObject._iNext = nextObject;
-
- // this is always true too!
- var tempLast = lastBlock._iPrev;
- // need to make sure the parents last is updated too
- var updateLast = this;
- while(updateLast.last == lastBlock)
- {
- updateLast.last = tempLast;
- updateLast = updateLast.parent;
- if(!updateLast)break;
- }
-
- // if webGL...
- if(this.__renderGroup)
- {
- this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
- }
-}
-
-/*
- * Updates the object transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObject.prototype.updateTransform = function()
-{
- // TODO OPTIMIZE THIS!! with dirty
- if(this.rotation !== this.rotationCache)
- {
- this.rotationCache = this.rotation;
- this._sr = Math.sin(this.rotation);
- this._cr = Math.cos(this.rotation);
- }
-
- var localTransform = this.localTransform;
- var parentTransform = this.parent.worldTransform;
- var worldTransform = this.worldTransform;
- //console.log(localTransform)
- localTransform[0] = this._cr * this.scale.x;
- localTransform[1] = -this._sr * this.scale.y
- localTransform[3] = this._sr * this.scale.x;
- localTransform[4] = this._cr * this.scale.y;
-
- // TODO --> do we even need a local matrix???
-
- var px = this.pivot.x;
- var py = this.pivot.y;
-
- // Cache the matrix values (makes for huge speed increases!)
- var a00 = localTransform[0], a01 = localTransform[1], a02 = this.position.x - localTransform[0] * px - py * localTransform[1],
- a10 = localTransform[3], a11 = localTransform[4], a12 = this.position.y - localTransform[4] * py - px * localTransform[3],
-
- b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
- b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
-
- localTransform[2] = a02
- localTransform[5] = a12
-
- worldTransform[0] = b00 * a00 + b01 * a10;
- worldTransform[1] = b00 * a01 + b01 * a11;
- worldTransform[2] = b00 * a02 + b01 * a12 + b02;
-
- worldTransform[3] = b10 * a00 + b11 * a10;
- worldTransform[4] = b10 * a01 + b11 * a11;
- worldTransform[5] = b10 * a02 + b11 * a12 + b12;
-
- // because we are using affine transformation, we can optimise the matrix concatenation process.. wooo!
- // mat3.multiply(this.localTransform, this.parent.worldTransform, this.worldTransform);
- this.worldAlpha = this.alpha * this.parent.worldAlpha;
-
- this.vcount = PIXI.visibleCount;
-
-}
-
-PIXI.visibleCount = 0;
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A DisplayObjectContainer represents a collection of display objects.
- * It is the base class of all display objects that act as a container for other objects.
- *
- * @class DisplayObjectContainer
- * @extends DisplayObject
- * @constructor
- */
-PIXI.DisplayObjectContainer = function()
-{
- PIXI.DisplayObject.call( this );
-
- /**
- * [read-only] The of children of this container.
- *
- * @property children
- * @type Array
- * @readOnly
- */
- this.children = [];
-}
-
-// constructor
-PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
-PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
-
-/**
- * Adds a child to the container.
- *
- * @method addChild
- * @param child {DisplayObject} The DisplayObject to add to the container
- */
-PIXI.DisplayObjectContainer.prototype.addChild = function(child)
-{
- if(child.parent != undefined)
- {
-
- //// COULD BE THIS???
- child.parent.removeChild(child);
- // return;
- }
-
- child.parent = this;
-
- this.children.push(child);
-
- // update the stage refference..
-
- if(this.stage)
- {
- var tmpChild = child;
- do
- {
- if(tmpChild.interactive)this.stage.dirty = true;
- tmpChild.stage = this.stage;
- tmpChild = tmpChild._iNext;
- }
- while(tmpChild)
- }
-
- // LINKED LIST //
-
- // modify the list..
- var childFirst = child.first
- var childLast = child.last;
- var nextObject;
- var previousObject;
-
- // this could be wrong if there is a filter??
- if(this._filters || this._mask)
- {
- previousObject = this.last._iPrev;
- }
- else
- {
- previousObject = this.last;
- }
-
- nextObject = previousObject._iNext;
-
- // always true in this case
- // need to make sure the parents last is updated too
- var updateLast = this;
- var prevLast = previousObject;
-
- while(updateLast)
- {
- if(updateLast.last == prevLast)
- {
- updateLast.last = child.last;
- }
- updateLast = updateLast.parent;
- }
-
- if(nextObject)
- {
- nextObject._iPrev = childLast;
- childLast._iNext = nextObject;
- }
-
- childFirst._iPrev = previousObject;
- previousObject._iNext = childFirst;
-
- // need to remove any render groups..
- if(this.__renderGroup)
- {
- // being used by a renderTexture.. if it exists then it must be from a render texture;
- if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
- // add them to the new render group..
- this.__renderGroup.addDisplayObjectAndChildren(child);
- }
-
-}
-
-/**
- * Adds a child to the container at a specified index. If the index is out of bounds an error will be thrown
- *
- * @method addChildAt
- * @param child {DisplayObject} The child to add
- * @param index {Number} The index to place the child in
- */
-PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
-{
- if(index >= 0 && index <= this.children.length)
- {
- if(child.parent != undefined)
- {
- child.parent.removeChild(child);
- }
- child.parent = this;
-
- if(this.stage)
- {
- var tmpChild = child;
- do
- {
- if(tmpChild.interactive)this.stage.dirty = true;
- tmpChild.stage = this.stage;
- tmpChild = tmpChild._iNext;
- }
- while(tmpChild)
- }
-
- // modify the list..
- var childFirst = child.first;
- var childLast = child.last;
- var nextObject;
- var previousObject;
-
- if(index == this.children.length)
- {
- previousObject = this.last;
- var updateLast = this;
- var prevLast = this.last;
- while(updateLast)
- {
- if(updateLast.last == prevLast)
- {
- updateLast.last = child.last;
- }
- updateLast = updateLast.parent;
- }
- }
- else if(index == 0)
- {
- previousObject = this;
- }
- else
- {
- previousObject = this.children[index-1].last;
- }
-
- nextObject = previousObject._iNext;
-
- // always true in this case
- if(nextObject)
- {
- nextObject._iPrev = childLast;
- childLast._iNext = nextObject;
- }
-
- childFirst._iPrev = previousObject;
- previousObject._iNext = childFirst;
-
- this.children.splice(index, 0, child);
- // need to remove any render groups..
- if(this.__renderGroup)
- {
- // being used by a renderTexture.. if it exists then it must be from a render texture;
- if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
- // add them to the new render group..
- this.__renderGroup.addDisplayObjectAndChildren(child);
- }
-
- }
- else
- {
- throw new Error(child + " The index "+ index +" supplied is out of bounds " + this.children.length);
- }
-}
-
-/**
- * [NYI] Swaps the depth of 2 displayObjects
- *
- * @method swapChildren
- * @param child {DisplayObject}
- * @param child2 {DisplayObject}
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
-{
- /*
- * this funtion needs to be recoded..
- * can be done a lot faster..
- */
- return;
-
- // need to fix this function :/
- /*
- // TODO I already know this??
- var index = this.children.indexOf( child );
- var index2 = this.children.indexOf( child2 );
-
- if ( index !== -1 && index2 !== -1 )
- {
- // cool
-
- /*
- if(this.stage)
- {
- // this is to satisfy the webGL batching..
- // TODO sure there is a nicer way to achieve this!
- this.stage.__removeChild(child);
- this.stage.__removeChild(child2);
-
- this.stage.__addChild(child);
- this.stage.__addChild(child2);
- }
-
- // swap the positions..
- this.children[index] = child2;
- this.children[index2] = child;
-
- }
- else
- {
- throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
- }*/
-}
-
-/**
- * Returns the Child at the specified index
- *
- * @method getChildAt
- * @param index {Number} The index to get the child from
- */
-PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
-{
- if(index >= 0 && index < this.children.length)
- {
- return this.children[index];
- }
- else
- {
- throw new Error(child + " Both the supplied DisplayObjects must be a child of the caller " + this);
- }
-}
-
-/**
- * Removes a child from the container.
- *
- * @method removeChild
- * @param child {DisplayObject} The DisplayObject to remove
- */
-PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
-{
- var index = this.children.indexOf( child );
- if ( index !== -1 )
- {
- // unlink //
- // modify the list..
- var childFirst = child.first;
- var childLast = child.last;
-
- var nextObject = childLast._iNext;
- var previousObject = childFirst._iPrev;
-
- if(nextObject)nextObject._iPrev = previousObject;
- previousObject._iNext = nextObject;
-
- if(this.last == childLast)
- {
- var tempLast = childFirst._iPrev;
- // need to make sure the parents last is updated too
- var updateLast = this;
- while(updateLast.last == childLast.last)
- {
- updateLast.last = tempLast;
- updateLast = updateLast.parent;
- if(!updateLast)break;
- }
- }
-
- childLast._iNext = null;
- childFirst._iPrev = null;
-
- // update the stage reference..
- if(this.stage)
- {
- var tmpChild = child;
- do
- {
- if(tmpChild.interactive)this.stage.dirty = true;
- tmpChild.stage = null;
- tmpChild = tmpChild._iNext;
- }
- while(tmpChild)
- }
-
- // webGL trim
- if(child.__renderGroup)
- {
- child.__renderGroup.removeDisplayObjectAndChildren(child);
- }
-
- child.parent = undefined;
- this.children.splice( index, 1 );
- }
- else
- {
- throw new Error(child + " The supplied DisplayObject must be a child of the caller " + this);
- }
-}
-
-/*
- * Updates the container's children's transform for rendering
- *
- * @method updateTransform
- * @private
- */
-PIXI.DisplayObjectContainer.prototype.updateTransform = function()
-{
- if(!this.visible)return;
-
- PIXI.DisplayObject.prototype.updateTransform.call( this );
-
- for(var i=0,j=this.children.length; i 1)ratio = 1;
-
- var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
- var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
- perp.x /= perpLength;
- perp.y /= perpLength;
-
- perp.x *= num;
- perp.y *= num;
-
- verticies[index] = point.x + perp.x
- verticies[index+1] = point.y + perp.y
- verticies[index+2] = point.x - perp.x
- verticies[index+3] = point.y - perp.y
-
- lastPoint = point;
- }
-
- PIXI.DisplayObjectContainer.prototype.updateTransform.call( this );
-}
-
-PIXI.Rope.prototype.setTexture = function(texture)
-{
- // stop current texture
- this.texture = texture;
- this.updateFrame = true;
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/
- */
-
-/**
- * A tiling sprite is a fast way of rendering a tiling image
- *
- * @class TilingSprite
- * @extends DisplayObjectContainer
- * @constructor
- * @param texture {Texture} the texture of the tiling sprite
- * @param width {Number} the width of the tiling sprite
- * @param height {Number} the height of the tiling sprite
- */
-PIXI.TilingSprite = function(texture, width, height)
-{
- PIXI.DisplayObjectContainer.call( this );
-
- /**
- * The texture that the sprite is using
- *
- * @property texture
- * @type Texture
- */
- this.texture = texture;
-
- /**
- * The width of the tiling sprite
- *
- * @property width
- * @type Number
- */
- this.width = width;
-
- /**
- * The height of the tiling sprite
- *
- * @property height
- * @type Number
- */
- this.height = height;
-
- /**
- * The scaling of the image that is being tiled
- *
- * @property tileScale
- * @type Point
- */
- this.tileScale = new PIXI.Point(1,1);
-
- /**
- * The offset position of the image that is being tiled
- *
- * @property tilePosition
- * @type Point
- */
- this.tilePosition = new PIXI.Point(0,0);
-
- this.renderable = true;
-
- this.blendMode = PIXI.blendModes.NORMAL
-}
-
-// constructor
-PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
-
-/**
- * Sets the texture of the tiling sprite
- *
- * @method setTexture
- * @param texture {Texture} The PIXI texture that is displayed by the sprite
- */
-PIXI.TilingSprite.prototype.setTexture = function(texture)
-{
- //TODO SET THE TEXTURES
- //TODO VISIBILITY
-
- // stop current texture
- this.texture = texture;
- this.updateFrame = true;
-}
-
-/**
- * When the texture is updated, this event will fire to update the frame
- *
- * @method onTextureUpdate
- * @param event
- * @private
- */
-PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
-{
- this.updateFrame = true;
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * This is the base class for creating a pixi.js filter. Currently only webGL supports filters.
- * If you want to make a custom filter this should be your base class.
- * @class AbstractFilter
- * @constructor
- * @param fragmentSrc
- * @param uniforms
- */
-PIXI.AbstractFilter = function(fragmentSrc, uniforms)
-{
- /**
- * An array of passes - some filters contain a few steps this array simply stores the steps in a liniear fashion.
- * For example the blur filter has two passes blurX and blurY.
- * @property passes
- * @type Array an array of filter objects
- * @private
- */
- this.passes = [this];
-
-
- this.dirty = true;
- this.padding = 0;
-
- /**
- @property uniforms
- @private
- */
- this.uniforms = uniforms || {};
-
- this.fragmentSrc = fragmentSrc || [];
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- *
- * The BlurFilter applies a Gaussian blur to an object.
- * The strength of the blur can be set for x- and y-axis separately (always relative to the stage).
- *
- * @class BlurFilter
- * @contructor
- */
-PIXI.BlurFilter = function()
-{
-
- this.blurXFilter = new PIXI.BlurXFilter();
- this.blurYFilter = new PIXI.BlurYFilter();
-
- this.passes =[this.blurXFilter, this.blurYFilter];
-
-}
-
-/**
- * Sets the strength of both the blurX and blurY properties simultaneously
- *
- * @property blur
- * @type Number the strength of the blur
- * @default 2
- */
-Object.defineProperty(PIXI.BlurFilter.prototype, 'blur', {
- get: function() {
- return this.blurXFilter.blur;
- },
- set: function(value) {
- this.blurXFilter.blur = this.blurYFilter.blur = value;
- }
-});
-
-/**
- * Sets the strength of the blurX property simultaneously
- *
- * @property blurX
- * @type Number the strength of the blurX
- * @default 2
- */
-Object.defineProperty(PIXI.BlurFilter.prototype, 'blurX', {
- get: function() {
- return this.blurXFilter.blur;
- },
- set: function(value) {
- this.blurXFilter.blur = value;
- }
-});
-
-/**
- * Sets the strength of the blurX property simultaneously
- *
- * @property blurY
- * @type Number the strength of the blurY
- * @default 2
- */
-Object.defineProperty(PIXI.BlurFilter.prototype, 'blurY', {
- get: function() {
- return this.blurYFilter.blur;
- },
- set: function(value) {
- this.blurYFilter.blur = value;
- }
-});
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.BlurXFilter = function()
-{
- PIXI.AbstractFilter.call( this );
-
- this.passes = [this];
-
- // set the uniforms
- this.uniforms = {
- blur: {type: '1f', value: 1/512},
- };
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec2 vTextureCoord;",
- "varying float vColor;",
- "uniform float blur;",
- "uniform sampler2D uSampler;",
- "void main(void) {",
- "vec4 sum = vec4(0.0);",
-
- "sum += texture2D(uSampler, vec2(vTextureCoord.x - 4.0*blur, vTextureCoord.y)) * 0.05;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x - 3.0*blur, vTextureCoord.y)) * 0.09;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x - 2.0*blur, vTextureCoord.y)) * 0.12;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x - blur, vTextureCoord.y)) * 0.15;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x + blur, vTextureCoord.y)) * 0.15;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x + 2.0*blur, vTextureCoord.y)) * 0.12;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x + 3.0*blur, vTextureCoord.y)) * 0.09;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x + 4.0*blur, vTextureCoord.y)) * 0.05;",
-
- "gl_FragColor = sum;",
-
- "}"
- ];
-}
-
-PIXI.BlurXFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
-PIXI.BlurXFilter.prototype.constructor = PIXI.BlurXFilter;
-
-
-Object.defineProperty(PIXI.BlurXFilter.prototype, 'blur', {
- get: function() {
- return this.uniforms.blur.value / (1/7000);
- },
- set: function(value) {
-
- this.dirty = true;
- this.uniforms.blur.value = (1/7000) * value;
- }
-});
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.BlurYFilter = function()
-{
- PIXI.AbstractFilter.call( this );
-
- this.passes = [this];
-
- // set the uniforms
- this.uniforms = {
- blur: {type: '1f', value: 1/512},
- };
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec2 vTextureCoord;",
- "varying float vColor;",
- "uniform float blur;",
- "uniform sampler2D uSampler;",
- "void main(void) {",
- "vec4 sum = vec4(0.0);",
-
- "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 4.0*blur)) * 0.05;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 3.0*blur)) * 0.09;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 2.0*blur)) * 0.12;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - blur)) * 0.15;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + blur)) * 0.15;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 2.0*blur)) * 0.12;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 3.0*blur)) * 0.09;",
- "sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 4.0*blur)) * 0.05;",
-
- "gl_FragColor = sum;",
-
- "}"
- ];
-}
-
-PIXI.BlurYFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
-PIXI.BlurYFilter.prototype.constructor = PIXI.BlurYFilter;
-
-Object.defineProperty(PIXI.BlurYFilter.prototype, 'blur', {
- get: function() {
- return this.uniforms.blur.value / (1/7000);
- },
- set: function(value) {
- //this.padding = value;
- this.uniforms.blur.value = (1/7000) * value;
- }
-});
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- *
- * The ColorMatrixFilter class lets you apply a 4x4 matrix transformation on the RGBA
- * color and alpha values of every pixel on your displayObject to produce a result
- * with a new set of RGBA color and alpha values. Its pretty powerful!
- * @class ColorMatrixFilter
- * @contructor
- */
-PIXI.ColorMatrixFilter = function()
-{
- PIXI.AbstractFilter.call( this );
-
- this.passes = [this];
-
- // set the uniforms
- this.uniforms = {
- matrix: {type: 'mat4', value: [1,0,0,0,
- 0,1,0,0,
- 0,0,1,0,
- 0,0,0,1]},
- };
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec2 vTextureCoord;",
- "varying float vColor;",
- "uniform float invert;",
- "uniform mat4 matrix;",
- "uniform sampler2D uSampler;",
- "void main(void) {",
- "gl_FragColor = texture2D(uSampler, vTextureCoord) * matrix;",
- "gl_FragColor = gl_FragColor * vColor;",
- "}"
- ];
-
-}
-
-PIXI.ColorMatrixFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
-PIXI.ColorMatrixFilter.prototype.constructor = PIXI.ColorMatrixFilter;
-
-/**
- * Sets the matrix of the color matrix filter
- *
- * @property matrix
- * @type Array and array of 26 numbers
- * @default [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]
- */
-Object.defineProperty(PIXI.ColorMatrixFilter.prototype, 'matrix', {
- get: function() {
- return this.uniforms.matrix.value;
- },
- set: function(value) {
- this.uniforms.matrix.value = value;
- }
-});
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.CrossHatchFilter = function()
-{
- PIXI.AbstractFilter.call( this );
-
- this.passes = [this];
-
- // set the uniforms
- this.uniforms = {
- blur: {type: '1f', value: 1/512},
- };
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec2 vTextureCoord;",
- "varying float vColor;",
- "uniform float blur;",
- "uniform sampler2D uSampler;",
- "void main(void) {",
-
-
- " float lum = length(texture2D(uSampler, vTextureCoord.xy).rgb);",
- " ",
- " gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);",
- " ",
- " if (lum < 1.00) {",
- " if (mod(gl_FragCoord.x + gl_FragCoord.y, 10.0) == 0.0) {",
- " gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);",
- " }",
- " }",
- " ",
- " if (lum < 0.75) {",
- " if (mod(gl_FragCoord.x - gl_FragCoord.y, 10.0) == 0.0) {",
- " gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);",
- " }",
- " }",
- " ",
- " if (lum < 0.50) {",
- " if (mod(gl_FragCoord.x + gl_FragCoord.y - 5.0, 10.0) == 0.0) {",
- " gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);",
- " }",
- " }",
- " ",
- " if (lum < 0.3) {",
- " if (mod(gl_FragCoord.x - gl_FragCoord.y - 5.0, 10.0) == 0.0) {",
- " gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);",
- " }",
- " }",
- "}"
- ];
-}
-
-PIXI.CrossHatchFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
-PIXI.CrossHatchFilter.prototype.constructor = PIXI.BlurYFilter;
-
-Object.defineProperty(PIXI.CrossHatchFilter.prototype, 'blur', {
- get: function() {
- return this.uniforms.blur.value / (1/7000);
- },
- set: function(value) {
- //this.padding = value;
- this.uniforms.blur.value = (1/7000) * value;
- }
-});
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- *
- * The DisplacementFilter class uses the pixel values from the specified texture (called the displacement map) to perform a displacement of an object.
- * You can use this filter to apply all manor of crazy warping effects
- * Currently the r property of the texture is used offset the x and the g propery of the texture is used to offset the y.
- * @class DisplacementFilter
- * @contructor
- * @param texture {Texture} The texture used for the displacemtent map * must be power of 2 texture at the moment
- */
-PIXI.DisplacementFilter = function(texture)
-{
- PIXI.AbstractFilter.call( this );
-
- this.passes = [this];
- texture.baseTexture._powerOf2 = true;
-
- // set the uniforms
- //console.log()
- this.uniforms = {
- displacementMap: {type: 'sampler2D', value:texture},
- scale: {type: '2f', value:{x:30, y:30}},
- offset: {type: '2f', value:{x:0, y:0}},
- mapDimensions: {type: '2f', value:{x:1, y:5112}},
- dimensions: {type: '4fv', value:[0,0,0,0]}
- };
-
-
- if(texture.baseTexture.hasLoaded)
- {
- this.uniforms.mapDimensions.value.x = texture.width;
- this.uniforms.mapDimensions.value.y = texture.height;
- }
- else
- {
- this.boundLoadedFunction = this.onTextureLoaded.bind(this);
-
- texture.baseTexture.on("loaded", this.boundLoadedFunction);
- }
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec2 vTextureCoord;",
- "varying float vColor;",
- "uniform sampler2D displacementMap;",
- "uniform sampler2D uSampler;",
- "uniform vec2 scale;",
- "uniform vec2 offset;",
- "uniform vec4 dimensions;",
- "uniform vec2 mapDimensions;",// = vec2(256.0, 256.0);",
- // "const vec2 textureDimensions = vec2(750.0, 750.0);",
-
- "void main(void) {",
- "vec2 mapCords = vTextureCoord.xy;",
-// "mapCords -= ;",
- "mapCords += (dimensions.zw + offset)/ dimensions.xy ;",
- "mapCords.y *= -1.0;",
- "mapCords.y += 1.0;",
- "vec2 matSample = texture2D(displacementMap, mapCords).xy;",
- "matSample -= 0.5;",
- "matSample *= scale;",
- "matSample /= mapDimensions;",
- "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x + matSample.x, vTextureCoord.y + matSample.y));",
- "gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb, 1.0);",
- "vec2 cord = vTextureCoord;",
-
- //"gl_FragColor = texture2D(displacementMap, cord);",
- "gl_FragColor = gl_FragColor * vColor;",
-
- "}"
- ];
-
-}
-
-PIXI.DisplacementFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
-PIXI.DisplacementFilter.prototype.constructor = PIXI.DisplacementFilter;
-
-PIXI.DisplacementFilter.prototype.onTextureLoaded = function()
-{
-
- this.uniforms.mapDimensions.value.x = this.uniforms.displacementMap.value.width;
- this.uniforms.mapDimensions.value.y = this.uniforms.displacementMap.value.height;
-
- this.uniforms.displacementMap.value.baseTexture.off("loaded", this.boundLoadedFunction)
-
-}
-
-/**
- * The texture used for the displacemtent map * must be power of 2 texture at the moment
- *
- * @property map
- * @type Texture
- */
-Object.defineProperty(PIXI.DisplacementFilter.prototype, 'map', {
- get: function() {
- return this.uniforms.displacementMap.value;
- },
- set: function(value) {
- this.uniforms.displacementMap.value = value;
- }
-});
-
-/**
- * The multiplier used to scale the displacement result from the map calculation.
- *
- * @property scale
- * @type Point
- */
-Object.defineProperty(PIXI.DisplacementFilter.prototype, 'scale', {
- get: function() {
- return this.uniforms.scale.value;
- },
- set: function(value) {
- this.uniforms.scale.value = value;
- }
-});
-
-/**
- * The offset used to move the displacement map.
- *
- * @property offset
- * @type Point
- */
-Object.defineProperty(PIXI.DisplacementFilter.prototype, 'offset', {
- get: function() {
- return this.uniforms.offset.value;
- },
- set: function(value) {
- this.uniforms.offset.value = value;
- }
-});
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * original filter: https://github.com/evanw/glfx.js/blob/master/src/filters/fun/dotscreen.js
- */
-
-/**
- *
- * This filter applies a pixlate effect making display objects appear "blocky"
- * @class PixelateFilter
- * @contructor
- */
-PIXI.DotScreenFilter = function()
-{
- PIXI.AbstractFilter.call( this );
-
- this.passes = [this];
-
- // set the uniforms
- this.uniforms = {
- scale: {type: '1f', value:1},
- angle: {type: '1f', value:5},
- dimensions: {type: '4fv', value:[0,0,0,0]}
- };
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec2 vTextureCoord;",
- "varying float vColor;",
- "uniform vec4 dimensions;",
- "uniform sampler2D uSampler;",
-
- "uniform float angle;",
- "uniform float scale;",
-
- "float pattern() {",
- "float s = sin(angle), c = cos(angle);",
- "vec2 tex = vTextureCoord * dimensions.xy;",
- "vec2 point = vec2(",
- "c * tex.x - s * tex.y,",
- "s * tex.x + c * tex.y",
- ") * scale;",
- "return (sin(point.x) * sin(point.y)) * 4.0;",
- "}",
-
- "void main() {",
- "vec4 color = texture2D(uSampler, vTextureCoord);",
- "float average = (color.r + color.g + color.b) / 3.0;",
- "gl_FragColor = vec4(vec3(average * 10.0 - 5.0 + pattern()), color.a);",
- "}",
- ];
-}
-
-PIXI.DotScreenFilter.prototype = Object.create( PIXI.DotScreenFilter.prototype );
-PIXI.DotScreenFilter.prototype.constructor = PIXI.DotScreenFilter;
-
-/**
- *
- * This describes the the scale
- * @property scale
- * @type Number
- */
-Object.defineProperty(PIXI.DotScreenFilter.prototype, 'scale', {
- get: function() {
- return this.uniforms.scale.value;
- },
- set: function(value) {
- this.dirty = true;
- this.uniforms.scale.value = value;
- }
-});
-
-/**
- *
- * This radius describes angle
- * @property angle
- * @type Number
- */
-Object.defineProperty(PIXI.DotScreenFilter.prototype, 'angle', {
- get: function() {
- return this.uniforms.angle.value;
- },
- set: function(value) {
- this.dirty = true;
- this.uniforms.angle.value = value;
- }
-});
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.FilterBlock = function()
-{
- this.visible = true;
- this.renderable = true;
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- *
- * This inverts your displayObjects colors.
- * @class InvertFilter
- * @contructor
- */
-PIXI.InvertFilter = function()
-{
- PIXI.AbstractFilter.call( this );
-
- this.passes = [this];
-
- // set the uniforms
- this.uniforms = {
- invert: {type: '1f', value: 1},
- };
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec2 vTextureCoord;",
- "varying float vColor;",
- "uniform float invert;",
- "uniform sampler2D uSampler;",
- "void main(void) {",
- "gl_FragColor = texture2D(uSampler, vTextureCoord);",
- "gl_FragColor.rgb = mix( (vec3(1)-gl_FragColor.rgb) * gl_FragColor.a, gl_FragColor.rgb, 1.0 - invert);",
- //"gl_FragColor.rgb = gl_FragColor.rgb * gl_FragColor.a;",
- "gl_FragColor = gl_FragColor * vColor;",
- "}"
- ];
-
-}
-
-PIXI.InvertFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
-PIXI.InvertFilter.prototype.constructor = PIXI.InvertFilter;
-
-/**
-The strength of the invert. 1 will fully invert the colors, 0 will make the object its normal color
-@property invert
-*/
-Object.defineProperty(PIXI.InvertFilter.prototype, 'invert', {
- get: function() {
- return this.uniforms.invert.value;
- },
- set: function(value) {
- this.uniforms.invert.value = value;
- }
-});
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- *
- * This filter applies a pixlate effect making display objects appear "blocky"
- * @class PixelateFilter
- * @contructor
- */
-PIXI.PixelateFilter = function()
-{
- PIXI.AbstractFilter.call( this );
-
- this.passes = [this];
-
- // set the uniforms
- this.uniforms = {
- invert: {type: '1f', value: 0},
- dimensions: {type: '4fv', value:new Float32Array([10000, 100, 10, 10])},
- pixelSize: {type: '2f', value:{x:10, y:10}},
- };
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec2 vTextureCoord;",
- "varying float vColor;",
- "uniform vec2 testDim;",
- "uniform vec4 dimensions;",
- "uniform vec2 pixelSize;",
- "uniform sampler2D uSampler;",
- "void main(void) {",
- "vec2 coord = vTextureCoord;",
-
- "vec2 size = dimensions.xy/pixelSize;",
-
- "vec2 color = floor( ( vTextureCoord * size ) ) / size + pixelSize/dimensions.xy * 0.5;",
- "gl_FragColor = texture2D(uSampler, color);",
- "}"
- ];
-
-
-}
-
-PIXI.PixelateFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
-PIXI.PixelateFilter.prototype.constructor = PIXI.PixelateFilter;
-
-/**
- *
- * This a point that describes the size of the blocs. x is the width of the block and y is the the height
- * @property size
- * @type Point
- */
-Object.defineProperty(PIXI.PixelateFilter.prototype, 'size', {
- get: function() {
- return this.uniforms.pixelSize.value;
- },
- set: function(value) {
- this.dirty = true;
- this.uniforms.pixelSize.value = value;
- }
-});
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.RGBSplitFilter = function()
-{
- PIXI.AbstractFilter.call( this );
-
- this.passes = [this];
-
- // set the uniforms
- this.uniforms = {
- red: {type: '2f', value: {x:20, y:20}},
- green: {type: '2f', value: {x:-20, y:20}},
- blue: {type: '2f', value: {x:20, y:-20}},
- dimensions: {type: '4fv', value:[0,0,0,0]}
- };
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec2 vTextureCoord;",
- "varying float vColor;",
- "uniform vec2 red;",
- "uniform vec2 green;",
- "uniform vec2 blue;",
- "uniform vec4 dimensions;",
- "uniform sampler2D uSampler;",
- "void main(void) {",
- "gl_FragColor.r = texture2D(uSampler, vTextureCoord + red/dimensions.xy).r;",
- "gl_FragColor.g = texture2D(uSampler, vTextureCoord + green/dimensions.xy).g;",
- "gl_FragColor.b = texture2D(uSampler, vTextureCoord + blue/dimensions.xy).b;",
- "gl_FragColor.a = texture2D(uSampler, vTextureCoord).a;",
- "}"
- ];
-}
-
-PIXI.RGBSplitFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
-PIXI.RGBSplitFilter.prototype.constructor = PIXI.RGBSplitFilter;
-
-Object.defineProperty(PIXI.RGBSplitFilter.prototype, 'angle', {
- get: function() {
- return this.uniforms.blur.value / (1/7000);
- },
- set: function(value) {
- //this.padding = value;
- this.uniforms.blur.value = (1/7000) * value;
- }
-});
-
-/**
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- *
- * This applies a sepia effect to your displayObjects.
- * @class SepiaFilter
- * @contructor
- */
-PIXI.SepiaFilter = function()
-{
- PIXI.AbstractFilter.call( this );
-
- this.passes = [this];
-
- // set the uniforms
- this.uniforms = {
- sepia: {type: '1f', value: 1},
- };
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec2 vTextureCoord;",
- "varying float vColor;",
- "uniform float sepia;",
- "uniform sampler2D uSampler;",
-
- "const mat3 sepiaMatrix = mat3(0.3588, 0.7044, 0.1368, 0.2990, 0.5870, 0.1140, 0.2392, 0.4696, 0.0912);",
- "void main(void) {",
- "gl_FragColor = texture2D(uSampler, vTextureCoord);",
- "gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb * sepiaMatrix, sepia);",
- "gl_FragColor = gl_FragColor * vColor;",
- "}"
- ];
-
-}
-
-PIXI.SepiaFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
-PIXI.SepiaFilter.prototype.constructor = PIXI.SepiaFilter;
-
-/**
-The strength of the sepia. 1 will apply the full sepia effect, 0 will make the object its normal color
-@property sepia
-*/
-Object.defineProperty(PIXI.SepiaFilter.prototype, 'sepia', {
- get: function() {
- return this.uniforms.sepia.value;
- },
- set: function(value) {
- this.uniforms.sepia.value = value;
- }
-});
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-
-PIXI.SmartBlurFilter = function()
-{
- PIXI.AbstractFilter.call( this );
-
- this.passes = [this];
-
- // set the uniforms
- this.uniforms = {
- blur: {type: '1f', value: 1/512},
- };
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec2 vTextureCoord;",
- "uniform sampler2D uSampler;",
- // "uniform vec2 delta;",
- "const vec2 delta = vec2(1.0/10.0, 0.0);",
- // "uniform float darkness;",
-
- "float random(vec3 scale, float seed) {",
- "return fract(sin(dot(gl_FragCoord.xyz + seed, scale)) * 43758.5453 + seed);",
- "}",
-
-
- "void main(void) {",
-
- "vec4 color = vec4(0.0);",
- "float total = 0.0;",
-
- "float offset = random(vec3(12.9898, 78.233, 151.7182), 0.0);",
-
- "for (float t = -30.0; t <= 30.0; t++) {",
- "float percent = (t + offset - 0.5) / 30.0;",
- "float weight = 1.0 - abs(percent);",
- "vec4 sample = texture2D(uSampler, vTextureCoord + delta * percent);",
- "sample.rgb *= sample.a;",
- "color += sample * weight;",
- "total += weight;",
- "}",
-
- "gl_FragColor = color / total;",
- "gl_FragColor.rgb /= gl_FragColor.a + 0.00001;",
- // "gl_FragColor.rgb *= darkness;",
- "}"
- ];
-}
-
-PIXI.SmartBlurFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
-PIXI.SmartBlurFilter.prototype.constructor = PIXI.SmartBlurFilter;
-
-Object.defineProperty(PIXI.SmartBlurFilter.prototype, 'blur', {
- get: function() {
- return this.uniforms.blur.value;
- },
- set: function(value) {
- this.uniforms.blur.value = value;
- }
-});
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- *
- * This filter applies a pixlate effect making display objects appear "blocky"
- * @class PixelateFilter
- * @contructor
- */
-PIXI.TwistFilter = function()
-{
- PIXI.AbstractFilter.call( this );
-
- this.passes = [this];
-
- // set the uniforms
- this.uniforms = {
- radius: {type: '1f', value:0.5},
- angle: {type: '1f', value:5},
- offset: {type: '2f', value:{x:0.5, y:0.5}},
- };
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec2 vTextureCoord;",
- "varying float vColor;",
- "uniform vec4 dimensions;",
- "uniform sampler2D uSampler;",
-
- "uniform float radius;",
- "uniform float angle;",
- "uniform vec2 offset;",
-
- "void main(void) {",
- "vec2 coord = vTextureCoord - offset;",
- "float distance = length(coord);",
-
- "if (distance < radius){",
-
- "float ratio = (radius - distance) / radius;",
- "float angleMod = ratio * ratio * angle;",
- "float s = sin(angleMod);",
- "float c = cos(angleMod);",
- "coord = vec2(coord.x * c - coord.y * s, coord.x * s + coord.y * c);",
-
- "}",
-
- "gl_FragColor = texture2D(uSampler, coord+offset);",
- "}"
- ];
-}
-
-PIXI.TwistFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
-PIXI.TwistFilter.prototype.constructor = PIXI.TwistFilter;
-
-/**
- *
- * This point describes the the offset of the twist
- * @property size
- * @type Point
- */
-Object.defineProperty(PIXI.TwistFilter.prototype, 'offset', {
- get: function() {
- return this.uniforms.offset.value;
- },
- set: function(value) {
- this.dirty = true;
- this.uniforms.offset.value = value;
- }
-});
-
-/**
- *
- * This radius describes size of the twist
- * @property size
- * @type Number
- */
-Object.defineProperty(PIXI.TwistFilter.prototype, 'radius', {
- get: function() {
- return this.uniforms.radius.value;
- },
- set: function(value) {
- this.dirty = true;
- this.uniforms.radius.value = value;
- }
-});
-
-/**
- *
- * This radius describes angle of the twist
- * @property angle
- * @type Number
- */
-Object.defineProperty(PIXI.TwistFilter.prototype, 'angle', {
- get: function() {
- return this.uniforms.angle.value;
- },
- set: function(value) {
- this.dirty = true;
- this.uniforms.angle.value = value;
- }
-});
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * The Graphics class contains a set of methods that you can use to create primitive shapes and lines.
- * It is important to know that with the webGL renderer only simple polys can be filled at this stage
- * Complex polys will not be filled. Heres an example of a complex poly: http://www.goodboydigital.com/wp-content/uploads/2013/06/complexPolygon.png
- *
- * @class Graphics
- * @extends DisplayObjectContainer
- * @constructor
- */
-PIXI.Graphics = function()
-{
- PIXI.DisplayObjectContainer.call( this );
-
- this.renderable = true;
-
- /**
- * The alpha of the fill of this graphics object
- *
- * @property fillAlpha
- * @type Number
- */
- this.fillAlpha = 1;
-
- /**
- * The width of any lines drawn
- *
- * @property lineWidth
- * @type Number
- */
- this.lineWidth = 0;
-
- /**
- * The color of any lines drawn
- *
- * @property lineColor
- * @type String
- */
- this.lineColor = "black";
-
- /**
- * Graphics data
- *
- * @property graphicsData
- * @type Array
- * @private
- */
- this.graphicsData = [];
-
- /**
- * Current path
- *
- * @property currentPath
- * @type Object
- * @private
- */
- this.currentPath = {points:[]};
-}
-
-// constructor
-PIXI.Graphics.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
-PIXI.Graphics.prototype.constructor = PIXI.Graphics;
-
-/**
- * Specifies a line style used for subsequent calls to Graphics methods such as the lineTo() method or the drawCircle() method.
- *
- * @method lineStyle
- * @param lineWidth {Number} width of the line to draw, will update the object's stored style
- * @param color {Number} color of the line to draw, will update the object's stored style
- * @param alpha {Number} alpha of the line to draw, will update the object's stored style
- */
-PIXI.Graphics.prototype.lineStyle = function(lineWidth, color, alpha)
-{
- if(this.currentPath.points.length == 0)this.graphicsData.pop();
-
- this.lineWidth = lineWidth || 0;
- this.lineColor = color || 0;
- this.lineAlpha = (alpha == undefined) ? 1 : alpha;
-
- this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
- fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-
- this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Moves the current drawing position to (x, y).
- *
- * @method moveTo
- * @param x {Number} the X coord to move to
- * @param y {Number} the Y coord to move to
- */
-PIXI.Graphics.prototype.moveTo = function(x, y)
-{
- if(this.currentPath.points.length == 0)this.graphicsData.pop();
-
- this.currentPath = this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
- fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling, points:[], type:PIXI.Graphics.POLY};
-
- this.currentPath.points.push(x, y);
-
- this.graphicsData.push(this.currentPath);
-}
-
-/**
- * Draws a line using the current line style from the current drawing position to (x, y);
- * the current drawing position is then set to (x, y).
- *
- * @method lineTo
- * @param x {Number} the X coord to draw to
- * @param y {Number} the Y coord to draw to
- */
-PIXI.Graphics.prototype.lineTo = function(x, y)
-{
- this.currentPath.points.push(x, y);
- this.dirty = true;
-}
-
-/**
- * Specifies a simple one-color fill that subsequent calls to other Graphics methods
- * (such as lineTo() or drawCircle()) use when drawing.
- *
- * @method beginFill
- * @param color {uint} the color of the fill
- * @param alpha {Number} the alpha
- */
-PIXI.Graphics.prototype.beginFill = function(color, alpha)
-{
- this.filling = true;
- this.fillColor = color || 0;
- this.fillAlpha = (alpha == undefined) ? 1 : alpha;
-}
-
-/**
- * Applies a fill to the lines and shapes that were added since the last call to the beginFill() method.
- *
- * @method endFill
- */
-PIXI.Graphics.prototype.endFill = function()
-{
- this.filling = false;
- this.fillColor = null;
- this.fillAlpha = 1;
-}
-
-/**
- * @method drawRect
- *
- * @param x {Number} The X coord of the top-left of the rectangle
- * @param y {Number} The Y coord of the top-left of the rectangle
- * @param width {Number} The width of the rectangle
- * @param height {Number} The height of the rectangle
- */
-PIXI.Graphics.prototype.drawRect = function( x, y, width, height )
-{
- if(this.currentPath.points.length == 0)this.graphicsData.pop();
-
- this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
- fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling,
- points:[x, y, width, height], type:PIXI.Graphics.RECT};
-
- this.graphicsData.push(this.currentPath);
- this.dirty = true;
-}
-
-/**
- * Draws a circle.
- *
- * @method drawCircle
- * @param x {Number} The X coord of the center of the circle
- * @param y {Number} The Y coord of the center of the circle
- * @param radius {Number} The radius of the circle
- */
-PIXI.Graphics.prototype.drawCircle = function( x, y, radius)
-{
- if(this.currentPath.points.length == 0)this.graphicsData.pop();
-
- this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
- fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling,
- points:[x, y, radius, radius], type:PIXI.Graphics.CIRC};
-
- this.graphicsData.push(this.currentPath);
- this.dirty = true;
-}
-
-/**
- * Draws an elipse.
- *
- * @method drawElipse
- * @param x {Number}
- * @param y {Number}
- * @param width {Number}
- * @param height {Number}
- */
-PIXI.Graphics.prototype.drawElipse = function( x, y, width, height)
-{
- if(this.currentPath.points.length == 0)this.graphicsData.pop();
-
- this.currentPath = {lineWidth:this.lineWidth, lineColor:this.lineColor, lineAlpha:this.lineAlpha,
- fillColor:this.fillColor, fillAlpha:this.fillAlpha, fill:this.filling,
- points:[x, y, width, height], type:PIXI.Graphics.ELIP};
-
- this.graphicsData.push(this.currentPath);
- this.dirty = true;
-}
-
-/**
- * Clears the graphics that were drawn to this Graphics object, and resets fill and line style settings.
- *
- * @method clear
- */
-PIXI.Graphics.prototype.clear = function()
-{
- this.lineWidth = 0;
- this.filling = false;
-
- this.dirty = true;
- this.clearDirty = true;
- this.graphicsData = [];
-
- this.bounds = null//new PIXI.Rectangle();
-}
-
-
-PIXI.Graphics.prototype.updateFilterBounds = function()
-{
- if(!this.bounds)
- {
- var minX = Infinity;
- var maxX = -Infinity;
-
- var minY = Infinity;
- var maxY = -Infinity;
-
- var points, x, y;
-
- for (var i = 0; i < this.graphicsData.length; i++) {
-
-
- var data = this.graphicsData[i];
- var type = data.type;
- var lineWidth = data.lineWidth;
-
- points = data.points;
-
- if(type === PIXI.Graphics.RECT)
- {
- x = points.x - lineWidth/2;
- y = points.y - lineWidth/2;
- var width = points.width + lineWidth;
- var height = points.height + lineWidth;
-
- minX = x < minX ? x : minX;
- maxX = x + width > maxX ? x + width : maxX;
-
- minY = y < minY ? x : minY;
- maxY = y + height > maxY ? y + height : maxY;
- }
- else if(type === PIXI.Graphics.CIRC || type === PIXI.Graphics.ELIP)
- {
- x = points.x;
- y = points.y;
- var radius = points.radius + lineWidth/2;
-
- minX = x - radius < minX ? x - radius : minX;
- maxX = x + radius > maxX ? x + radius : maxX;
-
- minY = y - radius < minY ? y - radius : minY;
- maxY = y + radius > maxY ? y + radius : maxY;
- }
- else
- {
- // POLY
- for (var j = 0; j < points.length; j+=2)
- {
-
- x = points[j];
- y = points[j+1];
-
- minX = x-lineWidth < minX ? x-lineWidth : minX;
- maxX = x+lineWidth > maxX ? x+lineWidth : maxX;
-
- minY = y-lineWidth < minY ? y-lineWidth : minY;
- maxY = y+lineWidth > maxY ? y+lineWidth : maxY;
- };
- }
-
- };
-
- this.bounds = new PIXI.Rectangle(minX, minY, maxX - minX, maxY - minY);
-
- }
-
-// console.log(this.bounds);
-}
-
-// SOME TYPES:
-PIXI.Graphics.POLY = 0;
-PIXI.Graphics.RECT = 1;
-PIXI.Graphics.CIRC = 2;
-PIXI.Graphics.ELIP = 3;
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * A set of functions used by the canvas renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.CanvasGraphics = function()
-{
-
-}
-
-
-/*
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphics = function(graphics, context)
-{
- var worldAlpha = graphics.worldAlpha;
-
- for (var i=0; i < graphics.graphicsData.length; i++)
- {
- var data = graphics.graphicsData[i];
- var points = data.points;
-
- context.strokeStyle = color = '#' + ('00000' + ( data.lineColor | 0).toString(16)).substr(-6);
-
- context.lineWidth = data.lineWidth;
-
- if(data.type == PIXI.Graphics.POLY)
- {
- context.beginPath();
-
- context.moveTo(points[0], points[1]);
-
- for (var j=1; j < points.length/2; j++)
- {
- context.lineTo(points[j * 2], points[j * 2 + 1]);
- }
-
- // if the first and last point are the same close the path - much neater :)
- if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
- {
- context.closePath();
- }
-
- if(data.fill)
- {
- context.globalAlpha = data.fillAlpha * worldAlpha;
- context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
- context.fill();
- }
- if(data.lineWidth)
- {
- context.globalAlpha = data.lineAlpha * worldAlpha;
- context.stroke();
- }
- }
- else if(data.type == PIXI.Graphics.RECT)
- {
-
- if(data.fillColor || data.fillColor === 0)
- {
- context.globalAlpha = data.fillAlpha * worldAlpha;
- context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
- context.fillRect(points[0], points[1], points[2], points[3]);
-
- }
- if(data.lineWidth)
- {
- context.globalAlpha = data.lineAlpha * worldAlpha;
- context.strokeRect(points[0], points[1], points[2], points[3]);
- }
-
- }
- else if(data.type == PIXI.Graphics.CIRC)
- {
- // TODO - need to be Undefined!
- context.beginPath();
- context.arc(points[0], points[1], points[2],0,2*Math.PI);
- context.closePath();
-
- if(data.fill)
- {
- context.globalAlpha = data.fillAlpha * worldAlpha;
- context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
- context.fill();
- }
- if(data.lineWidth)
- {
- context.globalAlpha = data.lineAlpha * worldAlpha;
- context.stroke();
- }
- }
- else if(data.type == PIXI.Graphics.ELIP)
- {
-
- // elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
-
- var elipseData = data.points;
-
- var w = elipseData[2] * 2;
- var h = elipseData[3] * 2;
-
- var x = elipseData[0] - w/2;
- var y = elipseData[1] - h/2;
-
- context.beginPath();
-
- var kappa = .5522848,
- ox = (w / 2) * kappa, // control point offset horizontal
- oy = (h / 2) * kappa, // control point offset vertical
- xe = x + w, // x-end
- ye = y + h, // y-end
- xm = x + w / 2, // x-middle
- ym = y + h / 2; // y-middle
-
- context.moveTo(x, ym);
- context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
- context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
- context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
- context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-
- context.closePath();
-
- if(data.fill)
- {
- context.globalAlpha = data.fillAlpha * worldAlpha;
- context.fillStyle = color = '#' + ('00000' + ( data.fillColor | 0).toString(16)).substr(-6);
- context.fill();
- }
- if(data.lineWidth)
- {
- context.globalAlpha = data.lineAlpha * worldAlpha;
- context.stroke();
- }
- }
-
- };
-}
-
-/*
- * Renders a graphics mask
- *
- * @static
- * @private
- * @method renderGraphicsMask
- * @param graphics {Graphics}
- * @param context {Context2D}
- */
-PIXI.CanvasGraphics.renderGraphicsMask = function(graphics, context)
-{
- var worldAlpha = graphics.worldAlpha;
-
- var len = graphics.graphicsData.length;
- if(len === 0)return;
-
- if(len > 1)
- {
- len = 1;
- console.log("Pixi.js warning: masks in canvas can only mask using the first path in the graphics object")
- }
-
- for (var i=0; i < 1; i++)
- {
- var data = graphics.graphicsData[i];
- var points = data.points;
-
- if(data.type == PIXI.Graphics.POLY)
- {
- context.beginPath();
- context.moveTo(points[0], points[1]);
-
- for (var j=1; j < points.length/2; j++)
- {
- context.lineTo(points[j * 2], points[j * 2 + 1]);
- }
-
- // if the first and last point are the same close the path - much neater :)
- if(points[0] == points[points.length-2] && points[1] == points[points.length-1])
- {
- context.closePath();
- }
-
- }
- else if(data.type == PIXI.Graphics.RECT)
- {
- context.beginPath();
- context.rect(points[0], points[1], points[2], points[3]);
- context.closePath();
- }
- else if(data.type == PIXI.Graphics.CIRC)
- {
- // TODO - need to be Undefined!
- context.beginPath();
- context.arc(points[0], points[1], points[2],0,2*Math.PI);
- context.closePath();
- }
- else if(data.type == PIXI.Graphics.ELIP)
- {
-
- // elipse code taken from: http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas
- var elipseData = data.points;
-
- var w = elipseData[2] * 2;
- var h = elipseData[3] * 2;
-
- var x = elipseData[0] - w/2;
- var y = elipseData[1] - h/2;
-
- context.beginPath();
-
- var kappa = .5522848,
- ox = (w / 2) * kappa, // control point offset horizontal
- oy = (h / 2) * kappa, // control point offset vertical
- xe = x + w, // x-end
- ye = y + h, // y-end
- xm = x + w / 2, // x-middle
- ym = y + h / 2; // y-middle
-
- context.moveTo(x, ym);
- context.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
- context.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
- context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
- context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
- context.closePath();
- }
-
-
- };
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-/**
- * the CanvasRenderer draws the stage and all its content onto a 2d canvas. This renderer should be used for browsers that do not support webGL.
- * Dont forget to add the view to your DOM or you will not see anything :)
- *
- * @class CanvasRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- */
-PIXI.CanvasRenderer = function(width, height, view, transparent)
-{
- this.transparent = transparent;
-
- /**
- * The width of the canvas view
- *
- * @property width
- * @type Number
- * @default 800
- */
- this.width = width || 800;
-
- /**
- * The height of the canvas view
- *
- * @property height
- * @type Number
- * @default 600
- */
- this.height = height || 600;
-
- /**
- * The canvas element that the everything is drawn to
- *
- * @property view
- * @type Canvas
- */
- this.view = view || document.createElement( 'canvas' );
-
- /**
- * The canvas context that the everything is drawn to
- * @property context
- * @type Canvas 2d Context
- */
- this.context = this.view.getContext("2d");
-
- this.refresh = true;
- // hack to enable some hardware acceleration!
- //this.view.style["transform"] = "translatez(0)";
-
- this.view.width = this.width;
- this.view.height = this.height;
- this.count = 0;
-}
-
-// constructor
-PIXI.CanvasRenderer.prototype.constructor = PIXI.CanvasRenderer;
-
-/**
- * Renders the stage to its canvas view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.CanvasRenderer.prototype.render = function(stage)
-{
-
- //stage.__childrenAdded = [];
- //stage.__childrenRemoved = [];
-
- // update textures if need be
- PIXI.texturesToUpdate = [];
- PIXI.texturesToDestroy = [];
-
- PIXI.visibleCount++;
- stage.updateTransform();
-
- // update the background color
- if(this.view.style.backgroundColor!=stage.backgroundColorString && !this.transparent)this.view.style.backgroundColor = stage.backgroundColorString;
-
- this.context.setTransform(1,0,0,1,0,0);
- this.context.clearRect(0, 0, this.width, this.height)
- this.renderDisplayObject(stage);
- //as
-
- // run interaction!
- if(stage.interactive)
- {
- //need to add some events!
- if(!stage._interactiveEventsAdded)
- {
- stage._interactiveEventsAdded = true;
- stage.interactionManager.setTarget(this);
- }
- }
-
- // remove frame updates..
- if(PIXI.Texture.frameUpdates.length > 0)
- {
- PIXI.Texture.frameUpdates = [];
- }
-
-
-}
-
-/**
- * resizes the canvas view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the canvas view
- * @param height {Number} the new height of the canvas view
- */
-PIXI.CanvasRenderer.prototype.resize = function(width, height)
-{
- this.width = width;
- this.height = height;
-
- this.view.width = width;
- this.view.height = height;
-}
-
-/**
- * Renders a display object
- *
- * @method renderDisplayObject
- * @param displayObject {DisplayObject} The displayObject to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
-{
- // no loger recurrsive!
- var transform;
- var context = this.context;
-
- context.globalCompositeOperation = 'source-over';
-
- // one the display object hits this. we can break the loop
- var testObject = displayObject.last._iNext;
- displayObject = displayObject.first;
-
- do
- {
- transform = displayObject.worldTransform;
-
- if(!displayObject.visible)
- {
- displayObject = displayObject.last._iNext;
- continue;
- }
-
- if(!displayObject.renderable)
- {
- displayObject = displayObject._iNext;
- continue;
- }
-
- if(displayObject instanceof PIXI.Sprite)
- {
-
- var frame = displayObject.texture.frame;
-
- if(frame && frame.width && frame.height)
- {
- context.globalAlpha = displayObject.worldAlpha;
-
- context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
-
- context.drawImage(displayObject.texture.baseTexture.source,
- frame.x,
- frame.y,
- frame.width,
- frame.height,
- (displayObject.anchor.x) * -frame.width,
- (displayObject.anchor.y) * -frame.height,
- frame.width,
- frame.height);
- }
- }
- else if(displayObject instanceof PIXI.Strip)
- {
- context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
- this.renderStrip(displayObject);
- }
- else if(displayObject instanceof PIXI.TilingSprite)
- {
- context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
- this.renderTilingSprite(displayObject);
- }
- else if(displayObject instanceof PIXI.CustomRenderable)
- {
- context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
- displayObject.renderCanvas(this);
- }
- else if(displayObject instanceof PIXI.Graphics)
- {
- context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
- PIXI.CanvasGraphics.renderGraphics(displayObject, context);
- }
- else if(displayObject instanceof PIXI.FilterBlock)
- {
- if(displayObject.data instanceof PIXI.Graphics)
- {
- var mask = displayObject.data;
-
- if(displayObject.open)
- {
- context.save();
-
- var cacheAlpha = mask.alpha;
- var maskTransform = mask.worldTransform;
-
- context.setTransform(maskTransform[0], maskTransform[3], maskTransform[1], maskTransform[4], maskTransform[2], maskTransform[5])
-
- mask.worldAlpha = 0.5;
-
- context.worldAlpha = 0;
-
- PIXI.CanvasGraphics.renderGraphicsMask(mask, context);
- context.clip();
-
- mask.worldAlpha = cacheAlpha;
- }
- else
- {
- context.restore();
- }
- }
- else
- {
- // only masks supported right now!
- }
- }
- // count++
- displayObject = displayObject._iNext;
-
-
- }
- while(displayObject != testObject)
-
-
-}
-
-/**
- * Renders a flat strip
- *
- * @method renderStripFlat
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStripFlat = function(strip)
-{
- var context = this.context;
- var verticies = strip.verticies;
- var uvs = strip.uvs;
-
- var length = verticies.length/2;
- this.count++;
-
- context.beginPath();
- for (var i=1; i < length-2; i++)
- {
-
- // draw some triangles!
- var index = i*2;
-
- var x0 = verticies[index], x1 = verticies[index+2], x2 = verticies[index+4];
- var y0 = verticies[index+1], y1 = verticies[index+3], y2 = verticies[index+5];
-
- context.moveTo(x0, y0);
- context.lineTo(x1, y1);
- context.lineTo(x2, y2);
-
- };
-
- context.fillStyle = "#FF0000";
- context.fill();
- context.closePath();
-}
-
-/**
- * Renders a tiling sprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tilingsprite to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderTilingSprite = function(sprite)
-{
- var context = this.context;
-
- context.globalAlpha = sprite.worldAlpha;
-
- if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
-
- context.beginPath();
-
- var tilePosition = sprite.tilePosition;
- var tileScale = sprite.tileScale;
-
- // offset
- context.scale(tileScale.x,tileScale.y);
- context.translate(tilePosition.x, tilePosition.y);
-
- context.fillStyle = sprite.__tilePattern;
- context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
-
- context.scale(1/tileScale.x, 1/tileScale.y);
- context.translate(-tilePosition.x, -tilePosition.y);
-
- context.closePath();
-}
-
-/**
- * Renders a strip
- *
- * @method renderStrip
- * @param strip {Strip} The Strip to render
- * @private
- */
-PIXI.CanvasRenderer.prototype.renderStrip = function(strip)
-{
- var context = this.context;
-
- // draw triangles!!
- var verticies = strip.verticies;
- var uvs = strip.uvs;
-
- var length = verticies.length/2;
- this.count++;
- for (var i=1; i < length-2; i++)
- {
-
- // draw some triangles!
- var index = i*2;
-
- var x0 = verticies[index], x1 = verticies[index+2], x2 = verticies[index+4];
- var y0 = verticies[index+1], y1 = verticies[index+3], y2 = verticies[index+5];
-
- var u0 = uvs[index] * strip.texture.width, u1 = uvs[index+2] * strip.texture.width, u2 = uvs[index+4]* strip.texture.width;
- var v0 = uvs[index+1]* strip.texture.height, v1 = uvs[index+3] * strip.texture.height, v2 = uvs[index+5]* strip.texture.height;
-
-
- context.save();
- context.beginPath();
- context.moveTo(x0, y0);
- context.lineTo(x1, y1);
- context.lineTo(x2, y2);
- context.closePath();
-
- context.clip();
-
-
- // Compute matrix transform
- var delta = u0*v1 + v0*u2 + u1*v2 - v1*u2 - v0*u1 - u0*v2;
- var delta_a = x0*v1 + v0*x2 + x1*v2 - v1*x2 - v0*x1 - x0*v2;
- var delta_b = u0*x1 + x0*u2 + u1*x2 - x1*u2 - x0*u1 - u0*x2;
- var delta_c = u0*v1*x2 + v0*x1*u2 + x0*u1*v2 - x0*v1*u2 - v0*u1*x2 - u0*x1*v2;
- var delta_d = y0*v1 + v0*y2 + y1*v2 - v1*y2 - v0*y1 - y0*v2;
- var delta_e = u0*y1 + y0*u2 + u1*y2 - y1*u2 - y0*u1 - u0*y2;
- var delta_f = u0*v1*y2 + v0*y1*u2 + y0*u1*v2 - y0*v1*u2 - v0*u1*y2 - u0*y1*v2;
-
-
-
-
- context.transform(delta_a/delta, delta_d/delta,
- delta_b/delta, delta_e/delta,
- delta_c/delta, delta_f/delta);
-
- context.drawImage(strip.texture.baseTexture.source, 0, 0);
- context.restore();
- };
-
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- * @author Richard Davey http://www.photonstorm.com @photonstorm
- */
-
-/**
-* @class PIXI.PixiShader
-* @constructor
-*/
-PIXI.PixiShader = function()
-{
- /**
- * @property {any} program - The WebGL program.
- */
- this.program;
-
- /**
- * @property {array} fragmentSrc - The fragment shader.
- */
- this.fragmentSrc = [
- "precision lowp float;",
- "varying vec2 vTextureCoord;",
- "varying float vColor;",
- "uniform sampler2D uSampler;",
- "void main(void) {",
- "gl_FragColor = texture2D(uSampler, vTextureCoord) * vColor;",
- "}"
- ];
-
- /**
- * @property {number} textureCount - A local texture counter for multi-texture shaders.
- */
- this.textureCount = 0;
-
-}
-
-/**
-* @method PIXI.PixiShader#init
-*/
-PIXI.PixiShader.prototype.init = function()
-{
- var program = PIXI.compileProgram(this.vertexSrc || PIXI.PixiShader.defaultVertexSrc, this.fragmentSrc)
-
- var gl = PIXI.gl;
-
- gl.useProgram(program);
-
- // get and store the uniforms for the shader
- this.uSampler = gl.getUniformLocation(program, "uSampler");
- this.projectionVector = gl.getUniformLocation(program, "projectionVector");
- this.offsetVector = gl.getUniformLocation(program, "offsetVector");
- // this.dimensions = gl.getUniformLocation(program, "dimensions");
-
- // get and store the attributes
- this.aVertexPosition = gl.getAttribLocation(program, "aVertexPosition");
- this.colorAttribute = gl.getAttribLocation(program, "aColor");
- this.aTextureCoord = gl.getAttribLocation(program, "aTextureCoord");
-
- // add those custom shaders!
- for (var key in this.uniforms)
- {
- // get the uniform locations..
- this.uniforms[key].uniformLocation = gl.getUniformLocation(program, key);
- }
-
- this.program = program;
-}
-
-/**
-* Updates the shader uniform values.
-* Uniforms are specified in the GLSL_ES Specification: http://www.khronos.org/registry/webgl/specs/latest/1.0/
-* http://www.khronos.org/registry/gles/specs/2.0/GLSL_ES_Specification_1.0.17.pdf
-*
-* @method PIXI.PixiShader#syncUniforms
-*/
-PIXI.PixiShader.prototype.syncUniforms = function()
-{
- this.textureCount = 1;
-
- var gl = PIXI.gl;
-
- for (var key in this.uniforms)
- {
- var type = this.uniforms[key].type;
- var transpose = false;
-
- if (this.uniforms[key].transpose)
- {
- transpose = this.uniforms[key].transpose;
- }
-
- if (type == "1f")
- {
- // void uniform1f(WebGLUniformLocation? location, GLfloat x);
- gl.uniform1f(this.uniforms[key].uniformLocation, this.uniforms[key].value);
- }
- else if (type == "1fv")
- {
- // void uniform1fv(WebGLUniformLocation? location, Float32Array v);
- // void uniform1fv(WebGLUniformLocation? location, sequence v);
- gl.uniform1fv(this.uniforms[key].uniformLocation, this.uniforms[key].value);
- }
- else if (type == "1i")
- {
- // void uniform1i(WebGLUniformLocation? location, GLint x);
- gl.uniform1i(this.uniforms[key].uniformLocation, this.uniforms[key].value);
- }
- else if (type == "1iv")
- {
- // void uniform1iv(WebGLUniformLocation? location, Int32Array v);
- // void uniform1iv(WebGLUniformLocation? location, sequence v);
- gl.uniform1i(this.uniforms[key].uniformLocation, this.uniforms[key].value);
- }
- else if (type == "2f")
- {
- // void uniform2f(WebGLUniformLocation? location, GLfloat x, GLfloat y);
- gl.uniform2f(this.uniforms[key].uniformLocation, this.uniforms[key].value.x, this.uniforms[key].value.y);
- }
- else if (type == "2fv")
- {
- // void uniform2fv(WebGLUniformLocation? location, Float32Array v);
- // void uniform2fv(WebGLUniformLocation? location, sequence v);
- gl.uniform2fv(this.uniforms[key].uniformLocation, this.uniforms[key].value);
- }
- else if (type == "2i")
- {
- // void uniform2i(WebGLUniformLocation? location, GLint x, GLint y);
- gl.uniform2i(this.uniforms[key].uniformLocation, this.uniforms[key].value.x, this.uniforms[key].value.y);
- }
- else if (type == "2iv")
- {
- // void uniform2iv(WebGLUniformLocation? location, Int32Array v);
- // void uniform2iv(WebGLUniformLocation? location, sequence v);
- gl.uniform2iv(this.uniforms[key].uniformLocation, this.uniforms[key].value);
- }
- else if (type == "3f")
- {
- // void uniform3f(WebGLUniformLocation? location, GLfloat x, GLfloat y, GLfloat z);
- gl.uniform3f(this.uniforms[key].uniformLocation, this.uniforms[key].value.x, this.uniforms[key].value.y, this.uniforms[key].value.z);
- }
- else if (type == "3fv")
- {
- // void uniform3fv(WebGLUniformLocation? location, Float32Array v);
- // void uniform3fv(WebGLUniformLocation? location, sequence v);
- gl.uniform3fv(this.uniforms[key].uniformLocation, this.uniforms[key].value);
- }
- else if (type == "3i")
- {
- // void uniform3i(WebGLUniformLocation? location, GLint x, GLint y, GLint z);
- gl.uniform3i(this.uniforms[key].uniformLocation, this.uniforms[key].value.x, this.uniforms[key].value.y, this.uniforms[key].value.z);
- }
- else if (type == "3iv")
- {
- // void uniform3iv(WebGLUniformLocation? location, Int32Array v);
- // void uniform3iv(WebGLUniformLocation? location, sequence v);
- gl.uniform3iv(this.uniforms[key].uniformLocation, this.uniforms[key].value);
- }
- else if (type == "4f")
- {
- // void uniform4f(WebGLUniformLocation? location, GLfloat x, GLfloat y, GLfloat z, GLfloat w);
- gl.uniform4f(this.uniforms[key].uniformLocation, this.uniforms[key].value.x, this.uniforms[key].value.y, this.uniforms[key].value.z, this.uniforms[key].value.w);
- }
- else if (type == "4fv")
- {
- // void uniform4fv(WebGLUniformLocation? location, Float32Array v);
- // void uniform4fv(WebGLUniformLocation? location, sequence v);
- gl.uniform4fv(this.uniforms[key].uniformLocation, this.uniforms[key].value);
- }
- else if (type == "4i")
- {
- // void uniform4i(WebGLUniformLocation? location, GLint x, GLint y, GLint z, GLint w);
- gl.uniform4i(this.uniforms[key].uniformLocation, this.uniforms[key].value.x, this.uniforms[key].value.y, this.uniforms[key].value.z, this.uniforms[key].value.w);
- }
- else if (type == "4iv")
- {
- // void uniform4iv(WebGLUniformLocation? location, Int32Array v);
- // void uniform4iv(WebGLUniformLocation? location, sequence v);
- gl.uniform4iv(this.uniforms[key].uniformLocation, this.uniforms[key].value);
- }
- else if (type == "mat2")
- {
- // void uniformMatrix2fv(WebGLUniformLocation? location, GLboolean transpose, Float32Array value);
- // void uniformMatrix2fv(WebGLUniformLocation? location, GLboolean transpose, sequence value);
- gl.uniformMatrix2fv(this.uniforms[key].uniformLocation, transpose, this.uniforms[key].value);
- }
- else if (type == "mat3")
- {
- // void uniformMatrix3fv(WebGLUniformLocation? location, GLboolean transpose, Float32Array value);
- // void uniformMatrix3fv(WebGLUniformLocation? location, GLboolean transpose, sequence value);
- gl.uniformMatrix3fv(this.uniforms[key].uniformLocation, transpose, this.uniforms[key].value);
- }
- else if (type == "mat4")
- {
- // void uniformMatrix4fv(WebGLUniformLocation? location, GLboolean transpose, Float32Array value);
- // void uniformMatrix4fv(WebGLUniformLocation? location, GLboolean transpose, sequence value);
- gl.uniformMatrix4fv(this.uniforms[key].uniformLocation, transpose, this.uniforms[key].value);
- }
- else if (type == "sampler2D")
- {
- if (this.uniforms[key].value && this.uniforms[key].value.baseTexture.hasLoaded)
- {
- var texture = this.uniforms[key].value.baseTexture._glTexture;
- var image = this.uniforms[key].value.baseTexture.source;
- var format = gl.RGBA;
-
- if (this.uniforms[key].format && this.uniforms[key].format == 'luminance')
- {
- format = gl.LUMINANCE;
- }
-
- gl.activeTexture(gl['TEXTURE' + this.textureCount]);
-
- if (this.uniforms[key].wrap)
- {
- if (this.uniforms[key].wrap == 'no-repeat' || this.uniforms[key].wrap === false)
- {
- this.createGLTextureLinear(gl, image, texture);
- }
- else if (this.uniforms[key].wrap == 'repeat' || this.uniforms[key].wrap === true)
- {
- this.createGLTexture(gl, image, format, texture);
- }
- else if (this.uniforms[key].wrap == 'nearest-repeat')
- {
- this.createGLTextureNearestRepeat(gl, image, texture);
- }
- else if (this.uniforms[key].wrap == 'nearest')
- {
- this.createGLTextureNearest(gl, image, texture);
- }
- else if (this.uniforms[key].wrap == 'audio')
- {
- this.createAudioTexture(gl, texture);
- }
- else if (this.uniforms[key].wrap == 'keyboard')
- {
- this.createKeyboardTexture(gl, texture);
- }
- }
- else
- {
- this.createGLTextureLinear(gl, image, texture);
- }
-
- gl.uniform1i(this.uniforms[key].uniformLocation, this.textureCount);
-
- this.textureCount++;
- }
- }
- }
-
-};
-
-/**
-* Binds the given texture and image data. The texture is set to REPEAT.
-* Code based on Effects.js from ShaderToy.com
-* @method PIXI.PixiShader#createGLTexture
-*/
-PIXI.PixiShader.prototype.createGLTexture = function(gl, image, format, texture)
-{
- gl.bindTexture(gl.TEXTURE_2D, texture);
- gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
- gl.texImage2D(gl.TEXTURE_2D, 0, format, gl.RGBA, gl.UNSIGNED_BYTE, image);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
- gl.generateMipmap(gl.TEXTURE_2D);
-}
-
-/**
-* Binds the given texture and image data. The texture is set to CLAMP_TO_EDGE.
-* Code based on Effects.js from ShaderToy.com
-* @method PIXI.PixiShader#createGLTextureLinear
-*/
-PIXI.PixiShader.prototype.createGLTextureLinear = function(gl, image, texture)
-{
- gl.bindTexture(gl.TEXTURE_2D, texture);
- gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
- gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-}
-
-/**
-* Binds the given texture and image data. The texture is set to REPEAT with NEAREST.
-* Code based on Effects.js from ShaderToy.com
-* @method PIXI.PixiShader#createGLTextureNearestRepeat
-*/
-PIXI.PixiShader.prototype.createGLTextureNearestRepeat = function(gl, image, texture)
-{
- gl.bindTexture(gl.TEXTURE_2D, texture);
- gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
- gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
-}
-
-/**
-* Binds the given texture and image data. The texture is set to CLAMP_TO_EDGE with NEAREST.
-* Code based on Effects.js from ShaderToy.com
-* @method PIXI.PixiShader#createGLTextureNearest
-*/
-PIXI.PixiShader.prototype.createGLTextureNearest = function(gl, image, texture)
-{
- gl.bindTexture(gl.TEXTURE_2D, texture);
- gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
- gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-}
-
-/**
-* Binds the given texture data. The texture is set to CLAMP_TO_EDGE with LUMINANCE. Designed for use with real-time audio data.
-* Code based on Effects.js from ShaderToy.com
-* @method PIXI.PixiShader#createAudioTexture
-*/
-PIXI.PixiShader.prototype.createAudioTexture = function(gl, texture)
-{
- gl.bindTexture(gl.TEXTURE_2D, texture );
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR );
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR );
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE );
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE) ;
- gl.texImage2D(gl.TEXTURE_2D, 0, gl.LUMINANCE, 512, 2, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, null);
-}
-
-/**
-* Binds the given texture data. The texture is set to CLAMP_TO_EDGE with LUMINANCE. Designed for use with keyboard input data.
-* Code based on Effects.js from ShaderToy.com
-* @method PIXI.PixiShader#createKeyboardTexture
-*/
-PIXI.PixiShader.prototype.createKeyboardTexture = function(gl, texture)
-{
- gl.bindTexture(gl.TEXTURE_2D, texture );
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST );
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST );
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE );
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE) ;
- gl.texImage2D(gl.TEXTURE_2D, 0, gl.LUMINANCE, 256, 2, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, null);
-}
-
-PIXI.PixiShader.defaultVertexSrc = [
-
- "attribute vec2 aVertexPosition;",
- "attribute vec2 aTextureCoord;",
- "attribute float aColor;",
-
- "uniform vec2 projectionVector;",
- "uniform vec2 offsetVector;",
- "varying vec2 vTextureCoord;",
-
- "varying float vColor;",
-
- "const vec2 center = vec2(-1.0, 1.0);",
-
- "void main(void) {",
- "gl_Position = vec4( ((aVertexPosition + offsetVector) / projectionVector) + center , 0.0, 1.0);",
- "vTextureCoord = aTextureCoord;",
- "vColor = aColor;",
- "}"
-];
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-PIXI.PrimitiveShader = function()
-{
- // the webGL program..
- this.program;
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec4 vColor;",
- "void main(void) {",
- "gl_FragColor = vColor;",
- "}"
- ];
-
- this.vertexSrc = [
- "attribute vec2 aVertexPosition;",
- "attribute vec4 aColor;",
- "uniform mat3 translationMatrix;",
- "uniform vec2 projectionVector;",
- "uniform vec2 offsetVector;",
- "uniform float alpha;",
- "varying vec4 vColor;",
- "void main(void) {",
- "vec3 v = translationMatrix * vec3(aVertexPosition , 1.0);",
- "v -= offsetVector.xyx;",
- "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / -projectionVector.y + 1.0 , 0.0, 1.0);",
- "vColor = aColor * alpha;",
- "}"
- ];
-
-}
-
-PIXI.PrimitiveShader.prototype.init = function()
-{
- var program = PIXI.compileProgram(this.vertexSrc, this.fragmentSrc);
-
- var gl = PIXI.gl;
-
- gl.useProgram(program);
-
- // get and store the uniforms for the shader
- this.projectionVector = gl.getUniformLocation(program, "projectionVector");
- this.offsetVector = gl.getUniformLocation(program, "offsetVector");
-
- // get and store the attributes
- this.aVertexPosition = gl.getAttribLocation(program, "aVertexPosition");
- this.colorAttribute = gl.getAttribLocation(program, "aColor");
-
- this.translationMatrix = gl.getUniformLocation(program, "translationMatrix");
- this.alpha = gl.getUniformLocation(program, "alpha");
-
- this.program = program;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-PIXI.StripShader = function()
-{
- // the webGL program..
- this.program;
-
- this.fragmentSrc = [
- "precision mediump float;",
- "varying vec2 vTextureCoord;",
- "varying float vColor;",
- "uniform float alpha;",
- "uniform sampler2D uSampler;",
- "void main(void) {",
- "gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y));",
- "gl_FragColor = gl_FragColor * alpha;",
- "}"
- ];
-
- this.vertexSrc = [
- "attribute vec2 aVertexPosition;",
- "attribute vec2 aTextureCoord;",
- "attribute float aColor;",
- "uniform mat3 translationMatrix;",
- "uniform vec2 projectionVector;",
- "varying vec2 vTextureCoord;",
- "varying vec2 offsetVector;",
- "varying float vColor;",
- "void main(void) {",
- "vec3 v = translationMatrix * vec3(aVertexPosition, 1.0);",
- "v -= offsetVector.xyx;",
- "gl_Position = vec4( v.x / projectionVector.x -1.0, v.y / projectionVector.y + 1.0 , 0.0, 1.0);",
- "vTextureCoord = aTextureCoord;",
- "vColor = aColor;",
- "}"
- ];
-}
-
-PIXI.StripShader.prototype.init = function()
-{
- var program = PIXI.compileProgram(this.vertexSrc, this.fragmentSrc)
-
- var gl = PIXI.gl;
-
- gl.useProgram(program);
-
- // get and store the uniforms for the shader
- this.uSampler = gl.getUniformLocation(program, "uSampler");
- this.projectionVector = gl.getUniformLocation(program, "projectionVector");
- this.offsetVector = gl.getUniformLocation(program, "offsetVector");
- this.colorAttribute = gl.getAttribLocation(program, "aColor");
- //this.dimensions = gl.getUniformLocation(this.program, "dimensions");
-
- // get and store the attributes
- this.aVertexPosition = gl.getAttribLocation(program, "aVertexPosition");
- this.aTextureCoord = gl.getAttribLocation(program, "aTextureCoord");
-
- this.translationMatrix = gl.getUniformLocation(program, "translationMatrix");
- this.alpha = gl.getUniformLocation(program, "alpha");
-
- this.program = program;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._batchs = [];
-
-/**
- * @private
- */
-PIXI._getBatch = function(gl)
-{
- if(PIXI._batchs.length == 0)
- {
- return new PIXI.WebGLBatch(gl);
- }
- else
- {
- return PIXI._batchs.pop();
- }
-}
-
-/**
- * @private
- */
-PIXI._returnBatch = function(batch)
-{
- batch.clean();
- PIXI._batchs.push(batch);
-}
-
-/**
- * @private
- */
-PIXI._restoreBatchs = function(gl)
-{
- for (var i=0; i < PIXI._batchs.length; i++)
- {
- PIXI._batchs[i].restoreLostContext(gl);
- };
-}
-
-/**
- * A WebGLBatch Enables a group of sprites to be drawn using the same settings.
- * if a group of sprites all have the same baseTexture and blendMode then they can be grouped into a batch.
- * All the sprites in a batch can then be drawn in one go by the GPU which is hugely efficient. ALL sprites
- * in the webGL renderer are added to a batch even if the batch only contains one sprite. Batching is handled
- * automatically by the webGL renderer. A good tip is: the smaller the number of batchs there are, the faster
- * the webGL renderer will run.
- *
- * @class WebGLBatch
- * @constructor
- * @param gl {WebGLContext} an instance of the webGL context
- */
-PIXI.WebGLBatch = function(gl)
-{
- this.gl = gl;
-
- this.size = 0;
-
- this.vertexBuffer = gl.createBuffer();
- this.indexBuffer = gl.createBuffer();
- this.uvBuffer = gl.createBuffer();
- this.colorBuffer = gl.createBuffer();
- this.blendMode = PIXI.blendModes.NORMAL;
- this.dynamicSize = 1;
-}
-
-// constructor
-PIXI.WebGLBatch.prototype.constructor = PIXI.WebGLBatch;
-
-/**
- * Cleans the batch so that is can be returned to an object pool and reused
- *
- * @method clean
- */
-PIXI.WebGLBatch.prototype.clean = function()
-{
- this.verticies = [];
- this.uvs = [];
- this.indices = [];
- this.colors = [];
- this.dynamicSize = 1;
- this.texture = null;
- this.last = null;
- this.size = 0;
- this.head;
- this.tail;
-}
-
-/**
- * Recreates the buffers in the event of a context loss
- *
- * @method restoreLostContext
- * @param gl {WebGLContext}
- */
-PIXI.WebGLBatch.prototype.restoreLostContext = function(gl)
-{
- this.gl = gl;
- this.vertexBuffer = gl.createBuffer();
- this.indexBuffer = gl.createBuffer();
- this.uvBuffer = gl.createBuffer();
- this.colorBuffer = gl.createBuffer();
-}
-
-/**
- * inits the batch's texture and blend mode based if the supplied sprite
- *
- * @method init
- * @param sprite {Sprite} the first sprite to be added to the batch. Only sprites with
- * the same base texture and blend mode will be allowed to be added to this batch
- */
-PIXI.WebGLBatch.prototype.init = function(sprite)
-{
- sprite.batch = this;
- this.dirty = true;
- this.blendMode = sprite.blendMode;
- this.texture = sprite.texture.baseTexture;
- this.head = sprite;
- this.tail = sprite;
- this.size = 1;
-
- this.growBatch();
-}
-
-/**
- * inserts a sprite before the specified sprite
- *
- * @method insertBefore
- * @param sprite {Sprite} the sprite to be added
- * @param nextSprite {nextSprite} the first sprite will be inserted before this sprite
- */
-PIXI.WebGLBatch.prototype.insertBefore = function(sprite, nextSprite)
-{
- this.size++;
-
- sprite.batch = this;
- this.dirty = true;
- var tempPrev = nextSprite.__prev;
- nextSprite.__prev = sprite;
- sprite.__next = nextSprite;
-
- if(tempPrev)
- {
- sprite.__prev = tempPrev;
- tempPrev.__next = sprite;
- }
- else
- {
- this.head = sprite;
- }
-}
-
-/**
- * inserts a sprite after the specified sprite
- *
- * @method insertAfter
- * @param sprite {Sprite} the sprite to be added
- * @param previousSprite {Sprite} the first sprite will be inserted after this sprite
- */
-PIXI.WebGLBatch.prototype.insertAfter = function(sprite, previousSprite)
-{
- this.size++;
-
- sprite.batch = this;
- this.dirty = true;
-
- var tempNext = previousSprite.__next;
- previousSprite.__next = sprite;
- sprite.__prev = previousSprite;
-
- if(tempNext)
- {
- sprite.__next = tempNext;
- tempNext.__prev = sprite;
- }
- else
- {
- this.tail = sprite
- }
-}
-
-/**
- * removes a sprite from the batch
- *
- * @method remove
- * @param sprite {Sprite} the sprite to be removed
- */
-PIXI.WebGLBatch.prototype.remove = function(sprite)
-{
- this.size--;
-
- if(this.size == 0)
- {
- sprite.batch = null;
- sprite.__prev = null;
- sprite.__next = null;
- return;
- }
-
- if(sprite.__prev)
- {
- sprite.__prev.__next = sprite.__next;
- }
- else
- {
- this.head = sprite.__next;
- this.head.__prev = null;
- }
-
- if(sprite.__next)
- {
- sprite.__next.__prev = sprite.__prev;
- }
- else
- {
- this.tail = sprite.__prev;
- this.tail.__next = null
- }
-
- sprite.batch = null;
- sprite.__next = null;
- sprite.__prev = null;
- this.dirty = true;
-}
-
-/**
- * Splits the batch into two with the specified sprite being the start of the new batch.
- *
- * @method split
- * @param sprite {Sprite} the sprite that indicates where the batch should be split
- * @return {WebGLBatch} the new batch
- */
-PIXI.WebGLBatch.prototype.split = function(sprite)
-{
- this.dirty = true;
-
- var batch = new PIXI.WebGLBatch(this.gl);
- batch.init(sprite);
- batch.texture = this.texture;
- batch.tail = this.tail;
-
- this.tail = sprite.__prev;
- this.tail.__next = null;
-
- sprite.__prev = null;
- // return a splite batch!
-
- // TODO this size is wrong!
- // need to recalculate :/ problem with a linked list!
- // unless it gets calculated in the "clean"?
-
- // need to loop through items as there is no way to know the length on a linked list :/
- var tempSize = 0;
- while(sprite)
- {
- tempSize++;
- sprite.batch = batch;
- sprite = sprite.__next;
- }
-
- batch.size = tempSize;
- this.size -= tempSize;
-
- return batch;
-}
-
-/**
- * Merges two batchs together
- *
- * @method merge
- * @param batch {WebGLBatch} the batch that will be merged
- */
-PIXI.WebGLBatch.prototype.merge = function(batch)
-{
- this.dirty = true;
-
- this.tail.__next = batch.head;
- batch.head.__prev = this.tail;
-
- this.size += batch.size;
-
- this.tail = batch.tail;
-
- var sprite = batch.head;
- while(sprite)
- {
- sprite.batch = this;
- sprite = sprite.__next;
- }
-}
-
-/**
- * Grows the size of the batch. As the elements in the batch cannot have a dynamic size this
- * function is used to increase the size of the batch. It also creates a little extra room so
- * that the batch does not need to be resized every time a sprite is added
- *
- * @method growBatch
- */
-PIXI.WebGLBatch.prototype.growBatch = function()
-{
- var gl = this.gl;
- if( this.size == 1)
- {
- this.dynamicSize = 1;
- }
- else
- {
- this.dynamicSize = this.size * 1.5
- }
- // grow verts
- this.verticies = new Float32Array(this.dynamicSize * 8);
-
- gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
- gl.bufferData(gl.ARRAY_BUFFER,this.verticies , gl.DYNAMIC_DRAW);
-
- this.uvs = new Float32Array( this.dynamicSize * 8 );
- gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
- gl.bufferData(gl.ARRAY_BUFFER, this.uvs , gl.DYNAMIC_DRAW);
-
- this.dirtyUVS = true;
-
- this.colors = new Float32Array( this.dynamicSize * 4 );
- gl.bindBuffer(gl.ARRAY_BUFFER, this.colorBuffer);
- gl.bufferData(gl.ARRAY_BUFFER, this.colors , gl.DYNAMIC_DRAW);
-
- this.dirtyColors = true;
-
- this.indices = new Uint16Array(this.dynamicSize * 6);
- var length = this.indices.length/6;
-
- for (var i=0; i < length; i++)
- {
- var index2 = i * 6;
- var index3 = i * 4;
- this.indices[index2 + 0] = index3 + 0;
- this.indices[index2 + 1] = index3 + 1;
- this.indices[index2 + 2] = index3 + 2;
- this.indices[index2 + 3] = index3 + 0;
- this.indices[index2 + 4] = index3 + 2;
- this.indices[index2 + 5] = index3 + 3;
- };
-
- gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
- gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, this.indices, gl.STATIC_DRAW);
-}
-
-/**
- * Refresh's all the data in the batch and sync's it with the webGL buffers
- *
- * @method refresh
- */
-PIXI.WebGLBatch.prototype.refresh = function()
-{
- var gl = this.gl;
-
- if (this.dynamicSize < this.size)
- {
- this.growBatch();
- }
-
- var indexRun = 0;
- var worldTransform, width, height, aX, aY, w0, w1, h0, h1, index;
- var a, b, c, d, tx, ty;
-
- var displayObject = this.head;
-
- while(displayObject)
- {
- index = indexRun * 8;
-
- var texture = displayObject.texture;
-
- var frame = texture.frame;
- var tw = texture.baseTexture.width;
- var th = texture.baseTexture.height;
-
- this.uvs[index + 0] = frame.x / tw;
- this.uvs[index +1] = frame.y / th;
-
- this.uvs[index +2] = (frame.x + frame.width) / tw;
- this.uvs[index +3] = frame.y / th;
-
- this.uvs[index +4] = (frame.x + frame.width) / tw;
- this.uvs[index +5] = (frame.y + frame.height) / th;
-
- this.uvs[index +6] = frame.x / tw;
- this.uvs[index +7] = (frame.y + frame.height) / th;
-
- displayObject.updateFrame = false;
-
- colorIndex = indexRun * 4;
- this.colors[colorIndex] = this.colors[colorIndex + 1] = this.colors[colorIndex + 2] = this.colors[colorIndex + 3] = displayObject.worldAlpha;
-
- displayObject = displayObject.__next;
-
- indexRun ++;
- }
-
- this.dirtyUVS = true;
- this.dirtyColors = true;
-}
-
-/**
- * Updates all the relevant geometry and uploads the data to the GPU
- *
- * @method update
- */
-PIXI.WebGLBatch.prototype.update = function()
-{
- var gl = this.gl;
- var worldTransform, width, height, aX, aY, w0, w1, h0, h1, index, index2, index3
-
- var a, b, c, d, tx, ty;
-
- var indexRun = 0;
-
- var displayObject = this.head;
- var verticies = this.verticies;
- var uvs = this.uvs;
- var colors = this.colors;
-
- while(displayObject)
- {
- if(displayObject.vcount === PIXI.visibleCount)
- {
- width = displayObject.texture.frame.width;
- height = displayObject.texture.frame.height;
-
- // TODO trim??
- aX = displayObject.anchor.x;// - displayObject.texture.trim.x
- aY = displayObject.anchor.y; //- displayObject.texture.trim.y
- w0 = width * (1-aX);
- w1 = width * -aX;
-
- h0 = height * (1-aY);
- h1 = height * -aY;
-
- index = indexRun * 8;
-
- worldTransform = displayObject.worldTransform;
-
- a = worldTransform[0];
- b = worldTransform[3];
- c = worldTransform[1];
- d = worldTransform[4];
- tx = worldTransform[2];
- ty = worldTransform[5];
-
- verticies[index + 0 ] = a * w1 + c * h1 + tx;
- verticies[index + 1 ] = d * h1 + b * w1 + ty;
-
- verticies[index + 2 ] = a * w0 + c * h1 + tx;
- verticies[index + 3 ] = d * h1 + b * w0 + ty;
-
- verticies[index + 4 ] = a * w0 + c * h0 + tx;
- verticies[index + 5 ] = d * h0 + b * w0 + ty;
-
- verticies[index + 6] = a * w1 + c * h0 + tx;
- verticies[index + 7] = d * h0 + b * w1 + ty;
-
- if(displayObject.updateFrame || displayObject.texture.updateFrame)
- {
- this.dirtyUVS = true;
-
- var texture = displayObject.texture;
-
- var frame = texture.frame;
- var tw = texture.baseTexture.width;
- var th = texture.baseTexture.height;
-
- uvs[index + 0] = frame.x / tw;
- uvs[index +1] = frame.y / th;
-
- uvs[index +2] = (frame.x + frame.width) / tw;
- uvs[index +3] = frame.y / th;
-
- uvs[index +4] = (frame.x + frame.width) / tw;
- uvs[index +5] = (frame.y + frame.height) / th;
-
- uvs[index +6] = frame.x / tw;
- uvs[index +7] = (frame.y + frame.height) / th;
-
- displayObject.updateFrame = false;
- }
-
- // TODO this probably could do with some optimisation....
- if(displayObject.cacheAlpha != displayObject.worldAlpha)
- {
- displayObject.cacheAlpha = displayObject.worldAlpha;
-
- var colorIndex = indexRun * 4;
- colors[colorIndex] = colors[colorIndex + 1] = colors[colorIndex + 2] = colors[colorIndex + 3] = displayObject.worldAlpha;
- this.dirtyColors = true;
- }
- }
- else
- {
- index = indexRun * 8;
-
- verticies[index + 0 ] = verticies[index + 1 ] = verticies[index + 2 ] = verticies[index + 3 ] = verticies[index + 4 ] = verticies[index + 5 ] = verticies[index + 6] = verticies[index + 7] = 0;
- }
-
- indexRun++;
- displayObject = displayObject.__next;
- }
-}
-
-/**
- * Draws the batch to the frame buffer
- *
- * @method render
- */
-PIXI.WebGLBatch.prototype.render = function(start, end)
-{
- start = start || 0;
-
- if(end == undefined)end = this.size;
-
- if(this.dirty)
- {
- this.refresh();
- this.dirty = false;
- }
-
- if (this.size == 0)return;
-
- this.update();
- var gl = this.gl;
-
- //TODO optimize this!
-
- var shaderProgram = PIXI.defaultShader;
-
- //gl.useProgram(shaderProgram);
-
- // update the verts..
- gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
- // ok..
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.verticies)
- gl.vertexAttribPointer(shaderProgram.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
- // update the uvs
- //var isDefault = (shaderProgram == PIXI.shaderProgram)
-
- gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
-
- if(this.dirtyUVS)
- {
- this.dirtyUVS = false;
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.uvs);
- }
-
- gl.vertexAttribPointer(shaderProgram.aTextureCoord, 2, gl.FLOAT, false, 0, 0);
-
- gl.activeTexture(gl.TEXTURE0);
- gl.bindTexture(gl.TEXTURE_2D, this.texture._glTexture);
-
- // update color!
- gl.bindBuffer(gl.ARRAY_BUFFER, this.colorBuffer);
-
- if(this.dirtyColors)
- {
- this.dirtyColors = false;
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.colors);
- }
-
- gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
- // dont need to upload!
- gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
- var len = end - start;
-
- // DRAW THAT this!
- gl.drawElements(gl.TRIANGLES, len * 6, gl.UNSIGNED_SHORT, start * 2 * 6 );
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-PIXI.WebGLFilterManager = function(transparent)
-{
- this.transparent = transparent;
-
- this.filterStack = [];
- this.texturePool = [];
-
- this.offsetX = 0;
- this.offsetY = 0;
-
- this.initShaderBuffers();
-}
-
-// API
-
-PIXI.WebGLFilterManager.prototype.begin = function(projection, buffer)
-{
- this.width = projection.x * 2;
- this.height = -projection.y * 2;
- this.buffer = buffer;
-}
-
-PIXI.WebGLFilterManager.prototype.pushFilter = function(filterBlock)
-{
- var gl = PIXI.gl;
-
- // filter program
- // OPTIMISATION - the first filter is free if its a simple color change?
- this.filterStack.push(filterBlock);
-
- var filter = filterBlock.filterPasses[0];
-
-
-
- this.offsetX += filterBlock.target.filterArea.x;
- this.offsetY += filterBlock.target.filterArea.y;
-
-
-
-
-
- var texture = this.texturePool.pop();
- if(!texture)texture = new PIXI.FilterTexture(this.width, this.height);
-
- gl.bindTexture(gl.TEXTURE_2D, texture.texture);
-
- this.getBounds(filterBlock.target);
-
- // addpadding?
- //displayObject.filterArea.x
-
- var filterArea = filterBlock.target.filterArea;
-
- var padidng = filter.padding;
- filterArea.x -= padidng;
- filterArea.y -= padidng;
- filterArea.width += padidng * 2;
- filterArea.height += padidng * 2;
-
- // cap filter to screen size..
- if(filterArea.x < 0)filterArea.x = 0;
- if(filterArea.width > this.width)filterArea.width = this.width;
- if(filterArea.y < 0)filterArea.y = 0;
- if(filterArea.height > this.height)filterArea.height = this.height;
-
-
- //gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, filterArea.width, filterArea.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
- gl.bindFramebuffer(gl.FRAMEBUFFER, texture.frameBuffer);
-
- // console.log(filterArea)
- // set view port
- gl.viewport(0, 0, filterArea.width, filterArea.height);
-
- PIXI.projection.x = filterArea.width/2;
- PIXI.projection.y = -filterArea.height/2;
-
- PIXI.offset.x = -filterArea.x;
- PIXI.offset.y = -filterArea.y;
-
- //console.log(PIXI.defaultShader.projectionVector)
- // update projection
- gl.uniform2f(PIXI.defaultShader.projectionVector, filterArea.width/2, -filterArea.height/2);
- gl.uniform2f(PIXI.defaultShader.offsetVector, -filterArea.x, -filterArea.y);
- //PIXI.primitiveProgram
-
- gl.colorMask(true, true, true, true);
- gl.clearColor(0,0,0, 0);
- gl.clear(gl.COLOR_BUFFER_BIT);
-
- //filter.texture = texture;
- filterBlock._glFilterTexture = texture;
-
- //console.log("PUSH")
-}
-
-
-PIXI.WebGLFilterManager.prototype.popFilter = function()
-{
-
- var gl = PIXI.gl;
-
- var filterBlock = this.filterStack.pop();
-
-
-
- var filterArea = filterBlock.target.filterArea;
-
- var texture = filterBlock._glFilterTexture;
-
- if(filterBlock.filterPasses.length > 1)
- {
- gl.viewport(0, 0, filterArea.width, filterArea.height);
-
- gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-
- this.vertexArray[0] = 0;
- this.vertexArray[1] = filterArea.height;
-
- this.vertexArray[2] = filterArea.width;
- this.vertexArray[3] = filterArea.height;
-
- this.vertexArray[4] = 0;
- this.vertexArray[5] = 0;
-
- this.vertexArray[6] = filterArea.width;
- this.vertexArray[7] = 0;
-
-
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.vertexArray);
-
-
- gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
- // nnow set the uvs..
- this.uvArray[2] = filterArea.width/this.width;
- this.uvArray[5] = filterArea.height/this.height;
- this.uvArray[6] = filterArea.width/this.width;
- this.uvArray[7] = filterArea.height/this.height;
-
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.uvArray);
-
- var inputTexture = texture;
- var outputTexture = this.texturePool.pop();
- if(!outputTexture)outputTexture = new PIXI.FilterTexture(this.width, this.height);
-
- // need to clear this FBO as it may have some left over elements from a prvious filter.
- gl.bindFramebuffer(gl.FRAMEBUFFER, outputTexture.frameBuffer );
- gl.clear(gl.COLOR_BUFFER_BIT);
-
- gl.disable(gl.BLEND);
-
- for (var i = 0; i < filterBlock.filterPasses.length-1; i++)
- {
- var filterPass = filterBlock.filterPasses[i];
-
- gl.bindFramebuffer(gl.FRAMEBUFFER, outputTexture.frameBuffer );
-
- // set texture
- gl.activeTexture(gl.TEXTURE0);
- gl.bindTexture(gl.TEXTURE_2D, inputTexture.texture);
-
- // draw texture..
- //filterPass.applyFilterPass(filterArea.width, filterArea.height);
- this.applyFilterPass(filterPass, filterArea, filterArea.width, filterArea.height);
-
- // swap the textures..
- var temp = inputTexture;
- inputTexture = outputTexture;
- outputTexture = temp;
-
- };
-
- gl.enable(gl.BLEND);
-
- texture = inputTexture;
- this.texturePool.push(outputTexture);
- }
-
- var filter = filterBlock.filterPasses[filterBlock.filterPasses.length-1];
-
- this.offsetX -= filterArea.x;
- this.offsetY -= filterArea.y;
-
-
- var sizeX = this.width;
- var sizeY = this.height;
-
- var offsetX = 0;
- var offsetY = 0;
-
- var buffer = this.buffer;
-
- // time to render the filters texture to the previous scene
- if(this.filterStack.length === 0)
- {
- gl.colorMask(true, true, true, this.transparent);
- }
- else
- {
- var currentFilter = this.filterStack[this.filterStack.length-1];
- var filterArea = currentFilter.target.filterArea;
-
- sizeX = filterArea.width;
- sizeY = filterArea.height;
-
- offsetX = filterArea.x;
- offsetY = filterArea.y;
-
- buffer = currentFilter._glFilterTexture.frameBuffer;
- }
-
-
-
- // TODO need toremove thease global elements..
- PIXI.projection.x = sizeX/2;
- PIXI.projection.y = -sizeY/2;
-
- PIXI.offset.x = offsetX;
- PIXI.offset.y = offsetY;
-
-
- var filterArea = filterBlock.target.filterArea;
- var x = filterArea.x-offsetX;
- var y = filterArea.y-offsetY;
-
- // update the buffers..
- // make sure to flip the y!
- gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
-
- this.vertexArray[0] = x;
- this.vertexArray[1] = y + filterArea.height;
-
- this.vertexArray[2] = x + filterArea.width;
- this.vertexArray[3] = y + filterArea.height;
-
- this.vertexArray[4] = x;
- this.vertexArray[5] = y;
-
- this.vertexArray[6] = x + filterArea.width;
- this.vertexArray[7] = y;
-
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.vertexArray);
-
- gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
-
- this.uvArray[2] = filterArea.width/this.width;
- this.uvArray[5] = filterArea.height/this.height;
- this.uvArray[6] = filterArea.width/this.width;
- this.uvArray[7] = filterArea.height/this.height;
-
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.uvArray);
-
- gl.viewport(0, 0, sizeX, sizeY);
- // bind the buffer
- gl.bindFramebuffer(gl.FRAMEBUFFER, buffer );
-
- // set texture
- gl.activeTexture(gl.TEXTURE0);
- gl.bindTexture(gl.TEXTURE_2D, texture.texture);
-
- // apply!
- //filter.applyFilterPass(sizeX, sizeY);
- this.applyFilterPass(filter, filterArea, sizeX, sizeY);
-
- // now restore the regular shader..
- gl.useProgram(PIXI.defaultShader.program);
- gl.uniform2f(PIXI.defaultShader.projectionVector, sizeX/2, -sizeY/2);
- gl.uniform2f(PIXI.defaultShader.offsetVector, -offsetX, -offsetY);
-
- // return the texture to the pool
- this.texturePool.push(texture);
- filterBlock._glFilterTexture = null;
-}
-
-PIXI.WebGLFilterManager.prototype.applyFilterPass = function(filter, filterArea, width, height)
-{
- // use program
- var gl = PIXI.gl;
-
- if(!filter.shader)
- {
- var shader = new PIXI.PixiShader();
-
- shader.fragmentSrc = filter.fragmentSrc;
- shader.uniforms = filter.uniforms;
- shader.init();
-
- filter.shader = shader;
- }
-
- var shader = filter.shader;
-
- // set the shader
- gl.useProgram(shader.program);
-
- gl.uniform2f(shader.projectionVector, width/2, -height/2);
- gl.uniform2f(shader.offsetVector, 0,0)
-
- if(filter.uniforms.dimensions)
- {
- //console.log(filter.uniforms.dimensions)
- filter.uniforms.dimensions.value[0] = this.width;//width;
- filter.uniforms.dimensions.value[1] = this.height;//height;
- filter.uniforms.dimensions.value[2] = this.vertexArray[0];
- filter.uniforms.dimensions.value[3] = this.vertexArray[5];//filterArea.height;
- // console.log(this.vertexArray[5])
- }
-
- shader.syncUniforms();
-
- gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
- gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
-
- gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
- gl.vertexAttribPointer(shader.aTextureCoord, 2, gl.FLOAT, false, 0, 0);
-
- gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-
- // draw the filter...
- gl.drawElements(gl.TRIANGLES, 6, gl.UNSIGNED_SHORT, 0 );
-}
-
-PIXI.WebGLFilterManager.prototype.initShaderBuffers = function()
-{
- var gl = PIXI.gl;
-
- // create some buffers
- this.vertexBuffer = gl.createBuffer();
- this.uvBuffer = gl.createBuffer();
- this.indexBuffer = gl.createBuffer();
-
- // bind and upload the vertexs..
- // keep a refferance to the vertexFloatData..
- this.vertexArray = new Float32Array([0.0, 0.0,
- 1.0, 0.0,
- 0.0, 1.0,
- 1.0, 1.0]);
-
- gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
- gl.bufferData(
- gl.ARRAY_BUFFER,
- this.vertexArray,
- gl.STATIC_DRAW);
-
-
- // bind and upload the uv buffer
- this.uvArray = new Float32Array([0.0, 0.0,
- 1.0, 0.0,
- 0.0, 1.0,
- 1.0, 1.0]);
-
- gl.bindBuffer(gl.ARRAY_BUFFER, this.uvBuffer);
- gl.bufferData(
- gl.ARRAY_BUFFER,
- this.uvArray,
- gl.STATIC_DRAW);
-
- // bind and upload the index
- gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
- gl.bufferData(
- gl.ELEMENT_ARRAY_BUFFER,
- new Uint16Array([0, 1, 2, 1, 3, 2]),
- gl.STATIC_DRAW);
-}
-
-PIXI.WebGLFilterManager.prototype.getBounds = function(displayObject)
-{
- // time to get the width and height of the object!
- var worldTransform, width, height, aX, aY, w0, w1, h0, h1, index, doTest;
- var a, b, c, d, tx, ty, x1, x2, x3, x4, y1, y2, y3, y4;
-
- var tempObject = displayObject.first;
- var testObject = displayObject.last._iNext;
-
- var maxX = -Infinity;
- var maxY = -Infinity;
-
- var minX = Infinity;
- var minY = Infinity;
-
- do
- {
- // TODO can be optimized! - what if there is no scale / rotation?
-
- if(tempObject.visible)
- {
- if(tempObject instanceof PIXI.Sprite)
- {
- width = tempObject.texture.frame.width;
- height = tempObject.texture.frame.height;
-
- // TODO trim??
- aX = tempObject.anchor.x;
- aY = tempObject.anchor.y;
- w0 = width * (1-aX);
- w1 = width * -aX;
-
- h0 = height * (1-aY);
- h1 = height * -aY;
-
- doTest = true;
- }
- else if(tempObject instanceof PIXI.Graphics)
- {
- tempObject.updateFilterBounds();
-
- var bounds = tempObject.bounds;
-
- width = bounds.width;
- height = bounds.height;
-
- w0 = bounds.x
- w1 = bounds.x + bounds.width;
-
- h0 = bounds.y
- h1 = bounds.y + bounds.height;
-
- doTest = true;
- }
- }
-
- if(doTest)
- {
- worldTransform = tempObject.worldTransform;
-
- a = worldTransform[0];
- b = worldTransform[3];
- c = worldTransform[1];
- d = worldTransform[4];
- tx = worldTransform[2];
- ty = worldTransform[5];
-
- x1 = a * w1 + c * h1 + tx;
- y1 = d * h1 + b * w1 + ty;
-
- x2 = a * w0 + c * h1 + tx;
- y2 = d * h1 + b * w0 + ty;
-
- x3 = a * w0 + c * h0 + tx;
- y3 = d * h0 + b * w0 + ty;
-
- x4 = a * w1 + c * h0 + tx;
- y4 = d * h0 + b * w1 + ty;
-
- minX = x1 < minX ? x1 : minX;
- minX = x2 < minX ? x2 : minX;
- minX = x3 < minX ? x3 : minX;
- minX = x4 < minX ? x4 : minX;
-
- minY = y1 < minY ? y1 : minY;
- minY = y2 < minY ? y2 : minY;
- minY = y3 < minY ? y3 : minY;
- minY = y4 < minY ? y4 : minY;
-
- maxX = x1 > maxX ? x1 : maxX;
- maxX = x2 > maxX ? x2 : maxX;
- maxX = x3 > maxX ? x3 : maxX;
- maxX = x4 > maxX ? x4 : maxX;
-
- maxY = y1 > maxY ? y1 : maxY;
- maxY = y2 > maxY ? y2 : maxY;
- maxY = y3 > maxY ? y3 : maxY;
- maxY = y4 > maxY ? y4 : maxY;
- }
-
- doTest = false;
- tempObject = tempObject._iNext;
-
- }
- while(tempObject != testObject)
-
- // maximum bounds is the size of the screen..
- //minX = minX > 0 ? minX : 0;
- //minY = minY > 0 ? minY : 0;
-
- displayObject.filterArea.x = minX;
- displayObject.filterArea.y = minY;
-
-// console.log(maxX+ " : " + minX)
- displayObject.filterArea.width = maxX - minX;
- displayObject.filterArea.height = maxY - minY;
-}
-
-PIXI.FilterTexture = function(width, height)
-{
- var gl = PIXI.gl;
-
- // next time to create a frame buffer and texture
- this.frameBuffer = gl.createFramebuffer();
- this.texture = gl.createTexture();
-
- gl.bindTexture(gl.TEXTURE_2D, this.texture);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
- gl.bindFramebuffer(gl.FRAMEBUFFER, this.framebuffer );
-
- gl.bindFramebuffer(gl.FRAMEBUFFER, this.frameBuffer );
- gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.texture, 0);
-
- this.resize(width, height);
-}
-
-PIXI.FilterTexture.prototype.resize = function(width, height)
-{
- this.width = width;
- this.height = height;
-
- var gl = PIXI.gl;
-
- gl.bindTexture(gl.TEXTURE_2D, this.texture);
- gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-}
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A set of functions used by the webGL renderer to draw the primitive graphics data
- *
- * @class CanvasGraphics
- */
-PIXI.WebGLGraphics = function()
-{
-
-}
-
-/**
- * Renders the graphics object
- *
- * @static
- * @private
- * @method renderGraphics
- * @param graphics {Graphics}
- * @param projection {Object}
- */
-PIXI.WebGLGraphics.renderGraphics = function(graphics, projection)
-{
- var gl = PIXI.gl;
-
- if(!graphics._webGL)graphics._webGL = {points:[], indices:[], lastIndex:0,
- buffer:gl.createBuffer(),
- indexBuffer:gl.createBuffer()};
-
- if(graphics.dirty)
- {
- graphics.dirty = false;
-
- if(graphics.clearDirty)
- {
- graphics.clearDirty = false;
-
- graphics._webGL.lastIndex = 0;
- graphics._webGL.points = [];
- graphics._webGL.indices = [];
-
- }
-
- PIXI.WebGLGraphics.updateGraphics(graphics);
- }
-
- PIXI.activatePrimitiveShader();
-
- // This could be speeded up fo sure!
- var m = PIXI.mat3.clone(graphics.worldTransform);
-
- PIXI.mat3.transpose(m);
-
- // set the matrix transform for the
- gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-
- gl.uniformMatrix3fv(PIXI.primitiveShader.translationMatrix, false, m);
-
- gl.uniform2f(PIXI.primitiveShader.projectionVector, projection.x, -projection.y);
- gl.uniform2f(PIXI.primitiveShader.offsetVector, -PIXI.offset.x, -PIXI.offset.y);
-
- gl.uniform1f(PIXI.primitiveShader.alpha, graphics.worldAlpha);
- gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
-
- gl.vertexAttribPointer(PIXI.primitiveShader.aVertexPosition, 2, gl.FLOAT, false, 4 * 6, 0);
- gl.vertexAttribPointer(PIXI.primitiveShader.colorAttribute, 4, gl.FLOAT, false,4 * 6, 2 * 4);
-
- // set the index buffer!
- gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
-
-
- gl.drawElements(gl.TRIANGLE_STRIP, graphics._webGL.indices.length, gl.UNSIGNED_SHORT, 0 );
-
- PIXI.deactivatePrimitiveShader();
-
-
- // return to default shader...
-// PIXI.activateShader(PIXI.defaultShader);
-}
-
-/**
- * Updates the graphics object
- *
- * @static
- * @private
- * @method updateGraphics
- * @param graphics {Graphics}
- */
-PIXI.WebGLGraphics.updateGraphics = function(graphics)
-{
- for (var i=graphics._webGL.lastIndex; i < graphics.graphicsData.length; i++)
- {
- var data = graphics.graphicsData[i];
-
- if(data.type == PIXI.Graphics.POLY)
- {
- if(data.fill)
- {
- if(data.points.length>3)
- PIXI.WebGLGraphics.buildPoly(data, graphics._webGL);
- }
-
- if(data.lineWidth > 0)
- {
- PIXI.WebGLGraphics.buildLine(data, graphics._webGL);
- }
- }
- else if(data.type == PIXI.Graphics.RECT)
- {
- PIXI.WebGLGraphics.buildRectangle(data, graphics._webGL);
- }
- else if(data.type == PIXI.Graphics.CIRC || data.type == PIXI.Graphics.ELIP)
- {
- PIXI.WebGLGraphics.buildCircle(data, graphics._webGL);
- }
- };
-
- graphics._webGL.lastIndex = graphics.graphicsData.length;
-
- var gl = PIXI.gl;
-
- graphics._webGL.glPoints = new Float32Array(graphics._webGL.points);
-
- gl.bindBuffer(gl.ARRAY_BUFFER, graphics._webGL.buffer);
- gl.bufferData(gl.ARRAY_BUFFER, graphics._webGL.glPoints, gl.STATIC_DRAW);
-
- graphics._webGL.glIndicies = new Uint16Array(graphics._webGL.indices);
-
- gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.indexBuffer);
- gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, graphics._webGL.glIndicies, gl.STATIC_DRAW);
-}
-
-/**
- * Builds a rectangle to draw
- *
- * @static
- * @private
- * @method buildRectangle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildRectangle = function(graphicsData, webGLData)
-{
- // --- //
- // need to convert points to a nice regular data
- //
- var rectData = graphicsData.points;
- var x = rectData[0];
- var y = rectData[1];
- var width = rectData[2];
- var height = rectData[3];
-
-
- if(graphicsData.fill)
- {
- var color = HEXtoRGB(graphicsData.fillColor);
- var alpha = graphicsData.fillAlpha;
-
- var r = color[0] * alpha;
- var g = color[1] * alpha;
- var b = color[2] * alpha;
-
- var verts = webGLData.points;
- var indices = webGLData.indices;
-
- var vertPos = verts.length/6;
-
- // start
- verts.push(x, y);
- verts.push(r, g, b, alpha);
-
- verts.push(x + width, y);
- verts.push(r, g, b, alpha);
-
- verts.push(x , y + height);
- verts.push(r, g, b, alpha);
-
- verts.push(x + width, y + height);
- verts.push(r, g, b, alpha);
-
- // insert 2 dead triangles..
- indices.push(vertPos, vertPos, vertPos+1, vertPos+2, vertPos+3, vertPos+3)
- }
-
- if(graphicsData.lineWidth)
- {
- graphicsData.points = [x, y,
- x + width, y,
- x + width, y + height,
- x, y + height,
- x, y];
-
- PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
- }
-
-}
-
-/**
- * Builds a circle to draw
- *
- * @static
- * @private
- * @method buildCircle
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildCircle = function(graphicsData, webGLData)
-{
- // --- //
- // need to convert points to a nice regular data
- //
- var rectData = graphicsData.points;
- var x = rectData[0];
- var y = rectData[1];
- var width = rectData[2];
- var height = rectData[3];
-
- var totalSegs = 40;
- var seg = (Math.PI * 2) / totalSegs ;
-
- if(graphicsData.fill)
- {
- var color = HEXtoRGB(graphicsData.fillColor);
- var alpha = graphicsData.fillAlpha;
-
- var r = color[0] * alpha;
- var g = color[1] * alpha;
- var b = color[2] * alpha;
-
- var verts = webGLData.points;
- var indices = webGLData.indices;
-
- var vecPos = verts.length/6;
-
- indices.push(vecPos);
-
- for (var i=0; i < totalSegs + 1 ; i++)
- {
- verts.push(x,y, r, g, b, alpha);
-
- verts.push(x + Math.sin(seg * i) * width,
- y + Math.cos(seg * i) * height,
- r, g, b, alpha);
-
- indices.push(vecPos++, vecPos++);
- };
-
- indices.push(vecPos-1);
- }
-
- if(graphicsData.lineWidth)
- {
- graphicsData.points = [];
-
- for (var i=0; i < totalSegs + 1; i++)
- {
- graphicsData.points.push(x + Math.sin(seg * i) * width,
- y + Math.cos(seg * i) * height)
- };
-
- PIXI.WebGLGraphics.buildLine(graphicsData, webGLData);
- }
-
-}
-
-/**
- * Builds a line to draw
- *
- * @static
- * @private
- * @method buildLine
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildLine = function(graphicsData, webGLData)
-{
- // TODO OPTIMISE!
-
- var wrap = true;
- var points = graphicsData.points;
- if(points.length == 0)return;
-
- // if the line width is an odd number add 0.5 to align to a whole pixel
- if(graphicsData.lineWidth%2)
- {
- for (var i = 0; i < points.length; i++) {
- points[i] += 0.5;
- };
- }
-
- // get first and last point.. figure out the middle!
- var firstPoint = new PIXI.Point( points[0], points[1] );
- var lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-
- // if the first point is the last point - goona have issues :)
- if(firstPoint.x == lastPoint.x && firstPoint.y == lastPoint.y)
- {
- points.pop();
- points.pop();
-
- lastPoint = new PIXI.Point( points[points.length - 2], points[points.length - 1] );
-
- var midPointX = lastPoint.x + (firstPoint.x - lastPoint.x) *0.5;
- var midPointY = lastPoint.y + (firstPoint.y - lastPoint.y) *0.5;
-
- points.unshift(midPointX, midPointY);
- points.push(midPointX, midPointY)
- }
-
- var verts = webGLData.points;
- var indices = webGLData.indices;
- var length = points.length / 2;
- var indexCount = points.length;
- var indexStart = verts.length/6;
-
- // DRAW the Line
- var width = graphicsData.lineWidth / 2;
-
- // sort color
- var color = HEXtoRGB(graphicsData.lineColor);
- var alpha = graphicsData.lineAlpha;
- var r = color[0] * alpha;
- var g = color[1] * alpha;
- var b = color[2] * alpha;
-
- var p1x, p1y, p2x, p2y, p3x, p3y;
- var perpx, perpy, perp2x, perp2y, perp3x, perp3y;
- var ipx, ipy;
- var a1, b1, c1, a2, b2, c2;
- var denom, pdist, dist;
-
- p1x = points[0];
- p1y = points[1];
-
- p2x = points[2];
- p2y = points[3];
-
- perpx = -(p1y - p2y);
- perpy = p1x - p2x;
-
- dist = Math.sqrt(perpx*perpx + perpy*perpy);
-
- perpx /= dist;
- perpy /= dist;
- perpx *= width;
- perpy *= width;
-
- // start
- verts.push(p1x - perpx , p1y - perpy,
- r, g, b, alpha);
-
- verts.push(p1x + perpx , p1y + perpy,
- r, g, b, alpha);
-
- for (var i = 1; i < length-1; i++)
- {
- p1x = points[(i-1)*2];
- p1y = points[(i-1)*2 + 1];
-
- p2x = points[(i)*2]
- p2y = points[(i)*2 + 1]
-
- p3x = points[(i+1)*2];
- p3y = points[(i+1)*2 + 1];
-
- perpx = -(p1y - p2y);
- perpy = p1x - p2x;
-
- dist = Math.sqrt(perpx*perpx + perpy*perpy);
- perpx /= dist;
- perpy /= dist;
- perpx *= width;
- perpy *= width;
-
- perp2x = -(p2y - p3y);
- perp2y = p2x - p3x;
-
- dist = Math.sqrt(perp2x*perp2x + perp2y*perp2y);
- perp2x /= dist;
- perp2y /= dist;
- perp2x *= width;
- perp2y *= width;
-
- a1 = (-perpy + p1y) - (-perpy + p2y);
- b1 = (-perpx + p2x) - (-perpx + p1x);
- c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
- a2 = (-perp2y + p3y) - (-perp2y + p2y);
- b2 = (-perp2x + p2x) - (-perp2x + p3x);
- c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-
- denom = a1*b2 - a2*b1;
-
- if(Math.abs(denom) < 0.1 )
- {
-
- denom+=10.1;
- verts.push(p2x - perpx , p2y - perpy,
- r, g, b, alpha);
-
- verts.push(p2x + perpx , p2y + perpy,
- r, g, b, alpha);
-
- continue;
- }
-
- px = (b1*c2 - b2*c1)/denom;
- py = (a2*c1 - a1*c2)/denom;
-
-
- pdist = (px -p2x) * (px -p2x) + (py -p2y) + (py -p2y);
-
-
- if(pdist > 140 * 140)
- {
- perp3x = perpx - perp2x;
- perp3y = perpy - perp2y;
-
- dist = Math.sqrt(perp3x*perp3x + perp3y*perp3y);
- perp3x /= dist;
- perp3y /= dist;
- perp3x *= width;
- perp3y *= width;
-
- verts.push(p2x - perp3x, p2y -perp3y);
- verts.push(r, g, b, alpha);
-
- verts.push(p2x + perp3x, p2y +perp3y);
- verts.push(r, g, b, alpha);
-
- verts.push(p2x - perp3x, p2y -perp3y);
- verts.push(r, g, b, alpha);
-
- indexCount++;
- }
- else
- {
-
- verts.push(px , py);
- verts.push(r, g, b, alpha);
-
- verts.push(p2x - (px-p2x), p2y - (py - p2y));
- verts.push(r, g, b, alpha);
- }
- }
-
- p1x = points[(length-2)*2]
- p1y = points[(length-2)*2 + 1]
-
- p2x = points[(length-1)*2]
- p2y = points[(length-1)*2 + 1]
-
- perpx = -(p1y - p2y)
- perpy = p1x - p2x;
-
- dist = Math.sqrt(perpx*perpx + perpy*perpy);
- perpx /= dist;
- perpy /= dist;
- perpx *= width;
- perpy *= width;
-
- verts.push(p2x - perpx , p2y - perpy)
- verts.push(r, g, b, alpha);
-
- verts.push(p2x + perpx , p2y + perpy)
- verts.push(r, g, b, alpha);
-
- indices.push(indexStart);
-
- for (var i=0; i < indexCount; i++)
- {
- indices.push(indexStart++);
- };
-
- indices.push(indexStart-1);
-}
-
-/**
- * Builds a polygon to draw
- *
- * @static
- * @private
- * @method buildPoly
- * @param graphics {Graphics}
- * @param webGLData {Object}
- */
-PIXI.WebGLGraphics.buildPoly = function(graphicsData, webGLData)
-{
- var points = graphicsData.points;
- if(points.length < 6)return;
-
- // get first and last point.. figure out the middle!
- var verts = webGLData.points;
- var indices = webGLData.indices;
-
- var length = points.length / 2;
-
- // sort color
- var color = HEXtoRGB(graphicsData.fillColor);
- var alpha = graphicsData.fillAlpha;
- var r = color[0] * alpha;
- var g = color[1] * alpha;
- var b = color[2] * alpha;
-
- var triangles = PIXI.PolyK.Triangulate(points);
-
- var vertPos = verts.length / 6;
-
- for (var i=0; i < triangles.length; i+=3)
- {
- indices.push(triangles[i] + vertPos);
- indices.push(triangles[i] + vertPos);
- indices.push(triangles[i+1] + vertPos);
- indices.push(triangles[i+2] +vertPos);
- indices.push(triangles[i+2] + vertPos);
- };
-
- for (var i = 0; i < length; i++)
- {
- verts.push(points[i * 2], points[i * 2 + 1],
- r, g, b, alpha);
- };
-}
-
-function HEXtoRGB(hex) {
- return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
-
-
-
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI._defaultFrame = new PIXI.Rectangle(0,0,1,1);
-
-// an instance of the gl context..
-// only one at the moment :/
-PIXI.gl;
-
-/**
- * the WebGLRenderer is draws the stage and all its content onto a webGL enabled canvas. This renderer
- * should be used for browsers support webGL. This Render works by automatically managing webGLBatchs.
- * So no need for Sprite Batch's or Sprite Cloud's
- * Dont forget to add the view to your DOM or you will not see anything :)
- *
- * @class WebGLRenderer
- * @constructor
- * @param width=0 {Number} the width of the canvas view
- * @param height=0 {Number} the height of the canvas view
- * @param view {Canvas} the canvas to use as a view, optional
- * @param transparent=false {Boolean} the transparency of the render view, default false
- * @param antialias=false {Boolean} sets antialias (only applicable in chrome at the moment)
- *
- */
-PIXI.WebGLRenderer = function(width, height, view, transparent, antialias)
-{
- // do a catch.. only 1 webGL renderer..
-
- this.transparent = !!transparent;
-
- this.width = width || 800;
- this.height = height || 600;
-
- this.view = view || document.createElement( 'canvas' );
- this.view.width = this.width;
- this.view.height = this.height;
-
- // deal with losing context..
- var scope = this;
- this.view.addEventListener('webglcontextlost', function(event) { scope.handleContextLost(event); }, false)
- this.view.addEventListener('webglcontextrestored', function(event) { scope.handleContextRestored(event); }, false)
-
- this.batchs = [];
-
- var options = {
- alpha: this.transparent,
- antialias:!!antialias, // SPEED UP??
- premultipliedAlpha:false,
- stencil:true
- }
-
- //try 'experimental-webgl'
- try {
- PIXI.gl = this.gl = this.view.getContext("experimental-webgl", options);
- } catch (e) {
- //try 'webgl'
- try {
- PIXI.gl = this.gl = this.view.getContext("webgl", options);
- } catch (e) {
- // fail, not able to get a context
- throw new Error(" This browser does not support webGL. Try using the canvas renderer" + this);
- }
- }
-
- PIXI.initDefaultShaders();
-
-
-
-
- // PIXI.activateDefaultShader();
-
- var gl = this.gl;
-
- gl.useProgram(PIXI.defaultShader.program);
-
-
- PIXI.WebGLRenderer.gl = gl;
-
- this.batch = new PIXI.WebGLBatch(gl);
- gl.disable(gl.DEPTH_TEST);
- gl.disable(gl.CULL_FACE);
-
- gl.enable(gl.BLEND);
- gl.colorMask(true, true, true, this.transparent);
-
- PIXI.projection = new PIXI.Point(400, 300);
- PIXI.offset = new PIXI.Point(0, 0);
-
- // TODO remove thease globals..
-
- this.resize(this.width, this.height);
- this.contextLost = false;
-
- //PIXI.pushShader(PIXI.defaultShader);
-
- this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl, this.transparent);
- // this.stageRenderGroup. = this.transparent
-}
-
-// constructor
-PIXI.WebGLRenderer.prototype.constructor = PIXI.WebGLRenderer;
-
-/**
- * Gets a new WebGLBatch from the pool
- *
- * @static
- * @method getBatch
- * @return {WebGLBatch}
- * @private
- */
-PIXI.WebGLRenderer.getBatch = function()
-{
- if(PIXI._batchs.length == 0)
- {
- return new PIXI.WebGLBatch(PIXI.WebGLRenderer.gl);
- }
- else
- {
- return PIXI._batchs.pop();
- }
-}
-
-/**
- * Puts a batch back into the pool
- *
- * @static
- * @method returnBatch
- * @param batch {WebGLBatch} The batch to return
- * @private
- */
-PIXI.WebGLRenderer.returnBatch = function(batch)
-{
- batch.clean();
- PIXI._batchs.push(batch);
-}
-
-/**
- * Renders the stage to its webGL view
- *
- * @method render
- * @param stage {Stage} the Stage element to be rendered
- */
-PIXI.WebGLRenderer.prototype.render = function(stage)
-{
- if(this.contextLost)return;
-
-
- // if rendering a new stage clear the batchs..
- if(this.__stage !== stage)
- {
- // TODO make this work
- // dont think this is needed any more?
- this.__stage = stage;
- this.stageRenderGroup.setRenderable(stage);
- }
-
- // update any textures
- PIXI.WebGLRenderer.updateTextures();
-
- // update the scene graph
- PIXI.visibleCount++;
- stage.updateTransform();
-
- var gl = this.gl;
-
- // -- Does this need to be set every frame? -- //
- gl.colorMask(true, true, true, this.transparent);
- gl.viewport(0, 0, this.width, this.height);
-
- gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-
- gl.clearColor(stage.backgroundColorSplit[0],stage.backgroundColorSplit[1],stage.backgroundColorSplit[2], !this.transparent);
- gl.clear(gl.COLOR_BUFFER_BIT);
-
- // HACK TO TEST
-
- this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
-
- PIXI.projection.x = this.width/2;
- PIXI.projection.y = -this.height/2;
-
- this.stageRenderGroup.render(PIXI.projection);
-
- // interaction
- // run interaction!
- if(stage.interactive)
- {
- //need to add some events!
- if(!stage._interactiveEventsAdded)
- {
- stage._interactiveEventsAdded = true;
- stage.interactionManager.setTarget(this);
- }
- }
-
- // after rendering lets confirm all frames that have been uodated..
- if(PIXI.Texture.frameUpdates.length > 0)
- {
- for (var i=0; i < PIXI.Texture.frameUpdates.length; i++)
- {
- PIXI.Texture.frameUpdates[i].updateFrame = false;
- };
-
- PIXI.Texture.frameUpdates = [];
- }
-}
-
-/**
- * Updates the textures loaded into this webgl renderer
- *
- * @static
- * @method updateTextures
- * @private
- */
-PIXI.WebGLRenderer.updateTextures = function()
-{
- //TODO break this out into a texture manager...
- for (var i=0; i < PIXI.texturesToUpdate.length; i++) PIXI.WebGLRenderer.updateTexture(PIXI.texturesToUpdate[i]);
- for (var i=0; i < PIXI.texturesToDestroy.length; i++) PIXI.WebGLRenderer.destroyTexture(PIXI.texturesToDestroy[i]);
- PIXI.texturesToUpdate = [];
- PIXI.texturesToDestroy = [];
-}
-
-/**
- * Updates a loaded webgl texture
- *
- * @static
- * @method updateTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.updateTexture = function(texture)
-{
- //TODO break this out into a texture manager...
- var gl = PIXI.gl;
-
- if(!texture._glTexture)
- {
- texture._glTexture = gl.createTexture();
- }
-
- if(texture.hasLoaded)
- {
- gl.bindTexture(gl.TEXTURE_2D, texture._glTexture);
- gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
-
- gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, texture.source);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-
- // reguler...
-
- if(!texture._powerOf2)
- {
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
- }
- else
- {
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
- }
-
- gl.bindTexture(gl.TEXTURE_2D, null);
- }
-}
-
-/**
- * Destroys a loaded webgl texture
- *
- * @method destroyTexture
- * @param texture {Texture} The texture to update
- * @private
- */
-PIXI.WebGLRenderer.destroyTexture = function(texture)
-{
- //TODO break this out into a texture manager...
- var gl = PIXI.gl;
-
- if(texture._glTexture)
- {
- texture._glTexture = gl.createTexture();
- gl.deleteTexture(gl.TEXTURE_2D, texture._glTexture);
- }
-}
-
-/**
- * resizes the webGL view to the specified width and height
- *
- * @method resize
- * @param width {Number} the new width of the webGL view
- * @param height {Number} the new height of the webGL view
- */
-PIXI.WebGLRenderer.prototype.resize = function(width, height)
-{
- this.width = width;
- this.height = height;
-
- this.view.width = width;
- this.view.height = height;
-
- this.gl.viewport(0, 0, this.width, this.height);
-
- //var projectionMatrix = this.projectionMatrix;
-
- PIXI.projection.x = this.width/2;
- PIXI.projection.y = -this.height/2;
-
- //PIXI.size.x = this.width/2;
- //PIXI.size.y = -this.height/2;
-
-// projectionMatrix[0] = 2/this.width;
-// projectionMatrix[5] = -2/this.height;
-// projectionMatrix[12] = -1;
-// projectionMatrix[13] = 1;
-}
-
-/**
- * Handles a lost webgl context
- *
- * @method handleContextLost
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextLost = function(event)
-{
- event.preventDefault();
- this.contextLost = true;
-}
-
-/**
- * Handles a restored webgl context
- *
- * @method handleContextRestored
- * @param event {Event}
- * @private
- */
-PIXI.WebGLRenderer.prototype.handleContextRestored = function(event)
-{
- this.gl = this.view.getContext("experimental-webgl", {
- alpha: true
- });
-
- this.initShaders();
-
- for(var key in PIXI.TextureCache)
- {
- var texture = PIXI.TextureCache[key].baseTexture;
- texture._glTexture = null;
- PIXI.WebGLRenderer.updateTexture(texture);
- };
-
- for (var i=0; i < this.batchs.length; i++)
- {
- this.batchs[i].restoreLostContext(this.gl)//
- this.batchs[i].dirty = true;
- };
-
- PIXI._restoreBatchs(this.gl);
-
- this.contextLost = false;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A WebGLBatch Enables a group of sprites to be drawn using the same settings.
- * if a group of sprites all have the same baseTexture and blendMode then they can be
- * grouped into a batch. All the sprites in a batch can then be drawn in one go by the
- * GPU which is hugely efficient. ALL sprites in the webGL renderer are added to a batch
- * even if the batch only contains one sprite. Batching is handled automatically by the
- * webGL renderer. A good tip is: the smaller the number of batchs there are, the faster
- * the webGL renderer will run.
- *
- * @class WebGLBatch
- * @contructor
- * @param gl {WebGLContext} An instance of the webGL context
- */
-PIXI.WebGLRenderGroup = function(gl, transparent)
-{
- this.gl = gl;
- this.root;
-
- this.backgroundColor;
- this.transparent = transparent == undefined ? true : transparent;
-
- this.batchs = [];
- this.toRemove = [];
- // console.log(this.transparent)
- this.filterManager = new PIXI.WebGLFilterManager(this.transparent);
-}
-
-// constructor
-PIXI.WebGLRenderGroup.prototype.constructor = PIXI.WebGLRenderGroup;
-
-/**
- * Add a display object to the webgl renderer
- *
- * @method setRenderable
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
-{
- // has this changed??
- if(this.root)this.removeDisplayObjectAndChildren(this.root);
-
- displayObject.worldVisible = displayObject.visible;
-
- // soooooo //
- // to check if any batchs exist already??
-
- // TODO what if its already has an object? should remove it
- this.root = displayObject;
- this.addDisplayObjectAndChildren(displayObject);
-}
-
-/**
- * Renders the stage to its webgl view
- *
- * @method render
- * @param projection {Object}
- */
-PIXI.WebGLRenderGroup.prototype.render = function(projection, buffer)
-{
- PIXI.WebGLRenderer.updateTextures();
-
- var gl = this.gl;
- gl.uniform2f(PIXI.defaultShader.projectionVector, projection.x, projection.y);
-
- this.filterManager.begin(projection, buffer);
-
-
- gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- // will render all the elements in the group
- var renderable;
-
- for (var i=0; i < this.batchs.length; i++)
- {
-
- renderable = this.batchs[i];
- if(renderable instanceof PIXI.WebGLBatch)
- {
- this.batchs[i].render();
- continue;
- }
-
- // render special
- this.renderSpecial(renderable, projection);
- }
-
-}
-
-/**
- * Renders a specific displayObject
- *
- * @method renderSpecific
- * @param displayObject {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projection, buffer)
-{
- PIXI.WebGLRenderer.updateTextures();
- var gl = this.gl;
-
- gl.uniform2f(PIXI.defaultShader.projectionVector, projection.x, projection.y);
-
- this.filterManager.begin(projection, buffer);
-
- // to do!
- // render part of the scene...
-
- var startIndex;
- var startBatchIndex;
-
- var endIndex;
- var endBatchIndex;
-
- /*
- * LOOK FOR THE NEXT SPRITE
- * This part looks for the closest next sprite that can go into a batch
- * it keeps looking until it finds a sprite or gets to the end of the display
- * scene graph
- */
- var nextRenderable = displayObject.first;
- while(nextRenderable._iNext)
- {
- if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
- nextRenderable = nextRenderable._iNext;
- }
- var startBatch = nextRenderable.batch;
- //console.log(nextRenderable);
-
- //console.log(renderable)
- if(nextRenderable instanceof PIXI.Sprite)
- {
- startBatch = nextRenderable.batch;
-
- var head = startBatch.head;
- var next = head;
-
- // ok now we have the batch.. need to find the start index!
- if(head == nextRenderable)
- {
- startIndex = 0;
- }
- else
- {
- startIndex = 1;
-
- while(head.__next != nextRenderable)
- {
- startIndex++;
- head = head.__next;
- }
- }
- }
- else
- {
- startBatch = nextRenderable;
- }
-
- // Get the LAST renderable object
- var lastRenderable = displayObject.last;
- while(lastRenderable._iPrev)
- {
- if(lastRenderable.renderable && lastRenderable.__renderGroup)break;
- lastRenderable = lastRenderable._iNext;
- }
-
- if(lastRenderable instanceof PIXI.Sprite)
- {
- endBatch = lastRenderable.batch;
-
- var head = endBatch.head;
-
- if(head == lastRenderable)
- {
- endIndex = 0;
- }
- else
- {
- endIndex = 1;
-
- while(head.__next != lastRenderable)
- {
- endIndex++;
- head = head.__next;
- }
- }
- }
- else
- {
- endBatch = lastRenderable;
- }
-
- //console.log(endBatch);
- // TODO - need to fold this up a bit!
-
- if(startBatch == endBatch)
- {
- if(startBatch instanceof PIXI.WebGLBatch)
- {
- startBatch.render(startIndex, endIndex+1);
- }
- else
- {
- this.renderSpecial(startBatch, projection);
- }
- return;
- }
-
- // now we have first and last!
- startBatchIndex = this.batchs.indexOf(startBatch);
- endBatchIndex = this.batchs.indexOf(endBatch);
-
- // DO the first batch
- if(startBatch instanceof PIXI.WebGLBatch)
- {
- startBatch.render(startIndex);
- }
- else
- {
- this.renderSpecial(startBatch, projection);
- }
-
- // DO the middle batchs..
- for (var i=startBatchIndex+1; i < endBatchIndex; i++)
- {
- renderable = this.batchs[i];
-
- if(renderable instanceof PIXI.WebGLBatch)
- {
- this.batchs[i].render();
- }
- else
- {
- this.renderSpecial(renderable, projection);
- }
- }
-
- // DO the last batch..
- if(endBatch instanceof PIXI.WebGLBatch)
- {
- endBatch.render(0, endIndex+1);
- }
- else
- {
- this.renderSpecial(endBatch, projection);
- }
-}
-
-/**
- * Renders a specific renderable
- *
- * @method renderSpecial
- * @param renderable {DisplayObject}
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderSpecial = function(renderable, projection)
-{
-
- var worldVisible = renderable.vcount === PIXI.visibleCount
-
-
- if(renderable instanceof PIXI.TilingSprite)
- {
- if(worldVisible)this.renderTilingSprite(renderable, projection);
- }
- else if(renderable instanceof PIXI.Strip)
- {
- if(worldVisible)this.renderStrip(renderable, projection);
- }
- else if(renderable instanceof PIXI.CustomRenderable)
- {
- if(worldVisible) renderable.renderWebGL(this, projection);
- }
- else if(renderable instanceof PIXI.Graphics)
- {
- if(worldVisible && renderable.renderable) PIXI.WebGLGraphics.renderGraphics(renderable, projection);
- }
- else if(renderable instanceof PIXI.FilterBlock)
- {
- this.handleFilterBlock(renderable, projection);
- }
-}
-
-flip = false;
-var maskStack = [];
-var maskPosition = 0;
-
-//var usedMaskStack = [];
-
-PIXI.WebGLRenderGroup.prototype.handleFilterBlock = function(filterBlock, projection)
-{
- /*
- * for now only masks are supported..
- */
- var gl = PIXI.gl;
-
- if(filterBlock.open)
- {
- if(filterBlock.data instanceof Array)
- {
- this.filterManager.pushFilter(filterBlock);
- // ok so..
-
- }
- else
- {
- maskPosition++;
-
- maskStack.push(filterBlock)
-
- gl.enable(gl.STENCIL_TEST);
-
- gl.colorMask(false, false, false, false);
-
- gl.stencilFunc(gl.ALWAYS,1,1);
- gl.stencilOp(gl.KEEP,gl.KEEP,gl.INCR);
-
- PIXI.WebGLGraphics.renderGraphics(filterBlock.data, projection);
-
- gl.colorMask(true, true, true, true);
- gl.stencilFunc(gl.NOTEQUAL,0,maskStack.length);
- gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
- }
- }
- else
- {
- if(filterBlock.data instanceof Array)
- {
- this.filterManager.popFilter();
- }
- else
- {
- var maskData = maskStack.pop(filterBlock)
-
-
- if(maskData)
- {
- gl.colorMask(false, false, false, false);
-
- gl.stencilFunc(gl.ALWAYS,1,1);
- gl.stencilOp(gl.KEEP,gl.KEEP,gl.DECR);
-
- PIXI.WebGLGraphics.renderGraphics(maskData.data, projection);
-
- gl.colorMask(true, true, true, true);
- gl.stencilFunc(gl.NOTEQUAL,0,maskStack.length);
- gl.stencilOp(gl.KEEP,gl.KEEP,gl.KEEP);
- };
-
- gl.disable(gl.STENCIL_TEST);
- }
- }
-}
-
-/**
- * Updates a webgl texture
- *
- * @method updateTexture
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.updateTexture = function(displayObject)
-{
-
- // TODO definitely can optimse this function..
-
- this.removeObject(displayObject);
-
- /*
- * LOOK FOR THE PREVIOUS RENDERABLE
- * This part looks for the closest previous sprite that can go into a batch
- * It keeps going back until it finds a sprite or the stage
- */
- var previousRenderable = displayObject.first;
- while(previousRenderable != this.root)
- {
- previousRenderable = previousRenderable._iPrev;
- if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
- }
-
- /*
- * LOOK FOR THE NEXT SPRITE
- * This part looks for the closest next sprite that can go into a batch
- * it keeps looking until it finds a sprite or gets to the end of the display
- * scene graph
- */
- var nextRenderable = displayObject.last;
- while(nextRenderable._iNext)
- {
- nextRenderable = nextRenderable._iNext;
- if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
- }
-
- this.insertObject(displayObject, previousRenderable, nextRenderable);
-}
-
-/**
- * Adds filter blocks
- *
- * @method addFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addFilterBlocks = function(start, end)
-{
- start.__renderGroup = this;
- end.__renderGroup = this;
- /*
- * LOOK FOR THE PREVIOUS RENDERABLE
- * This part looks for the closest previous sprite that can go into a batch
- * It keeps going back until it finds a sprite or the stage
- */
- var previousRenderable = start;
- while(previousRenderable != this.root.first)
- {
- previousRenderable = previousRenderable._iPrev;
- if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
- }
- this.insertAfter(start, previousRenderable);
-
- /*
- * LOOK FOR THE NEXT SPRITE
- * This part looks for the closest next sprite that can go into a batch
- * it keeps looking until it finds a sprite or gets to the end of the display
- * scene graph
- */
- var previousRenderable2 = end;
- while(previousRenderable2 != this.root.first)
- {
- previousRenderable2 = previousRenderable2._iPrev;
- if(previousRenderable2.renderable && previousRenderable2.__renderGroup)break;
- }
- this.insertAfter(end, previousRenderable2);
-}
-
-/**
- * Remove filter blocks
- *
- * @method removeFilterBlocks
- * @param start {FilterBlock}
- * @param end {FilterBlock}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeFilterBlocks = function(start, end)
-{
- this.removeObject(start);
- this.removeObject(end);
-}
-
-/**
- * Adds a display object and children to the webgl context
- *
- * @method addDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.addDisplayObjectAndChildren = function(displayObject)
-{
- if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
-
- /*
- * LOOK FOR THE PREVIOUS RENDERABLE
- * This part looks for the closest previous sprite that can go into a batch
- * It keeps going back until it finds a sprite or the stage
- */
-
- var previousRenderable = displayObject.first;
- while(previousRenderable != this.root.first)
- {
- previousRenderable = previousRenderable._iPrev;
- if(previousRenderable.renderable && previousRenderable.__renderGroup)break;
- }
-
- /*
- * LOOK FOR THE NEXT SPRITE
- * This part looks for the closest next sprite that can go into a batch
- * it keeps looking until it finds a sprite or gets to the end of the display
- * scene graph
- */
- var nextRenderable = displayObject.last;
- while(nextRenderable._iNext)
- {
- nextRenderable = nextRenderable._iNext;
- if(nextRenderable.renderable && nextRenderable.__renderGroup)break;
- }
-
- // one the display object hits this. we can break the loop
-
- var tempObject = displayObject.first;
- var testObject = displayObject.last._iNext;
- do
- {
- tempObject.__renderGroup = this;
-
- if(tempObject.renderable)
- {
-
- this.insertObject(tempObject, previousRenderable, nextRenderable);
- previousRenderable = tempObject;
- }
-
- tempObject = tempObject._iNext;
- }
- while(tempObject != testObject)
-}
-
-/**
- * Removes a display object and children to the webgl context
- *
- * @method removeDisplayObjectAndChildren
- * @param displayObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeDisplayObjectAndChildren = function(displayObject)
-{
- if(displayObject.__renderGroup != this)return;
-
-// var displayObject = displayObject.first;
- var lastObject = displayObject.last;
- do
- {
- displayObject.__renderGroup = null;
- if(displayObject.renderable)this.removeObject(displayObject);
- displayObject = displayObject._iNext;
- }
- while(displayObject)
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertObject
- * @param displayObject {DisplayObject}
- * @param previousObject {DisplayObject}
- * @param nextObject {DisplayObject}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertObject = function(displayObject, previousObject, nextObject)
-{
- // while looping below THE OBJECT MAY NOT HAVE BEEN ADDED
- var previousSprite = previousObject;
- var nextSprite = nextObject;
-
- /*
- * so now we have the next renderable and the previous renderable
- *
- */
- if(displayObject instanceof PIXI.Sprite)
- {
- var previousBatch
- var nextBatch
-
- if(previousSprite instanceof PIXI.Sprite)
- {
- previousBatch = previousSprite.batch;
- if(previousBatch)
- {
- if(previousBatch.texture == displayObject.texture.baseTexture && previousBatch.blendMode == displayObject.blendMode)
- {
- previousBatch.insertAfter(displayObject, previousSprite);
- return;
- }
- }
- }
- else
- {
- // TODO reword!
- previousBatch = previousSprite;
- }
-
- if(nextSprite)
- {
- if(nextSprite instanceof PIXI.Sprite)
- {
- nextBatch = nextSprite.batch;
-
- //batch may not exist if item was added to the display list but not to the webGL
- if(nextBatch)
- {
- if(nextBatch.texture == displayObject.texture.baseTexture && nextBatch.blendMode == displayObject.blendMode)
- {
- nextBatch.insertBefore(displayObject, nextSprite);
- return;
- }
- else
- {
- if(nextBatch == previousBatch)
- {
- // THERE IS A SPLIT IN THIS BATCH! //
- var splitBatch = previousBatch.split(nextSprite);
- // COOL!
- // add it back into the array
- /*
- * OOPS!
- * seems the new sprite is in the middle of a batch
- * lets split it..
- */
- var batch = PIXI.WebGLRenderer.getBatch();
-
- var index = this.batchs.indexOf( previousBatch );
- batch.init(displayObject);
- this.batchs.splice(index+1, 0, batch, splitBatch);
-
- return;
- }
- }
- }
- }
- else
- {
- // TODO re-word!
-
- nextBatch = nextSprite;
- }
- }
-
- /*
- * looks like it does not belong to any batch!
- * but is also not intersecting one..
- * time to create anew one!
- */
-
- var batch = PIXI.WebGLRenderer.getBatch();
- batch.init(displayObject);
-
- if(previousBatch) // if this is invalid it means
- {
- var index = this.batchs.indexOf( previousBatch );
- this.batchs.splice(index+1, 0, batch);
- }
- else
- {
- this.batchs.push(batch);
- }
-
- return;
- }
- else if(displayObject instanceof PIXI.TilingSprite)
- {
-
- // add to a batch!!
- this.initTilingSprite(displayObject);
- // this.batchs.push(displayObject);
-
- }
- else if(displayObject instanceof PIXI.Strip)
- {
- // add to a batch!!
- this.initStrip(displayObject);
- // this.batchs.push(displayObject);
- }
- else if(displayObject)// instanceof PIXI.Graphics)
- {
- //displayObject.initWebGL(this);
-
- // add to a batch!!
- //this.initStrip(displayObject);
- //this.batchs.push(displayObject);
- }
-
- this.insertAfter(displayObject, previousSprite);
-
- // insert and SPLIT!
-
-}
-
-/**
- * Inserts a displayObject into the linked list
- *
- * @method insertAfter
- * @param item {DisplayObject}
- * @param displayObject {DisplayObject} The object to insert
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.insertAfter = function(item, displayObject)
-{
- if(displayObject instanceof PIXI.Sprite)
- {
- var previousBatch = displayObject.batch;
-
- if(previousBatch)
- {
- // so this object is in a batch!
-
- // is it not? need to split the batch
- if(previousBatch.tail == displayObject)
- {
- // is it tail? insert in to batchs
- var index = this.batchs.indexOf( previousBatch );
- this.batchs.splice(index+1, 0, item);
- }
- else
- {
- // TODO MODIFY ADD / REMOVE CHILD TO ACCOUNT FOR FILTERS (also get prev and next) //
-
- // THERE IS A SPLIT IN THIS BATCH! //
- var splitBatch = previousBatch.split(displayObject.__next);
-
- // COOL!
- // add it back into the array
- /*
- * OOPS!
- * seems the new sprite is in the middle of a batch
- * lets split it..
- */
- var index = this.batchs.indexOf( previousBatch );
- this.batchs.splice(index+1, 0, item, splitBatch);
- }
- }
- else
- {
- this.batchs.push(item);
- }
- }
- else
- {
- var index = this.batchs.indexOf( displayObject );
- this.batchs.splice(index+1, 0, item);
- }
-}
-
-/**
- * Removes a displayObject from the linked list
- *
- * @method removeObject
- * @param displayObject {DisplayObject} The object to remove
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.removeObject = function(displayObject)
-{
- // loop through children..
- // display object //
-
- // add a child from the render group..
- // remove it and all its children!
- //displayObject.cacheVisible = false;//displayObject.visible;
-
- /*
- * removing is a lot quicker..
- *
- */
- var batchToRemove;
-
- if(displayObject instanceof PIXI.Sprite)
- {
- // should always have a batch!
- var batch = displayObject.batch;
- if(!batch)return; // this means the display list has been altered befre rendering
-
- batch.remove(displayObject);
-
- if(batch.size==0)
- {
- batchToRemove = batch;
- }
- }
- else
- {
- batchToRemove = displayObject;
- }
-
- /*
- * Looks like there is somthing that needs removing!
- */
- if(batchToRemove)
- {
- var index = this.batchs.indexOf( batchToRemove );
- if(index == -1)return;// this means it was added then removed before rendered
-
- // ok so.. check to see if you adjacent batchs should be joined.
- // TODO may optimise?
- if(index == 0 || index == this.batchs.length-1)
- {
- // wha - eva! just get of the empty batch!
- this.batchs.splice(index, 1);
- if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
-
- return;
- }
-
- if(this.batchs[index-1] instanceof PIXI.WebGLBatch && this.batchs[index+1] instanceof PIXI.WebGLBatch)
- {
- if(this.batchs[index-1].texture == this.batchs[index+1].texture && this.batchs[index-1].blendMode == this.batchs[index+1].blendMode)
- {
- //console.log("MERGE")
- this.batchs[index-1].merge(this.batchs[index+1]);
-
- if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
- PIXI.WebGLRenderer.returnBatch(this.batchs[index+1]);
- this.batchs.splice(index, 2);
- return;
- }
- }
-
- this.batchs.splice(index, 1);
- if(batchToRemove instanceof PIXI.WebGLBatch)PIXI.WebGLRenderer.returnBatch(batchToRemove);
- }
-}
-
-
-/**
- * Initializes a tiling sprite
- *
- * @method initTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
-{
- var gl = this.gl;
-
- // make the texture tilable..
-
- sprite.verticies = new Float32Array([0, 0,
- sprite.width, 0,
- sprite.width, sprite.height,
- 0, sprite.height]);
-
- sprite.uvs = new Float32Array([0, 0,
- 1, 0,
- 1, 1,
- 0, 1]);
-
- sprite.colors = new Float32Array([1,1,1,1]);
-
- sprite.indices = new Uint16Array([0, 1, 3,2])//, 2]);
-
- sprite._vertexBuffer = gl.createBuffer();
- sprite._indexBuffer = gl.createBuffer();
- sprite._uvBuffer = gl.createBuffer();
- sprite._colorBuffer = gl.createBuffer();
-
- gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
- gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
-
- gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
- gl.bufferData(gl.ARRAY_BUFFER, sprite.uvs, gl.DYNAMIC_DRAW);
-
- gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
- gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
-
- gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
- gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
-
-// return ( (x > 0) && ((x & (x - 1)) == 0) );
-
- if(sprite.texture.baseTexture._glTexture)
- {
- gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
- sprite.texture.baseTexture._powerOf2 = true;
- }
- else
- {
- sprite.texture.baseTexture._powerOf2 = true;
- }
-}
-
-/**
- * Renders a Strip
- *
- * @method renderStrip
- * @param strip {Strip} The strip to render
- * @param projection {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projection)
-{
- var gl = this.gl;
-
- PIXI.activateStripShader();
-
- var shader = PIXI.stripShader;
-
- var program = shader.program;
-
- var m = PIXI.mat3.clone(strip.worldTransform);
-
- PIXI.mat3.transpose(m);
-
-// console.log(projection)
- // set the matrix transform for the
- gl.uniformMatrix3fv(shader.translationMatrix, false, m);
- gl.uniform2f(shader.projectionVector, projection.x, projection.y);
- gl.uniform2f(shader.offsetVector, -PIXI.offset.x, -PIXI.offset.y);
-
- gl.uniform1f(shader.alpha, strip.worldAlpha);
-
- /*
- if(strip.blendMode == PIXI.blendModes.NORMAL)
- {
- gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- }
- else
- {
- gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_COLOR);
- }
- */
-
- //console.log("!!")
- if(!strip.dirty)
- {
- gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, strip.verticies)
- gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
-
- // update the uvs
- gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
- gl.vertexAttribPointer(shader.aTextureCoord, 2, gl.FLOAT, false, 0, 0);
-
- gl.activeTexture(gl.TEXTURE0);
- gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
-
- gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
- gl.vertexAttribPointer(shader.colorAttribute, 1, gl.FLOAT, false, 0, 0);
-
- // dont need to upload!
- gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
- }
- else
- {
- strip.dirty = false;
- gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
- gl.bufferData(gl.ARRAY_BUFFER, strip.verticies, gl.STATIC_DRAW)
- gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 0, 0);
-
- // update the uvs
- gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
- gl.bufferData(gl.ARRAY_BUFFER, strip.uvs, gl.STATIC_DRAW)
- gl.vertexAttribPointer(shader.aTextureCoord, 2, gl.FLOAT, false, 0, 0);
-
- gl.activeTexture(gl.TEXTURE0);
- gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
- // console.log(strip.texture.baseTexture._glTexture)
- gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
- gl.bufferData(gl.ARRAY_BUFFER, strip.colors, gl.STATIC_DRAW)
- gl.vertexAttribPointer(shader.colorAttribute, 1, gl.FLOAT, false, 0, 0);
-
- // dont need to upload!
- gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
- gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-
- }
-
- gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
-
- PIXI.deactivateStripShader();
- //gl.useProgram(PIXI.currentProgram);
-}
-
-/**
- * Renders a TilingSprite
- *
- * @method renderTilingSprite
- * @param sprite {TilingSprite} The tiling sprite to render
- * @param projectionMatrix {Object}
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
-{
- var gl = this.gl;
-
-
- var shaderProgram = PIXI.shaderProgram;
-
- var tilePosition = sprite.tilePosition;
- var tileScale = sprite.tileScale;
-
- var offsetX = tilePosition.x/sprite.texture.baseTexture.width;
- var offsetY = tilePosition.y/sprite.texture.baseTexture.height;
-
- var scaleX = (sprite.width / sprite.texture.baseTexture.width) / tileScale.x;
- var scaleY = (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
-
- sprite.uvs[0] = 0 - offsetX;
- sprite.uvs[1] = 0 - offsetY;
-
- sprite.uvs[2] = (1 * scaleX) -offsetX;
- sprite.uvs[3] = 0 - offsetY;
-
- sprite.uvs[4] = (1 *scaleX) - offsetX;
- sprite.uvs[5] = (1 *scaleY) - offsetY;
-
- sprite.uvs[6] = 0 - offsetX;
- sprite.uvs[7] = (1 *scaleY) - offsetY;
-
- gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
-
- this.renderStrip(sprite, projectionMatrix);
-}
-
-/**
- * Initializes a strip to be rendered
- *
- * @method initStrip
- * @param strip {Strip} The strip to initialize
- * @private
- */
-PIXI.WebGLRenderGroup.prototype.initStrip = function(strip)
-{
- // build the strip!
- var gl = this.gl;
- var shaderProgram = this.shaderProgram;
-
- strip._vertexBuffer = gl.createBuffer();
- strip._indexBuffer = gl.createBuffer();
- strip._uvBuffer = gl.createBuffer();
- strip._colorBuffer = gl.createBuffer();
-
- gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
- gl.bufferData(gl.ARRAY_BUFFER, strip.verticies, gl.DYNAMIC_DRAW);
-
- gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
- gl.bufferData(gl.ARRAY_BUFFER, strip.uvs, gl.STATIC_DRAW);
-
- gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
- gl.bufferData(gl.ARRAY_BUFFER, strip.colors, gl.STATIC_DRAW);
-
-
- gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
- gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
-}
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-
-PIXI.initDefaultShaders = function()
-{
- PIXI.primitiveShader = new PIXI.PrimitiveShader();
- PIXI.primitiveShader.init();
-
- PIXI.stripShader = new PIXI.StripShader();
- PIXI.stripShader.init();
-
- PIXI.defaultShader = new PIXI.PixiShader();
- PIXI.defaultShader.init();
-
- var gl = PIXI.gl;
- var shaderProgram = PIXI.defaultShader.program;
-
-
- gl.useProgram(shaderProgram);
-
- gl.enableVertexAttribArray(PIXI.defaultShader.aVertexPosition);
- gl.enableVertexAttribArray(PIXI.defaultShader.colorAttribute);
- gl.enableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
-}
-
-PIXI.activatePrimitiveShader = function()
-{
- var gl = PIXI.gl;
-
- gl.useProgram(PIXI.primitiveShader.program);
-
- gl.disableVertexAttribArray(PIXI.defaultShader.aVertexPosition);
- gl.disableVertexAttribArray(PIXI.defaultShader.colorAttribute);
- gl.disableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
-
- gl.enableVertexAttribArray(PIXI.primitiveShader.aVertexPosition);
- gl.enableVertexAttribArray(PIXI.primitiveShader.colorAttribute);
-}
-
-PIXI.deactivatePrimitiveShader = function()
-{
- var gl = PIXI.gl;
-
- gl.useProgram(PIXI.defaultShader.program);
-
- gl.disableVertexAttribArray(PIXI.primitiveShader.aVertexPosition);
- gl.disableVertexAttribArray(PIXI.primitiveShader.colorAttribute);
-
- gl.enableVertexAttribArray(PIXI.defaultShader.aVertexPosition);
- gl.enableVertexAttribArray(PIXI.defaultShader.colorAttribute);
- gl.enableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
-
-}
-
-PIXI.activateStripShader = function()
-{
- var gl = PIXI.gl;
-
- gl.useProgram(PIXI.stripShader.program);
- // gl.disableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
-}
-
-PIXI.deactivateStripShader = function()
-{
- var gl = PIXI.gl;
-
- gl.useProgram(PIXI.defaultShader.program);
- //gl.enableVertexAttribArray(PIXI.defaultShader.aTextureCoord);
-}
-
-/*
-
-SHADER COMPILER HELPERS
-*/
-
-PIXI.CompileVertexShader = function(gl, shaderSrc)
-{
- return PIXI._CompileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
-
-PIXI.CompileFragmentShader = function(gl, shaderSrc)
-{
- return PIXI._CompileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
-
-PIXI._CompileShader = function(gl, shaderSrc, shaderType)
-{
- var src = shaderSrc.join("\n");
- var shader = gl.createShader(shaderType);
- gl.shaderSource(shader, src);
- gl.compileShader(shader);
-
- if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
- console.log(gl.getShaderInfoLog(shader));
- return null;
- }
-
- return shader;
-}
-
-
-PIXI.compileProgram = function(vertexSrc, fragmentSrc)
-{
- var gl = PIXI.gl;
- var fragmentShader = PIXI.CompileFragmentShader(gl, fragmentSrc);
- var vertexShader = PIXI.CompileVertexShader(gl, vertexSrc);
-
- var shaderProgram = gl.createProgram();
-
- gl.attachShader(shaderProgram, vertexShader);
- gl.attachShader(shaderProgram, fragmentShader);
- gl.linkProgram(shaderProgram);
-
- if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
- console.log("Could not initialise shaders");
- }
-
- return shaderProgram;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
- * You can generate the fnt files using
- * http://www.angelcode.com/products/bmfont/ for windows or
- * http://www.bmglyph.com/ for mac.
- *
- * @class BitmapText
- * @extends DisplayObjectContainer
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText = function(text, style)
-{
- PIXI.DisplayObjectContainer.call(this);
-
- this.setText(text);
- this.setStyle(style);
- this.updateText();
- this.dirty = false
-
-};
-
-// constructor
-PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
-PIXI.BitmapText.prototype.constructor = PIXI.BitmapText;
-
-/**
- * Set the copy for the text object
- *
- * @method setText
- * @param text {String} The copy that you would like the text to display
- */
-PIXI.BitmapText.prototype.setText = function(text)
-{
- this.text = text || " ";
- this.dirty = true;
-};
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param style {Object} The style parameters
- * @param style.font {String} The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- */
-PIXI.BitmapText.prototype.setStyle = function(style)
-{
- style = style || {};
- style.align = style.align || "left";
- this.style = style;
-
- var font = style.font.split(" ");
- this.fontName = font[font.length - 1];
- this.fontSize = font.length >= 2 ? parseInt(font[font.length - 2], 10) : PIXI.BitmapText.fonts[this.fontName].size;
-
- this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.BitmapText.prototype.updateText = function()
-{
- var data = PIXI.BitmapText.fonts[this.fontName];
- var pos = new PIXI.Point();
- var prevCharCode = null;
- var chars = [];
- var maxLineWidth = 0;
- var lineWidths = [];
- var line = 0;
- var scale = this.fontSize / data.size;
- for(var i = 0; i < this.text.length; i++)
- {
- var charCode = this.text.charCodeAt(i);
- if(/(?:\r\n|\r|\n)/.test(this.text.charAt(i)))
- {
- lineWidths.push(pos.x);
- maxLineWidth = Math.max(maxLineWidth, pos.x);
- line++;
-
- pos.x = 0;
- pos.y += data.lineHeight;
- prevCharCode = null;
- continue;
- }
-
- var charData = data.chars[charCode];
- if(!charData) continue;
-
- if(prevCharCode && charData[prevCharCode])
- {
- pos.x += charData.kerning[prevCharCode];
- }
- chars.push({texture:charData.texture, line: line, charCode: charCode, position: new PIXI.Point(pos.x + charData.xOffset, pos.y + charData.yOffset)});
- pos.x += charData.xAdvance;
-
- prevCharCode = charCode;
- }
-
- lineWidths.push(pos.x);
- maxLineWidth = Math.max(maxLineWidth, pos.x);
-
- var lineAlignOffsets = [];
- for(i = 0; i <= line; i++)
- {
- var alignOffset = 0;
- if(this.style.align == "right")
- {
- alignOffset = maxLineWidth - lineWidths[i];
- }
- else if(this.style.align == "center")
- {
- alignOffset = (maxLineWidth - lineWidths[i]) / 2;
- }
- lineAlignOffsets.push(alignOffset);
- }
-
- for(i = 0; i < chars.length; i++)
- {
- var c = new PIXI.Sprite(chars[i].texture)//PIXI.Sprite.fromFrame(chars[i].charCode);
- c.position.x = (chars[i].position.x + lineAlignOffsets[chars[i].line]) * scale;
- c.position.y = chars[i].position.y * scale;
- c.scale.x = c.scale.y = scale;
- this.addChild(c);
- }
-
- this.width = pos.x * scale;
- this.height = (pos.y + data.lineHeight) * scale;
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.BitmapText.prototype.updateTransform = function()
-{
- if(this.dirty)
- {
- while(this.children.length > 0)
- {
- this.removeChild(this.getChildAt(0));
- }
- this.updateText();
-
- this.dirty = false;
- }
-
- PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
-};
-
-PIXI.BitmapText.fonts = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- * A Text Object will create a line(s) of text to split a line you can use "\n"
- *
- * @class Text
- * @extends Sprite
- * @constructor
- * @param text {String} The copy that you would like the text to display
- * @param [style] {Object} The style parameters
- * @param [style.font] {String} default "bold 20pt Arial" The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text = function(text, style)
-{
- this.canvas = document.createElement("canvas");
- this.context = this.canvas.getContext("2d");
- PIXI.Sprite.call(this, PIXI.Texture.fromCanvas(this.canvas));
-
- this.setText(text);
- this.setStyle(style);
-
- this.updateText();
- this.dirty = false;
-};
-
-// constructor
-PIXI.Text.prototype = Object.create(PIXI.Sprite.prototype);
-PIXI.Text.prototype.constructor = PIXI.Text;
-
-/**
- * Set the style of the text
- *
- * @method setStyle
- * @param [style] {Object} The style parameters
- * @param [style.font="bold 20pt Arial"] {String} The style and size of the font
- * @param [style.fill="black"] {Object} A canvas fillstyle that will be used on the text eg "red", "#00FF00"
- * @param [style.align="left"] {String} An alignment of the multiline text ("left", "center" or "right")
- * @param [style.stroke="black"] {String} A canvas fillstyle that will be used on the text stroke eg "blue", "#FCFF00"
- * @param [style.strokeThickness=0] {Number} A number that represents the thickness of the stroke. Default is 0 (no stroke)
- * @param [style.wordWrap=false] {Boolean} Indicates if word wrap should be used
- * @param [style.wordWrapWidth=100] {Number} The width at which text will wrap
- */
-PIXI.Text.prototype.setStyle = function(style)
-{
- style = style || {};
- style.font = style.font || "bold 20pt Arial";
- style.fill = style.fill || "black";
- style.align = style.align || "left";
- style.stroke = style.stroke || "black"; //provide a default, see: https://github.com/GoodBoyDigital/pixi.js/issues/136
- style.strokeThickness = style.strokeThickness || 0;
- style.wordWrap = style.wordWrap || false;
- style.wordWrapWidth = style.wordWrapWidth || 100;
- this.style = style;
- this.dirty = true;
-};
-
-/**
- * Set the copy for the text object. To split a line you can use "\n"
- *
- * @methos setText
- * @param {String} text The copy that you would like the text to display
- */
-PIXI.Text.prototype.setText = function(text)
-{
- this.text = text.toString() || " ";
- this.dirty = true;
-};
-
-/**
- * Renders text
- *
- * @method updateText
- * @private
- */
-PIXI.Text.prototype.updateText = function()
-{
- this.context.font = this.style.font;
-
- var outputText = this.text;
-
- // word wrap
- // preserve original text
- if(this.style.wordWrap)outputText = this.wordWrap(this.text);
-
- //split text into lines
- var lines = outputText.split(/(?:\r\n|\r|\n)/);
-
- //calculate text width
- var lineWidths = [];
- var maxLineWidth = 0;
- for (var i = 0; i < lines.length; i++)
- {
- var lineWidth = this.context.measureText(lines[i]).width;
- lineWidths[i] = lineWidth;
- maxLineWidth = Math.max(maxLineWidth, lineWidth);
- }
- this.canvas.width = maxLineWidth + this.style.strokeThickness;
-
- //calculate text height
- var lineHeight = this.determineFontHeight("font: " + this.style.font + ";") + this.style.strokeThickness;
- this.canvas.height = lineHeight * lines.length;
-
- //set canvas text styles
- this.context.fillStyle = this.style.fill;
- this.context.font = this.style.font;
-
- this.context.strokeStyle = this.style.stroke;
- this.context.lineWidth = this.style.strokeThickness;
-
- this.context.textBaseline = "top";
-
- //draw lines line by line
- for (i = 0; i < lines.length; i++)
- {
- var linePosition = new PIXI.Point(this.style.strokeThickness / 2, this.style.strokeThickness / 2 + i * lineHeight);
-
- if(this.style.align == "right")
- {
- linePosition.x += maxLineWidth - lineWidths[i];
- }
- else if(this.style.align == "center")
- {
- linePosition.x += (maxLineWidth - lineWidths[i]) / 2;
- }
-
- if(this.style.stroke && this.style.strokeThickness)
- {
- this.context.strokeText(lines[i], linePosition.x, linePosition.y);
- }
-
- if(this.style.fill)
- {
- this.context.fillText(lines[i], linePosition.x, linePosition.y);
- }
- }
-
- this.updateTexture();
-};
-
-/**
- * Updates texture size based on canvas size
- *
- * @method updateTexture
- * @private
- */
-PIXI.Text.prototype.updateTexture = function()
-{
- this.texture.baseTexture.width = this.canvas.width;
- this.texture.baseTexture.height = this.canvas.height;
- this.texture.frame.width = this.canvas.width;
- this.texture.frame.height = this.canvas.height;
-
- this._width = this.canvas.width;
- this._height = this.canvas.height;
-
- PIXI.texturesToUpdate.push(this.texture.baseTexture);
-};
-
-/**
- * Updates the transfor of this object
- *
- * @method updateTransform
- * @private
- */
-PIXI.Text.prototype.updateTransform = function()
-{
- if(this.dirty)
- {
- this.updateText();
- this.dirty = false;
- }
-
- PIXI.Sprite.prototype.updateTransform.call(this);
-};
-
-/*
- * http://stackoverflow.com/users/34441/ellisbben
- * great solution to the problem!
- *
- * @method determineFontHeight
- * @param fontStyle {Object}
- * @private
- */
-PIXI.Text.prototype.determineFontHeight = function(fontStyle)
-{
- // build a little reference dictionary so if the font style has been used return a
- // cached version...
- var result = PIXI.Text.heightCache[fontStyle];
-
- if(!result)
- {
- var body = document.getElementsByTagName("body")[0];
- var dummy = document.createElement("div");
- var dummyText = document.createTextNode("M");
- dummy.appendChild(dummyText);
- dummy.setAttribute("style", fontStyle + ';position:absolute;top:0;left:0');
- body.appendChild(dummy);
-
- result = dummy.offsetHeight;
- PIXI.Text.heightCache[fontStyle] = result;
-
- body.removeChild(dummy);
- }
-
- return result;
-};
-
-/**
- * Applies newlines to a string to have it optimally fit into the horizontal
- * bounds set by the Text object's wordWrapWidth property.
- *
- * @method wordWrap
- * @param text {String}
- * @private
- */
-PIXI.Text.prototype.wordWrap = function(text)
-{
- // Greedy wrapping algorithm that will wrap words as the line grows longer
- // than its horizontal bounds.
- var result = "";
- var lines = text.split("\n");
- for (var i = 0; i < lines.length; i++)
- {
- var spaceLeft = this.style.wordWrapWidth;
- var words = lines[i].split(" ");
- for (var j = 0; j < words.length; j++)
- {
- var wordWidth = this.context.measureText(words[j]).width;
- var wordWidthWithSpace = wordWidth + this.context.measureText(" ").width;
- if(wordWidthWithSpace > spaceLeft)
- {
- // Skip printing the newline if it's the first word of the line that is
- // greater than the word wrap width.
- if(j > 0)
- {
- result += "\n";
- }
- result += words[j] + " ";
- spaceLeft = this.style.wordWrapWidth - wordWidth;
- }
- else
- {
- spaceLeft -= wordWidthWithSpace;
- result += words[j] + " ";
- }
- }
- result += "\n";
- }
- return result;
-};
-
-/**
- * Destroys this text object
- *
- * @method destroy
- * @param destroyTexture {Boolean}
- */
-PIXI.Text.prototype.destroy = function(destroyTexture)
-{
- if(destroyTexture)
- {
- this.texture.destroy();
- }
-
-};
-
-PIXI.Text.heightCache = {};
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.BaseTextureCache = {};
-PIXI.texturesToUpdate = [];
-PIXI.texturesToDestroy = [];
-
-/**
- * A texture stores the information that represents an image. All textures have a base texture
- *
- * @class BaseTexture
- * @uses EventTarget
- * @constructor
- * @param source {String} the source object (image or canvas)
- */
-PIXI.BaseTexture = function(source)
-{
- PIXI.EventTarget.call( this );
-
- /**
- * [read-only] The width of the base texture set when the image has loaded
- *
- * @property width
- * @type Number
- * @readOnly
- */
- this.width = 100;
-
- /**
- * [read-only] The height of the base texture set when the image has loaded
- *
- * @property height
- * @type Number
- * @readOnly
- */
- this.height = 100;
-
- /**
- * [read-only] Describes if the base texture has loaded or not
- *
- * @property hasLoaded
- * @type Boolean
- * @readOnly
- */
- this.hasLoaded = false;
-
- /**
- * The source that is loaded to create the texture
- *
- * @property source
- * @type Image
- */
- this.source = source;
-
- if(!source)return;
-
- if(this.source instanceof Image || this.source instanceof HTMLImageElement)
- {
- if(this.source.complete)
- {
- this.hasLoaded = true;
- this.width = this.source.width;
- this.height = this.source.height;
-
- PIXI.texturesToUpdate.push(this);
- }
- else
- {
-
- var scope = this;
- this.source.onload = function(){
-
- scope.hasLoaded = true;
- scope.width = scope.source.width;
- scope.height = scope.source.height;
-
- // add it to somewhere...
- PIXI.texturesToUpdate.push(scope);
- scope.dispatchEvent( { type: 'loaded', content: scope } );
- }
- // this.image.src = imageUrl;
- }
- }
- else
- {
- this.hasLoaded = true;
- this.width = this.source.width;
- this.height = this.source.height;
-
- PIXI.texturesToUpdate.push(this);
- }
-
- this._powerOf2 = false;
-}
-
-PIXI.BaseTexture.prototype.constructor = PIXI.BaseTexture;
-
-/**
- * Destroys this base texture
- *
- * @method destroy
- */
-PIXI.BaseTexture.prototype.destroy = function()
-{
- if(this.source instanceof Image)
- {
- this.source.src = null;
- }
- this.source = null;
- PIXI.texturesToDestroy.push(this);
-}
-
-/**
- * Helper function that returns a base texture based on an image url
- * If the image is not in the base texture cache it will be created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @return BaseTexture
- */
-PIXI.BaseTexture.fromImage = function(imageUrl, crossorigin)
-{
- var baseTexture = PIXI.BaseTextureCache[imageUrl];
- if(!baseTexture)
- {
- // new Image() breaks tex loading in some versions of Chrome.
- // See https://code.google.com/p/chromium/issues/detail?id=238071
- var image = new Image();//document.createElement('img');
- if (crossorigin)
- {
- image.crossOrigin = '';
- }
- image.src = imageUrl;
- baseTexture = new PIXI.BaseTexture(image);
- PIXI.BaseTextureCache[imageUrl] = baseTexture;
- }
-
- return baseTexture;
-}
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-PIXI.TextureCache = {};
-PIXI.FrameCache = {};
-
-/**
- * A texture stores the information that represents an image or part of an image. It cannot be added
- * to the display list directly. To do this use PIXI.Sprite. If no frame is provided then the whole image is used
- *
- * @class Texture
- * @uses EventTarget
- * @constructor
- * @param baseTexture {BaseTexture} The base texture source to create the texture from
- * @param frame {Rectangle} The rectangle frame of the texture to show
- */
-PIXI.Texture = function(baseTexture, frame)
-{
- PIXI.EventTarget.call( this );
-
- if(!frame)
- {
- this.noFrame = true;
- frame = new PIXI.Rectangle(0,0,1,1);
- }
-
- if(baseTexture instanceof PIXI.Texture)
- baseTexture = baseTexture.baseTexture;
-
- /**
- * The base texture of this texture
- *
- * @property baseTexture
- * @type BaseTexture
- */
- this.baseTexture = baseTexture;
-
- /**
- * The frame specifies the region of the base texture that this texture uses
- *
- * @property frame
- * @type Rectangle
- */
- this.frame = frame;
-
- /**
- * The trim point
- *
- * @property trim
- * @type Point
- */
- this.trim = new PIXI.Point();
-
- this.scope = this;
-
- if(baseTexture.hasLoaded)
- {
- if(this.noFrame)frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
- //console.log(frame)
-
- this.setFrame(frame);
- }
- else
- {
- var scope = this;
- baseTexture.addEventListener( 'loaded', function(){ scope.onBaseTextureLoaded()} );
- }
-}
-
-PIXI.Texture.prototype.constructor = PIXI.Texture;
-
-/**
- * Called when the base texture is loaded
- *
- * @method onBaseTextureLoaded
- * @param event
- * @private
- */
-PIXI.Texture.prototype.onBaseTextureLoaded = function(event)
-{
- var baseTexture = this.baseTexture;
- baseTexture.removeEventListener( 'loaded', this.onLoaded );
-
- if(this.noFrame)this.frame = new PIXI.Rectangle(0,0, baseTexture.width, baseTexture.height);
- this.noFrame = false;
- this.width = this.frame.width;
- this.height = this.frame.height;
-
- this.scope.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * Destroys this texture
- *
- * @method destroy
- * @param destroyBase {Boolean} Whether to destroy the base texture as well
- */
-PIXI.Texture.prototype.destroy = function(destroyBase)
-{
- if(destroyBase)this.baseTexture.destroy();
-}
-
-/**
- * Specifies the rectangle region of the baseTexture
- *
- * @method setFrame
- * @param frame {Rectangle} The frame of the texture to set it to
- */
-PIXI.Texture.prototype.setFrame = function(frame)
-{
- this.frame = frame;
- this.width = frame.width;
- this.height = frame.height;
-
- if(frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)
- {
- throw new Error("Texture Error: frame does not fit inside the base Texture dimensions " + this);
- }
-
- this.updateFrame = true;
-
- PIXI.Texture.frameUpdates.push(this);
- //this.dispatchEvent( { type: 'update', content: this } );
-}
-
-/**
- * Helper function that returns a texture based on an image url
- * If the image is not in the texture cache it will be created and loaded
- *
- * @static
- * @method fromImage
- * @param imageUrl {String} The image url of the texture
- * @param crossorigin {Boolean} Whether requests should be treated as crossorigin
- * @return Texture
- */
-PIXI.Texture.fromImage = function(imageUrl, crossorigin)
-{
- var texture = PIXI.TextureCache[imageUrl];
-
- if(!texture)
- {
- texture = new PIXI.Texture(PIXI.BaseTexture.fromImage(imageUrl, crossorigin));
- PIXI.TextureCache[imageUrl] = texture;
- }
-
- return texture;
-}
-
-/**
- * Helper function that returns a texture based on a frame id
- * If the frame id is not in the texture cache an error will be thrown
- *
- * @static
- * @method fromFrame
- * @param frameId {String} The frame id of the texture
- * @return Texture
- */
-PIXI.Texture.fromFrame = function(frameId)
-{
- var texture = PIXI.TextureCache[frameId];
- if(!texture)throw new Error("The frameId '"+ frameId +"' does not exist in the texture cache " + this);
- return texture;
-}
-
-/**
- * Helper function that returns a texture based on a canvas element
- * If the canvas is not in the texture cache it will be created and loaded
- *
- * @static
- * @method fromCanvas
- * @param canvas {Canvas} The canvas element source of the texture
- * @return Texture
- */
-PIXI.Texture.fromCanvas = function(canvas)
-{
- var baseTexture = new PIXI.BaseTexture(canvas);
- return new PIXI.Texture(baseTexture);
-}
-
-
-/**
- * Adds a texture to the textureCache.
- *
- * @static
- * @method addTextureToCache
- * @param texture {Texture}
- * @param id {String} the id that the texture will be stored against.
- */
-PIXI.Texture.addTextureToCache = function(texture, id)
-{
- PIXI.TextureCache[id] = texture;
-}
-
-/**
- * Remove a texture from the textureCache.
- *
- * @static
- * @method removeTextureFromCache
- * @param id {String} the id of the texture to be removed
- * @return {Texture} the texture that was removed
- */
-PIXI.Texture.removeTextureFromCache = function(id)
-{
- var texture = PIXI.TextureCache[id]
- PIXI.TextureCache[id] = null;
- return texture;
-}
-
-// this is more for webGL.. it contains updated frames..
-PIXI.Texture.frameUpdates = [];
-
-
-/**
- * @author Mat Groves http://matgroves.com/ @Doormat23
- */
-
-/**
- A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.
-
- __Hint__: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded.
- Otherwise black rectangles will be drawn instead.
-
- RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:
-
- var renderTexture = new PIXI.RenderTexture(800, 600);
- var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
- sprite.position.x = 800/2;
- sprite.position.y = 600/2;
- sprite.anchor.x = 0.5;
- sprite.anchor.y = 0.5;
- renderTexture.render(sprite);
-
- Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:
-
- var doc = new PIXI.DisplayObjectContainer();
- doc.addChild(sprite);
- renderTexture.render(doc); // Renders to center of renderTexture
-
- @class RenderTexture
- @extends Texture
- @constructor
- @param width {Number} The width of the render texture
- @param height {Number} The height of the render texture
- */
-PIXI.RenderTexture = function(width, height)
-{
- PIXI.EventTarget.call( this );
-
- this.width = width || 100;
- this.height = height || 100;
-
- this.indetityMatrix = PIXI.mat3.create();
-
- this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
- if(PIXI.gl)
- {
- this.initWebGL();
- }
- else
- {
- this.initCanvas();
- }
-}
-
-PIXI.RenderTexture.prototype = Object.create( PIXI.Texture.prototype );
-PIXI.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-PIXI.RenderTexture.prototype.initWebGL = function()
-{
- var gl = PIXI.gl;
- this.glFramebuffer = gl.createFramebuffer();
-
- gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
- this.glFramebuffer.width = this.width;
- this.glFramebuffer.height = this.height;
-
- this.baseTexture = new PIXI.BaseTexture();
-
- this.baseTexture.width = this.width;
- this.baseTexture.height = this.height;
-
- this.baseTexture._glTexture = gl.createTexture();
- gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
- gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, this.width, this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-
- this.baseTexture.isRender = true;
-
- gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
- gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
- // create a projection matrix..
- this.projection = new PIXI.Point(this.width/2 , -this.height/2);
-
- // set the correct render function..
- this.render = this.renderWebGL;
-}
-
-
-PIXI.RenderTexture.prototype.resize = function(width, height)
-{
-
- this.width = width;
- this.height = height;
-
- if(PIXI.gl)
- {
- this.projection.x = this.width/2
- this.projection.y = -this.height/2;
-
- var gl = PIXI.gl;
- gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
- gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, this.width, this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
- }
- else
- {
-
- this.frame.width = this.width
- this.frame.height = this.height;
- this.renderer.resize(this.width, this.height);
- }
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-PIXI.RenderTexture.prototype.initCanvas = function()
-{
- this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
- this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
- this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
- this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
- var gl = PIXI.gl;
-
- // enable the alpha color mask..
- gl.colorMask(true, true, true, true);
-
- gl.viewport(0, 0, this.width, this.height);
-
- gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
- if(clear)
- {
- gl.clearColor(0,0,0, 0);
- gl.clear(gl.COLOR_BUFFER_BIT);
- }
-
- // THIS WILL MESS WITH HIT TESTING!
- var children = displayObject.children;
-
- //TODO -? create a new one??? dont think so!
- var originalWorldTransform = displayObject.worldTransform;
- displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
- // modify to flip...
- displayObject.worldTransform[4] = -1;
- displayObject.worldTransform[5] = this.projection.y * -2;
-
- if(position)
- {
- displayObject.worldTransform[2] = position.x;
- displayObject.worldTransform[5] -= position.y;
- }
-
- PIXI.visibleCount++;
- displayObject.vcount = PIXI.visibleCount;
-
- for(var i=0,j=children.length; i>1;
- if(n<3) return [];
- var tgs = [];
- var avl = [];
- for(var i=0; i 3)
- {
- var i0 = avl[(i+0)%al];
- var i1 = avl[(i+1)%al];
- var i2 = avl[(i+2)%al];
-
- var ax = p[2*i0], ay = p[2*i0+1];
- var bx = p[2*i1], by = p[2*i1+1];
- var cx = p[2*i2], cy = p[2*i2+1];
-
- var earFound = false;
- if(PIXI.PolyK._convex(ax, ay, bx, by, cx, cy, sign))
- {
- earFound = true;
- for(var j=0; j 3*al)
- {
- // need to flip flip reverse it!
- // reset!
- if(sign)
- {
- var tgs = [];
- avl = [];
- for(var i=0; i= 0) && (v >= 0) && (u + v < 1);
-}
-
-/**
- * Checks if a shape is convex
- *
- * @class _convex
- * @namespace PolyK
- * @private
- */
-PIXI.PolyK._convex = function(ax, ay, bx, by, cx, cy, sign)
-{
- return ((ay-by)*(cx-bx) + (bx-ax)*(cy-by) >= 0) == sign;
-}
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* A Camera is your view into the game world. It has a position and size and renders only those objects within its field of view.
-* The game automatically creates a single Stage sized camera on boot. Move the camera around the world with Phaser.Camera.x/y
-*
-* @class Phaser.Camera
-* @constructor
-* @param {Phaser.Game} game - Game reference to the currently running game.
-* @param {number} id - Not being used at the moment, will be when Phaser supports multiple camera
-* @param {number} x - Position of the camera on the X axis
-* @param {number} y - Position of the camera on the Y axis
-* @param {number} width - The width of the view rectangle
-* @param {number} height - The height of the view rectangle
-*/
-Phaser.Camera = function (game, id, x, y, width, height) {
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running Game.
- */
- this.game = game;
-
- /**
- * @property {Phaser.World} world - A reference to the game world.
- */
- this.world = game.world;
-
- /**
- * @property {number} id - Reserved for future multiple camera set-ups.
- * @default
- */
- this.id = 0;
-
- /**
- * Camera view.
- * The view into the world we wish to render (by default the game dimensions).
- * The x/y values are in world coordinates, not screen coordinates, the width/height is how many pixels to render.
- * Objects outside of this view are not rendered (unless set to ignore the Camera, i.e. UI?).
- * @property {Phaser.Rectangle} view
- */
- this.view = new Phaser.Rectangle(x, y, width, height);
-
- /**
- * @property {Phaser.Rectangle} screenView - Used by Sprites to work out Camera culling.
- */
- this.screenView = new Phaser.Rectangle(x, y, width, height);
-
- /**
- * The Camera is bound to this Rectangle and cannot move outside of it. By default it is enabled and set to the size of the World.
- * The Rectangle can be located anywhere in the world and updated as often as you like. If you don't wish the Camera to be bound
- * at all then set this to null. The values can be anything and are in World coordinates, with 0,0 being the center of the world.
- * @property {Phaser.Rectangle} bounds - The Rectangle in which the Camera is bounded. Set to null to allow for movement anywhere.
- */
- this.bounds = new Phaser.Rectangle(x, y, width, height);
-
- /**
- * @property {Phaser.Rectangle} deadzone - Moving inside this Rectangle will not cause camera moving.
- */
- this.deadzone = null;
-
- /**
- * @property {boolean} visible - Whether this camera is visible or not.
- * @default
- */
- this.visible = true;
-
- /**
- * @property {boolean} atLimit - Whether this camera is flush with the World Bounds or not.
- */
- this.atLimit = { x: false, y: false };
-
- /**
- * @property {Phaser.Sprite} target - If the camera is tracking a Sprite, this is a reference to it, otherwise null.
- * @default
- */
- this.target = null;
-
- /**
- * @property {number} edge - Edge property.
- * @private
- * @default
- */
- this._edge = 0;
-
- this.displayObject = null;
-
-};
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Camera.FOLLOW_LOCKON = 0;
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Camera.FOLLOW_PLATFORMER = 1;
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Camera.FOLLOW_TOPDOWN = 2;
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Camera.FOLLOW_TOPDOWN_TIGHT = 3;
-
-Phaser.Camera.prototype = {
-
- /**
- * Tells this camera which sprite to follow.
- * @method Phaser.Camera#follow
- * @param {Phaser.Sprite} target - The object you want the camera to track. Set to null to not follow anything.
- * @param {number} [style] Leverage one of the existing "deadzone" presets. If you use a custom deadzone, ignore this parameter and manually specify the deadzone after calling follow().
- */
- follow: function (target, style) {
-
- if (typeof style === "undefined") { style = Phaser.Camera.FOLLOW_LOCKON; }
-
- this.target = target;
-
- var helper;
-
- switch (style) {
-
- case Phaser.Camera.FOLLOW_PLATFORMER:
- var w = this.width / 8;
- var h = this.height / 3;
- this.deadzone = new Phaser.Rectangle((this.width - w) / 2, (this.height - h) / 2 - h * 0.25, w, h);
- break;
-
- case Phaser.Camera.FOLLOW_TOPDOWN:
- helper = Math.max(this.width, this.height) / 4;
- this.deadzone = new Phaser.Rectangle((this.width - helper) / 2, (this.height - helper) / 2, helper, helper);
- break;
-
- case Phaser.Camera.FOLLOW_TOPDOWN_TIGHT:
- helper = Math.max(this.width, this.height) / 8;
- this.deadzone = new Phaser.Rectangle((this.width - helper) / 2, (this.height - helper) / 2, helper, helper);
- break;
-
- case Phaser.Camera.FOLLOW_LOCKON:
- default:
- this.deadzone = null;
- break;
- }
-
- },
-
- /**
- * Move the camera focus on a display object instantly.
- * @method Phaser.Camera#focusOn
- * @param {any} displayObject - The display object to focus the camera on. Must have visible x/y properties.
- */
- focusOn: function (displayObject) {
-
- this.setPosition(Math.round(displayObject.x - this.view.halfWidth), Math.round(displayObject.y - this.view.halfHeight));
-
- },
-
- /**
- * Move the camera focus on a location instantly.
- * @method Phaser.Camera#focusOnXY
- * @param {number} x - X position.
- * @param {number} y - Y position.
- */
- focusOnXY: function (x, y) {
-
- this.setPosition(Math.round(x - this.view.halfWidth), Math.round(y - this.view.halfHeight));
-
- },
-
- /**
- * Update focusing and scrolling.
- * @method Phaser.Camera#update
- */
- update: function () {
-
- if (this.target)
- {
- this.updateTarget();
- }
-
- if (this.bounds)
- {
- this.checkBounds();
- }
-
- this.displayObject.position.x = -this.view.x;
- this.displayObject.position.y = -this.view.y;
-
- },
-
- updateTarget: function () {
-
- if (this.deadzone)
- {
- this._edge = this.target.x - this.deadzone.x;
-
- if (this.view.x > this._edge)
- {
- this.view.x = this._edge;
- }
-
- this._edge = this.target.x + this.target.width - this.deadzone.x - this.deadzone.width;
-
- if (this.view.x < this._edge)
- {
- this.view.x = this._edge;
- }
-
- this._edge = this.target.y - this.deadzone.y;
-
- if (this.view.y > this._edge)
- {
- this.view.y = this._edge;
- }
-
- this._edge = this.target.y + this.target.height - this.deadzone.y - this.deadzone.height;
-
- if (this.view.y < this._edge)
- {
- this.view.y = this._edge;
- }
- }
- else
- {
- this.focusOnXY(this.target.x, this.target.y);
- }
-
- },
-
- setBoundsToWorld: function () {
-
- this.bounds.setTo(this.game.world.x, this.game.world.y, this.game.world.width, this.game.world.height);
-
- },
-
- /**
- * Method called to ensure the camera doesn't venture outside of the game world.
- * @method Phaser.Camera#checkWorldBounds
- */
- checkBounds: function () {
-
- this.atLimit.x = false;
- this.atLimit.y = false;
-
- // Make sure we didn't go outside the cameras bounds
- if (this.view.x < this.bounds.x)
- {
- this.atLimit.x = true;
- this.view.x = this.bounds.x;
- }
-
- if (this.view.x > this.bounds.right - this.width)
- {
- this.atLimit.x = true;
- this.view.x = (this.bounds.right - this.width) + 1;
- }
-
- if (this.view.y < this.bounds.top)
- {
- this.atLimit.y = true;
- this.view.y = this.bounds.top;
- }
-
- if (this.view.y > this.bounds.bottom - this.height)
- {
- this.atLimit.y = true;
- this.view.y = (this.bounds.bottom - this.height) + 1;
- }
-
- this.view.floor();
-
- },
-
- /**
- * A helper function to set both the X and Y properties of the camera at once
- * without having to use game.camera.x and game.camera.y.
- *
- * @method Phaser.Camera#setPosition
- * @param {number} x - X position.
- * @param {number} y - Y position.
- */
- setPosition: function (x, y) {
-
- this.view.x = x;
- this.view.y = y;
-
- if (this.bounds)
- {
- this.checkBounds();
- }
-
- },
-
- /**
- * Sets the size of the view rectangle given the width and height in parameters.
- *
- * @method Phaser.Camera#setSize
- * @param {number} width - The desired width.
- * @param {number} height - The desired height.
- */
- setSize: function (width, height) {
-
- this.view.width = width;
- this.view.height = height;
-
- }
-
-};
-
-/**
-* The Cameras x coordinate. This value is automatically clamped if it falls outside of the World bounds.
-* @name Phaser.Camera#x
-* @property {number} x - Gets or sets the cameras x position.
-*/
-Object.defineProperty(Phaser.Camera.prototype, "x", {
-
- get: function () {
- return this.view.x;
- },
-
- set: function (value) {
-
- this.view.x = value;
-
- if (this.bounds)
- {
- this.checkBounds();
- }
- }
-
-});
-
-/**
-* The Cameras y coordinate. This value is automatically clamped if it falls outside of the World bounds.
-* @name Phaser.Camera#y
-* @property {number} y - Gets or sets the cameras y position.
-*/
-Object.defineProperty(Phaser.Camera.prototype, "y", {
-
- get: function () {
- return this.view.y;
- },
-
- set: function (value) {
-
- this.view.y = value;
-
- if (this.bounds)
- {
- this.checkBounds();
- }
- }
-
-});
-
-/**
-* The Cameras width. By default this is the same as the Game size and should not be adjusted for now.
-* @name Phaser.Camera#width
-* @property {number} width - Gets or sets the cameras width.
-*/
-Object.defineProperty(Phaser.Camera.prototype, "width", {
-
- get: function () {
- return this.view.width;
- },
-
- set: function (value) {
- this.view.width = value;
- }
-
-});
-
-/**
-* The Cameras height. By default this is the same as the Game size and should not be adjusted for now.
-* @name Phaser.Camera#height
-* @property {number} height - Gets or sets the cameras height.
-*/
-Object.defineProperty(Phaser.Camera.prototype, "height", {
-
- get: function () {
- return this.view.height;
- },
-
- set: function (value) {
- this.view.height = value;
- }
-
-});
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* This is a base State class which can be extended if you are creating your own game.
-* It provides quick access to common functions such as the camera, cache, input, match, sound and more.
-*
-* @class Phaser.State
-* @constructor
-*/
-
-Phaser.State = function () {
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running Game.
- */
- this.game = null;
-
- /**
- * @property {Phaser.GameObjectFactory} add - Reference to the GameObjectFactory.
- * @default
- */
- this.add = null;
-
- /**
- * @property {Phaser.Physics.PhysicsManager} camera - A handy reference to world.camera.
- * @default
- */
- this.camera = null;
-
- /**
- * @property {Phaser.Cache} cache - Reference to the assets cache.
- * @default
- */
- this.cache = null;
-
- /**
- * @property {Phaser.Input} input - Reference to the input manager
- * @default
- */
- this.input = null;
-
- /**
- * @property {Phaser.Loader} load - Reference to the assets loader.
- * @default
- */
- this.load = null;
-
- /**
- * @property {Phaser.Math} math - Reference to the math helper.
- * @default
- */
- this.math = null;
-
- /**
- * @property {Phaser.SoundManager} sound - Reference to the sound manager.
- * @default
- */
- this.sound = null;
-
- /**
- * @property {Phaser.Stage} stage - Reference to the stage.
- * @default
- */
- this.stage = null;
-
- /**
- * @property {Phaser.TimeManager} time - Reference to game clock.
- * @default
- */
- this.time = null;
-
- /**
- * @property {Phaser.TweenManager} tweens - Reference to the tween manager.
- * @default
- */
- this.tweens = null;
-
- /**
- * @property {Phaser.World} world - Reference to the world.
- * @default
- */
- this.world = null;
-
- /**
- * @property {Description} add - Description.
- * @default
- */
- this.particles = null;
-
- /**
- * @property {Phaser.Physics.PhysicsManager} physics - Reference to the physics manager.
- * @default
- */
- this.physics = null;
-
-};
-
-Phaser.State.prototype = {
-
- /**
- * Override this method to add some load operations.
- * If you need to use the loader, you may need to use them here.
- *
- * @method Phaser.State#preload
- */
- preload: function () {
- },
-
- /**
- * Put update logic here.
- *
- * @method Phaser.State#loadUpdate
- */
- loadUpdate: function () {
- },
-
- /**
- * Put render operations here.
- *
- * @method Phaser.State#loadRender
- */
- loadRender: function () {
- },
-
- /**
- * This method is called after the game engine successfully switches states.
- * Feel free to add any setup code here (do not load anything here, override preload() instead).
- *
- * @method Phaser.State#create
- */
- create: function () {
- },
-
- /**
- * Put update logic here.
- *
- * @method Phaser.State#update
- */
- update: function () {
- },
-
- /**
- * Put render operations here.
- *
- * @method Phaser.State#render
- */
- render: function () {
- },
-
- /**
- * This method will be called when game paused.
- *
- * @method Phaser.State#paused
- */
- paused: function () {
- },
-
- /**
- * This method will be called when the state is destroyed.
- * @method Phaser.State#destroy
- */
- destroy: function () {
- }
-
-};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* The State Manager is responsible for loading, setting up and switching game states.
-*
-* @class Phaser.StateManager
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-* @param {Phaser.State|Object} [pendingState=null] - A State object to seed the manager with.
-*/
-Phaser.StateManager = function (game, pendingState) {
-
- /**
- * A reference to the currently running game.
- * @property {Phaser.Game} game.
- */
- this.game = game;
-
- /**
- * Description.
- * @property {Description} states.
- */
- this.states = {};
-
- if (pendingState !== null)
- {
- this._pendingState = pendingState;
- }
-
-};
-
-Phaser.StateManager.prototype = {
-
- /**
- * A reference to the currently running game.
- * @property {Phaser.Game} game.
- */
- game: null,
-
- /**
- * The state to be switched to in the next frame.
- * @property {State} _pendingState
- * @private
- */
- _pendingState: null,
-
- /**
- * Flag that sets if the State has been created or not.
- * @property {boolean}_created
- * @private
- */
- _created: false,
-
- /**
- * The state to be switched to in the next frame.
- * @property {Description} states
- */
- states: {},
-
- /**
- * The current active State object (defaults to null).
- * @property {string} current
- */
- current: '',
-
- /**
- * This will be called when the state is started (i.e. set as the current active state).
- * @property {function} onInitCallback
- */
- onInitCallback: null,
-
- /**
- * This will be called when init states (loading assets...).
- * @property {function} onPreloadCallback
- */
- onPreloadCallback: null,
-
- /**
- * This will be called when create states (setup states...).
- * @property {function} onCreateCallback
- */
- onCreateCallback: null,
-
- /**
- * This will be called when State is updated, this doesn't happen during load (@see onLoadUpdateCallback).
- * @property {function} onUpdateCallback
- */
- onUpdateCallback: null,
-
- /**
- * This will be called when the State is rendered, this doesn't happen during load (see onLoadRenderCallback).
- * @property {function} onRenderCallback
- */
- onRenderCallback: null,
-
- /**
- * This will be called before the State is rendered and before the stage is cleared.
- * @property {function} onPreRenderCallback
- */
- onPreRenderCallback: null,
-
- /**
- * This will be called when the State is updated but only during the load process.
- * @property {function} onLoadUpdateCallback
- */
- onLoadUpdateCallback: null,
-
- /**
- * This will be called when the State is rendered but only during the load process.
- * @property {function} onLoadRenderCallback
- */
- onLoadRenderCallback: null,
-
- /**
- * This will be called when states paused.
- * @property {function} onPausedCallback
- */
- onPausedCallback: null,
-
- /**
- * This will be called when the state is shut down (i.e. swapped to another state).
- * @property {function} onShutDownCallback
- */
- onShutDownCallback: null,
-
- /**
- * Description.
- * @method Phaser.StateManager#boot
- * @private
- */
- boot: function () {
-
- // console.log('Phaser.StateManager.boot');
-
- if (this._pendingState !== null)
- {
- // console.log('_pendingState found');
- // console.log(typeof this._pendingState);
-
- if (typeof this._pendingState === 'string')
- {
- // State was already added, so just start it
- this.start(this._pendingState, false, false);
- }
- else
- {
- this.add('default', this._pendingState, true);
- }
-
- }
-
- },
-
- /**
- * Add a new State.
- * @method Phaser.StateManager#add
- * @param key {string} - A unique key you use to reference this state, i.e. "MainMenu", "Level1".
- * @param state {State} - The state you want to switch to.
- * @param autoStart {boolean} - Start the state immediately after creating it? (default true)
- */
- add: function (key, state, autoStart) {
-
- if (typeof autoStart === "undefined") { autoStart = false; }
-
- // console.log('Phaser.StateManager.addState', key);
- // console.log(typeof state);
- // console.log('autoStart?', autoStart);
-
- var newState;
-
- if (state instanceof Phaser.State)
- {
- // console.log('Phaser.StateManager.addState: Phaser.State given');
- newState = state;
- }
- else if (typeof state === 'object')
- {
- // console.log('Phaser.StateManager.addState: Object given');
- newState = state;
- newState.game = this.game;
- }
- else if (typeof state === 'function')
- {
- // console.log('Phaser.StateManager.addState: Function given');
- newState = new state(this.game);
- }
-
- this.states[key] = newState;
-
- if (autoStart)
- {
- if (this.game.isBooted)
- {
- // console.log('Game is booted, so we can start the state now');
- this.start(key);
- }
- else
- {
- // console.log('Game is NOT booted, so set the current state as pending');
- this._pendingState = key;
- }
- }
-
- return newState;
-
- },
-
- /**
- * Delete the given state.
- * @method Phaser.StateManager#remove
- * @param {string} key - A unique key you use to reference this state, i.e. "MainMenu", "Level1".
- */
- remove: function (key) {
-
- if (this.current == key)
- {
- this.callbackContext = null;
-
- this.onInitCallback = null;
- this.onShutDownCallback = 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;
- }
-
- delete this.states[key];
-
- },
-
- /**
- * Start the given state
- * @method Phaser.StateManager#start
- * @param {string} key - The key of the state you want to start.
- * @param {boolean} [clearWorld] - clear everything in the world? (Default to true)
- * @param {boolean} [clearCache] - clear asset cache? (Default to false and ONLY available when clearWorld=true)
- */
- start: function (key, clearWorld, clearCache) {
-
- // console.log('Phaser.StateManager.start', key);
- // console.log(this);
- // console.log(this.callbackContext);
-
- if (typeof clearWorld === "undefined") { clearWorld = true; }
- if (typeof clearCache === "undefined") { clearCache = false; }
-
- if (this.game.isBooted == false)
- {
- // console.log('Game is NOT booted, so set the requested state as pending');
- this._pendingState = key;
- return;
- }
-
- if (this.checkState(key) == false)
- {
- return;
- }
- else
- {
- // Already got a state running?
- if (this.current)
- {
- this.onShutDownCallback.call(this.callbackContext, this.game);
- }
-
- if (clearWorld)
- {
- this.game.tweens.removeAll();
-
- this.game.world.destroy();
-
- if (clearCache == true)
- {
- this.game.cache.destroy();
- }
- }
-
- this.setCurrentState(key);
- }
-
- if (this.onPreloadCallback)
- {
- // console.log('Preload Callback found');
- this.game.load.reset();
- this.onPreloadCallback.call(this.callbackContext, this.game);
-
- // Is the loader empty?
- if (this.game.load.queueSize == 0)
- {
- // console.log('Loader queue empty');
- this.game.loadComplete();
- }
- else
- {
- // console.log('Loader started');
- // Start the loader going as we have something in the queue
- this.game.load.start();
- }
- }
- else
- {
- // console.log('Preload callback not found');
- // No init? Then there was nothing to load either
- this.game.loadComplete();
- }
-
- },
-
- /**
- * Used by onInit and onShutdown when those functions don't exist on the state
- * @method Phaser.StateManager#dummy
- * @private
- */
- dummy: function () {
- },
-
- /**
- * Description.
- * @method Phaser.StateManager#checkState
- * @param {string} key - The key of the state you want to check.
- * @return {boolean} Description.
- */
- checkState: function (key) {
-
- if (this.states[key])
- {
- var valid = false;
-
- if (this.states[key]['preload']) { valid = true; }
-
- if (valid == false && this.states[key]['loadRender']) { valid = true; }
- if (valid == false && this.states[key]['loadUpdate']) { valid = true; }
- if (valid == false && this.states[key]['create']) { valid = true; }
- if (valid == false && this.states[key]['update']) { valid = true; }
- if (valid == false && this.states[key]['preRender']) { valid = true; }
- if (valid == false && this.states[key]['render']) { valid = true; }
- if (valid == false && this.states[key]['paused']) { valid = true; }
-
- if (valid == false)
- {
- console.warn("Invalid Phaser State object given. Must contain at least a one of the required functions.");
- return false;
- }
-
- return true;
- }
- else
- {
- console.warn("Phaser.StateManager - No state found with the key: " + key);
- return false;
- }
-
- },
-
- /**
- * Links game properties to the State given by the key.
- * @method Phaser.StateManager#link
- * @param {string} key - State key.
- * @protected
- */
- link: function (key) {
-
- // console.log('linked');
- this.states[key].game = this.game;
- this.states[key].add = this.game.add;
- this.states[key].camera = this.game.camera;
- this.states[key].cache = this.game.cache;
- this.states[key].input = this.game.input;
- this.states[key].load = this.game.load;
- this.states[key].math = this.game.math;
- this.states[key].sound = this.game.sound;
- this.states[key].stage = this.game.stage;
- this.states[key].time = this.game.time;
- this.states[key].tweens = this.game.tweens;
- this.states[key].world = this.game.world;
- this.states[key].particles = this.game.particles;
- this.states[key].physics = this.game.physics;
- this.states[key].rnd = this.game.rnd;
-
- },
-
- /**
- * Sets the current State. Should not be called directly (use StateManager.start)
- * @method Phaser.StateManager#setCurrentState
- * @param {string} key - State key.
- * @protected
- */
- setCurrentState: function (key) {
-
- this.callbackContext = this.states[key];
-
- this.link(key);
-
- // Used when the state is set as being the current active state
- this.onInitCallback = this.states[key]['init'] || this.dummy;
-
- this.onPreloadCallback = this.states[key]['preload'] || null;
- this.onLoadRenderCallback = this.states[key]['loadRender'] || null;
- this.onLoadUpdateCallback = this.states[key]['loadUpdate'] || null;
- this.onCreateCallback = this.states[key]['create'] || null;
- this.onUpdateCallback = this.states[key]['update'] || null;
- this.onPreRenderCallback = this.states[key]['preRender'] || null;
- this.onRenderCallback = this.states[key]['render'] || null;
- this.onPausedCallback = this.states[key]['paused'] || null;
-
- // Used when the state is no longer the current active state
- this.onShutDownCallback = this.states[key]['shutdown'] || this.dummy;
-
- this.current = key;
- this._created = false;
-
- this.onInitCallback.call(this.callbackContext, this.game);
-
- },
-
- /**
- * @method Phaser.StateManager#loadComplete
- * @protected
- */
- loadComplete: function () {
-
- // console.log('Phaser.StateManager.loadComplete');
-
- if (this._created == false && this.onCreateCallback)
- {
- // console.log('Create callback found');
- this._created = true;
- this.onCreateCallback.call(this.callbackContext, this.game);
- }
- else
- {
- this._created = true;
- }
-
- },
-
- /**
- * @method Phaser.StateManager#update
- * @protected
- */
- update: function () {
-
- if (this._created && this.onUpdateCallback)
- {
- this.onUpdateCallback.call(this.callbackContext, this.game);
- }
- else
- {
- if (this.onLoadUpdateCallback)
- {
- this.onLoadUpdateCallback.call(this.callbackContext, this.game);
- }
- }
-
- },
-
- /**
- * @method Phaser.StateManager#preRender
- * @protected
- */
- preRender: function () {
-
- if (this.onPreRenderCallback)
- {
- this.onPreRenderCallback.call(this.callbackContext, this.game);
- }
-
- },
-
- /**
- * @method Phaser.StateManager#render
- * @protected
- */
- render: function () {
-
- if (this._created && this.onRenderCallback)
- {
- if (this.game.renderType === Phaser.CANVAS)
- {
- this.game.context.save();
- this.game.context.setTransform(1, 0, 0, 1, 0, 0);
- }
-
- this.onRenderCallback.call(this.callbackContext, this.game);
-
- if (this.game.renderType === Phaser.CANVAS)
- {
- this.game.context.restore();
- }
- }
- else
- {
- if (this.onLoadRenderCallback)
- {
- this.onLoadRenderCallback.call(this.callbackContext, this.game);
- }
- }
-
- },
-
- /**
- * Nuke the entire game from orbit
- * @method Phaser.StateManager#destroy
- */
- destroy: function () {
-
- this.callbackContext = null;
-
- this.onInitCallback = null;
- this.onShutDownCallback = 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.game = null;
- this.states = {};
- this._pendingState = null;
-
- }
-
-};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* A basic linked list data structure.
-*
-* @class Phaser.LinkedList
-* @constructor
-*/
-Phaser.LinkedList = function () {
-
- /**
- * @property {object} next - Next element in the list.
- * @default
- */
- this.next = null;
-
- /**
- * @property {object} prev - Previous element in the list.
- * @default
- */
- this.prev = null;
-
- /**
- * @property {object} first - First element in the list.
- * @default
- */
- this.first = null;
-
- /**
- * @property {object} last - Last element in the list.
- * @default
- */
- this.last = null;
-
- /**
- * @property {object} game - Number of elements in the list.
- * @default
- */
- this.total = 0;
-
-};
-
-Phaser.LinkedList.prototype = {
-
- /**
- * Adds a new element to this linked list.
- *
- * @method Phaser.LinkedList#add
- * @param {object} child - The element to add to this list. Can be a Phaser.Sprite or any other object you need to quickly iterate through.
- * @return {object} The child that was added.
- */
- add: function (child) {
-
- // If the list is empty
- if (this.total == 0 && this.first == null && this.last == null)
- {
- this.first = child;
- this.last = child;
- this.next = child;
- child.prev = this;
- this.total++;
- return child;
- }
-
- // Get gets appended to the end of the list, regardless of anything, and it won't have any children of its own (non-nested list)
- this.last.next = child;
-
- child.prev = this.last;
-
- this.last = child;
-
- this.total++;
-
- return child;
-
- },
-
- /**
- * Removes the given element from this linked list if it exists.
- *
- * @method Phaser.LinkedList#remove
- * @param {object} child - The child to be removed from the list.
- */
- remove: function (child) {
-
- if (child == this.first)
- {
- // It was 'first', make 'first' point to first.next
- this.first = this.first.next;
- }
- else if (child == this.last)
- {
- // It was 'last', make 'last' point to last.prev
- this.last = this.last.prev;
- }
-
- if (child.prev)
- {
- // make child.prev.next point to childs.next instead of child
- child.prev.next = child.next;
- }
-
- if (child.next)
- {
- // make child.next.prev point to child.prev instead of child
- child.next.prev = child.prev;
- }
-
- child.next = child.prev = null;
-
- if (this.first == null )
- {
- this.last = null;
- }
-
- this.total--;
-
- },
-
- /**
- * Calls a function on all members of this list, using the member as the context for the callback.
- * The function must exist on the member.
- *
- * @method Phaser.LinkedList#callAll
- * @param {function} callback - The function to call.
- */
- callAll: function (callback) {
-
- if (!this.first || !this.last)
- {
- return;
- }
-
- var entity = this.first;
-
- do
- {
- if (entity && entity[callback])
- {
- entity[callback].call(entity);
- }
-
- entity = entity.next;
-
- }
- while(entity != this.last.next)
-
- }
-
-};
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* @class Phaser.Signal
-* @classdesc A Signal is used for object communication via a custom broadcaster instead of Events.
-* @author Miller Medeiros http://millermedeiros.github.com/js-signals/
-* @constructor
-*/
-Phaser.Signal = function () {
-
- /**
- * @property {Array.} _bindings - Description.
- * @private
- */
- this._bindings = [];
-
- /**
- * @property {Description} _prevParams - Description.
- * @private
- */
- this._prevParams = null;
-
- // enforce dispatch to aways work on same context (#47)
- var self = this;
-
- /**
- * @property {Description} dispatch - Description.
- */
- this.dispatch = function(){
- Phaser.Signal.prototype.dispatch.apply(self, arguments);
- };
-
-};
-
-Phaser.Signal.prototype = {
-
- /**
- * If Signal should keep record of previously dispatched parameters and
- * automatically execute listener during `add()`/`addOnce()` if Signal was
- * already dispatched before.
- * @property {boolean} memorize
- */
- memorize: false,
-
- /**
- * @property {boolean} _shouldPropagate
- * @private
- */
- _shouldPropagate: true,
-
- /**
- * If Signal is active and should broadcast events.
- *
IMPORTANT: Setting this property during a dispatch will only affect the next dispatch, if you want to stop the propagation of a signal use `halt()` instead.
- * @property {boolean} active
- * @default
- */
- active: true,
-
- /**
- * @method Phaser.Signal#validateListener
- * @param {function} listener - Signal handler function.
- * @param {Description} fnName - Description.
- * @private
- */
- validateListener: function (listener, fnName) {
- if (typeof listener !== 'function') {
- throw new Error( 'listener is a required param of {fn}() and should be a Function.'.replace('{fn}', fnName) );
- }
- },
-
- /**
- * @method Phaser.Signal#_registerListener
- * @param {function} listener - Signal handler function.
- * @param {boolean} isOnce - Description.
- * @param {object} [listenerContext] - Description.
- * @param {number} [priority] - The priority level of the event listener. Listeners with higher priority will be executed before listeners with lower priority. Listeners with same priority level will be executed at the same order as they were added. (default = 0).
- * @return {Phaser.SignalBinding} An Object representing the binding between the Signal and listener.
- * @private
- */
- _registerListener: function (listener, isOnce, listenerContext, priority) {
-
- var prevIndex = this._indexOfListener(listener, listenerContext),
- binding;
-
- if (prevIndex !== -1) {
- binding = this._bindings[prevIndex];
- if (binding.isOnce() !== isOnce) {
- throw new Error('You cannot add'+ (isOnce? '' : 'Once') +'() then add'+ (!isOnce? '' : 'Once') +'() the same listener without removing the relationship first.');
- }
- } else {
- binding = new Phaser.SignalBinding(this, listener, isOnce, listenerContext, priority);
- this._addBinding(binding);
- }
-
- if (this.memorize && this._prevParams){
- binding.execute(this._prevParams);
- }
-
- return binding;
- },
-
- /**
- * @method Phaser.Signal#_addBinding
- * @param {Phaser.SignalBinding} binding - An Object representing the binding between the Signal and listener.
- * @private
- */
- _addBinding: function (binding) {
- //simplified insertion sort
- var n = this._bindings.length;
- do { --n; } while (this._bindings[n] && binding._priority <= this._bindings[n]._priority);
- this._bindings.splice(n + 1, 0, binding);
- },
-
- /**
- * @method Phaser.Signal#_indexOfListener
- * @param {function} listener - Signal handler function.
- * @return {number} Description.
- * @private
- */
- _indexOfListener: function (listener, context) {
- var n = this._bindings.length,
- cur;
- while (n--) {
- cur = this._bindings[n];
- if (cur._listener === listener && cur.context === context) {
- return n;
- }
- }
- return -1;
- },
-
- /**
- * Check if listener was attached to Signal.
- *
- * @method Phaser.Signal#has
- * @param {Function} listener - Signal handler function.
- * @param {Object} [context] - Context on which listener will be executed (object that should represent the `this` variable inside listener function).
- * @return {boolean} If Signal has the specified listener.
- */
- has: function (listener, context) {
- return this._indexOfListener(listener, context) !== -1;
- },
-
- /**
- * Add a listener to the signal.
- *
- * @method Phaser.Signal#add
- * @param {function} listener - Signal handler function.
- * @param {object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function).
- * @param {number} [priority] The priority level of the event listener. Listeners with higher priority will be executed before listeners with lower priority. Listeners with same priority level will be executed at the same order as they were added. (default = 0).
- * @return {Phaser.SignalBinding} An Object representing the binding between the Signal and listener.
- */
- add: function (listener, listenerContext, priority) {
- this.validateListener(listener, 'add');
- return this._registerListener(listener, false, listenerContext, priority);
- },
-
- /**
- * Add listener to the signal that should be removed after first execution (will be executed only once).
- *
- * @method Phaser.Signal#addOnce
- * @param {function} listener Signal handler function.
- * @param {object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function).
- * @param {number} [priority] The priority level of the event listener. Listeners with higher priority will be executed before listeners with lower priority. Listeners with same priority level will be executed at the same order as they were added. (default = 0)
- * @return {Phaser.SignalBinding} An Object representing the binding between the Signal and listener.
- */
- addOnce: function (listener, listenerContext, priority) {
- this.validateListener(listener, 'addOnce');
- return this._registerListener(listener, true, listenerContext, priority);
- },
-
- /**
- * Remove a single listener from the dispatch queue.
- *
- * @method Phaser.Signal#remove
- * @param {function} listener Handler function that should be removed.
- * @param {object} [context] Execution context (since you can add the same handler multiple times if executing in a different context).
- * @return {function} Listener handler function.
- */
- remove: function (listener, context) {
-
- this.validateListener(listener, 'remove');
-
- var i = this._indexOfListener(listener, context);
-
- if (i !== -1)
- {
- this._bindings[i]._destroy(); //no reason to a Phaser.SignalBinding exist if it isn't attached to a signal
- this._bindings.splice(i, 1);
- }
-
- return listener;
-
- },
-
- /**
- * Remove all listeners from the Signal.
- *
- * @method Phaser.Signal#removeAll
- */
- removeAll: function () {
- var n = this._bindings.length;
- while (n--) {
- this._bindings[n]._destroy();
- }
- this._bindings.length = 0;
- },
-
- /**
- * Gets the total number of listeneres attached to ths Signal.
- *
- * @method Phaser.Signal#getNumListeners
- * @return {number} Number of listeners attached to the Signal.
- */
- getNumListeners: function () {
- return this._bindings.length;
- },
-
- /**
- * Stop propagation of the event, blocking the dispatch to next listeners on the queue.
- *
IMPORTANT: should be called only during signal dispatch, calling it before/after dispatch won't affect signal broadcast.
- * @see Signal.prototype.disable
- *
- * @method Phaser.Signal#halt
- */
- halt: function () {
- this._shouldPropagate = false;
- },
-
- /**
- * Dispatch/Broadcast Signal to all listeners added to the queue.
- *
- * @method Phaser.Signal#dispatch
- * @param {any} [params] - Parameters that should be passed to each handler.
- */
- dispatch: function (params) {
- if (! this.active) {
- return;
- }
-
- var paramsArr = Array.prototype.slice.call(arguments),
- n = this._bindings.length,
- bindings;
-
- if (this.memorize) {
- this._prevParams = paramsArr;
- }
-
- if (! n) {
- //should come after memorize
- return;
- }
-
- bindings = this._bindings.slice(); //clone array in case add/remove items during dispatch
- this._shouldPropagate = true; //in case `halt` was called before dispatch or during the previous dispatch.
-
- //execute all callbacks until end of the list or until a callback returns `false` or stops propagation
- //reverse loop since listeners with higher priority will be added at the end of the list
- do { n--; } while (bindings[n] && this._shouldPropagate && bindings[n].execute(paramsArr) !== false);
- },
-
- /**
- * Forget memorized arguments.
- * @see Signal.memorize
- *
- * @method Phaser.Signal#forget
- */
- forget: function(){
- this._prevParams = null;
- },
-
- /**
- * Remove all bindings from signal and destroy any reference to external objects (destroy Signal object).
- *
IMPORTANT: calling any method on the signal instance after calling dispose will throw errors.
- *
- * @method Phaser.Signal#dispose
- */
- dispose: function () {
- this.removeAll();
- delete this._bindings;
- delete this._prevParams;
- },
-
- /**
- *
- * @method Phaser.Signal#toString
- * @return {string} String representation of the object.
- */
- toString: function () {
- return '[Phaser.Signal active:'+ this.active +' numListeners:'+ this.getNumListeners() +']';
- }
-
-};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Phaser.SignalBinding
-*
-* Object that represents a binding between a Signal and a listener function.
-* - This is an internal constructor and shouldn't be called by regular users.
-* - inspired by Joa Ebert AS3 SignalBinding and Robert Penner's Slot classes.
-*
-* @class Phaser.SignalBinding
-* @name SignalBinding
-* @author Miller Medeiros http://millermedeiros.github.com/js-signals/
-* @constructor
-* @inner
-* @param {Signal} signal - Reference to Signal object that listener is currently bound to.
-* @param {function} listener - Handler function bound to the signal.
-* @param {boolean} isOnce - If binding should be executed just once.
-* @param {object} [listenerContext] - Context on which listener will be executed (object that should represent the `this` variable inside listener function).
-* @param {number} [priority] - The priority level of the event listener. (default = 0).
-*/
-Phaser.SignalBinding = function (signal, listener, isOnce, listenerContext, priority) {
-
- /**
- * @property {Phaser.Game} _listener - Handler function bound to the signal.
- * @private
- */
- this._listener = listener;
-
- /**
- * @property {boolean} _isOnce - If binding should be executed just once.
- * @private
- */
- this._isOnce = isOnce;
-
- /**
- * @property {object|undefined|null} context - Context on which listener will be executed (object that should represent the `this` variable inside listener function).
- * @memberof SignalBinding.prototype
- */
- this.context = listenerContext;
-
- /**
- * @property {Signal} _signal - Reference to Signal object that listener is currently bound to.
- * @private
- */
- this._signal = signal;
-
- /**
- * @property {number} _priority - Listener priority.
- * @private
- */
- this._priority = priority || 0;
-
-};
-
-Phaser.SignalBinding.prototype = {
-
- /**
- * If binding is active and should be executed.
- * @property {boolean} active
- * @default
- */
- active: true,
-
- /**
- * Default parameters passed to listener during `Signal.dispatch` and `SignalBinding.execute` (curried parameters).
- * @property {array|null} params
- * @default
- */
- params: null,
-
- /**
- * Call listener passing arbitrary parameters.
- *
If binding was added using `Signal.addOnce()` it will be automatically removed from signal dispatch queue, this method is used internally for the signal dispatch.
- * @method Phaser.SignalBinding#execute
- * @param {array} [paramsArr] - Array of parameters that should be passed to the listener.
- * @return {Description} Value returned by the listener.
- */
- execute: function (paramsArr) {
-
- var handlerReturn, params;
-
- if (this.active && !!this._listener)
- {
- params = this.params? this.params.concat(paramsArr) : paramsArr;
- handlerReturn = this._listener.apply(this.context, params);
-
- if (this._isOnce)
- {
- this.detach();
- }
- }
-
- return handlerReturn;
-
- },
-
- /**
- * Detach binding from signal.
- *
alias to: @see mySignal.remove(myBinding.getListener());
- * @method Phaser.SignalBinding#detach
- * @return {function|null} Handler function bound to the signal or `null` if binding was previously detached.
- */
- detach: function () {
- return this.isBound() ? this._signal.remove(this._listener, this.context) : null;
- },
-
- /**
- * @method Phaser.SignalBinding#isBound
- * @return {boolean} True if binding is still bound to the signal and has a listener.
- */
- isBound: function () {
- return (!!this._signal && !!this._listener);
- },
-
- /**
- * @method Phaser.SignalBinding#isOnce
- * @return {boolean} If SignalBinding will only be executed once.
- */
- isOnce: function () {
- return this._isOnce;
- },
-
- /**
- * @method Phaser.SignalBinding#getListener
- * @return {Function} Handler function bound to the signal.
- */
- getListener: function () {
- return this._listener;
- },
-
- /**
- * @method Phaser.SignalBinding#getSignal
- * @return {Signal} Signal that listener is currently bound to.
- */
- getSignal: function () {
- return this._signal;
- },
-
- /**
- * @method Phaser.SignalBinding#_destroy
- * Delete instance properties
- * @private
- */
- _destroy: function () {
- delete this._signal;
- delete this._listener;
- delete this.context;
- },
-
- /**
- * @method Phaser.SignalBinding#toString
- * @return {string} String representation of the object.
- */
- toString: function () {
- return '[Phaser.SignalBinding isOnce:' + this._isOnce +', isBound:'+ this.isBound() +', active:' + this.active + ']';
- }
-
-};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* This is a base Filter template to use for any Phaser filter development.
-*
-* @class Phaser.Filter
-* @classdesc Phaser - Filter
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-* @param {Object} uniforms - Uniform mappings object
-* @param {Array} fragmentSrc - The fragment shader code.
-*/
-Phaser.Filter = function (game, uniforms, fragmentSrc) {
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running game.
- */
- this.game = game;
-
- /**
- * @property {number} type - The const type of this object, either Phaser.WEBGL_FILTER or Phaser.CANVAS_FILTER.
- * @default
- */
- this.type = Phaser.WEBGL_FILTER;
-
- /**
- * An array of passes - some filters contain a few steps this array simply stores the steps in a linear fashion.
- * For example the blur filter has two passes blurX and blurY.
- * @property {array} passes - An array of filter objects.
- * @private
- */
- this.passes = [this];
-
- /**
- * @property {boolean} dirty - Internal PIXI var.
- * @default
- */
- this.dirty = true;
-
- /**
- * @property {number} padding - Internal PIXI var.
- * @default
- */
- this.padding = 0;
-
- /**
- * @property {object} uniforms - Default uniform mappings.
- */
- this.uniforms = {
-
- resolution: { type: '3f', value: { x: 256, y: 256, z: 0 }},
- time: { type: '1f', value: 0 },
- mouse: { type: '4f', value: { x: 0, y: 0, z: 0, w: 0 }}
-
- };
-
- /**
- * @property {array} fragmentSrc - The fragment shader code.
- */
- this.fragmentSrc = fragmentSrc || [];
-
-};
-
-Phaser.Filter.prototype = {
-
- init: function () {
- // This should be over-ridden. Will receive a variable number of arguments.
- },
-
- setResolution: function (width, height) {
-
- this.uniforms.resolution.value.x = width;
- this.uniforms.resolution.value.y = height;
-
- },
-
- update: function (pointer) {
-
- if (typeof pointer !== 'undefined')
- {
- this.uniforms.mouse.x = pointer.x;
- this.uniforms.mouse.y = pointer.y;
- }
-
- this.uniforms.time.value = this.game.time.totalElapsedSeconds();
-
- },
-
- /**
- * Clear down this Filter and null out references
- * @method Phaser.Filter#destroy
- */
- destroy: function () {
-
- this.game = null;
-
- }
-
-};
-
-Object.defineProperty(Phaser.Filter.prototype, 'width', {
-
- get: function() {
- return this.uniforms.resolution.value.x;
- },
-
- set: function(value) {
- this.uniforms.resolution.value.x = value;
- }
-
-});
-
-Object.defineProperty(Phaser.Filter.prototype, 'height', {
-
- get: function() {
- return this.uniforms.resolution.value.y;
- },
-
- set: function(value) {
- this.uniforms.resolution.value.y = value;
- }
-
-});
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* This is a base Plugin template to use for any Phaser plugin development.
-*
-* @class Phaser.Plugin
-* @classdesc Phaser - Plugin
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-* @param {Any} parent - The object that owns this plugin, usually Phaser.PluginManager.
-*/
-Phaser.Plugin = function (game, parent) {
-
- if (typeof parent === 'undefined') { parent = null; }
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running game.
- */
- this.game = game;
-
- /**
- * @property {Any} parent - The parent of this plugin. If added to the PluginManager the parent will be set to that, otherwise it will be null.
- */
- this.parent = parent;
-
- /**
- * @property {boolean} active - A Plugin with active=true has its preUpdate and update methods called by the parent, otherwise they are skipped.
- * @default
- */
- this.active = false;
-
- /**
- * @property {boolean} visible - A Plugin with visible=true has its render and postRender methods called by the parent, otherwise they are skipped.
- * @default
- */
- this.visible = false;
-
- /**
- * @property {boolean} hasPreUpdate - A flag to indicate if this plugin has a preUpdate method.
- * @default
- */
- this.hasPreUpdate = false;
-
- /**
- * @property {boolean} hasUpdate - A flag to indicate if this plugin has an update method.
- * @default
- */
- this.hasUpdate = false;
-
- /**
- * @property {boolean} hasPostUpdate - A flag to indicate if this plugin has a postUpdate method.
- * @default
- */
- this.hasPostUpdate = false;
-
- /**
- * @property {boolean} hasRender - A flag to indicate if this plugin has a render method.
- * @default
- */
- this.hasRender = false;
-
- /**
- * @property {boolean} hasPostRender - A flag to indicate if this plugin has a postRender method.
- * @default
- */
- this.hasPostRender = false;
-
-};
-
-Phaser.Plugin.prototype = {
-
- /**
- * Pre-update is called at the very start of the update cycle, before any other subsystems have been updated (including Physics).
- * It is only called if active is set to true.
- * @method Phaser.Plugin#preUpdate
- */
- preUpdate: function () {
- },
-
- /**
- * Update is called after all the core subsystems (Input, Tweens, Sound, etc) and the State have updated, but before the render.
- * It is only called if active is set to true.
- * @method Phaser.Plugin#update
- */
- update: function () {
- },
-
- /**
- * Render is called right after the Game Renderer completes, but before the State.render.
- * It is only called if visible is set to true.
- * @method Phaser.Plugin#render
- */
- render: function () {
- },
-
- /**
- * Post-render is called after the Game Renderer and State.render have run.
- * It is only called if visible is set to true.
- * @method Phaser.Plugin#postRender
- */
- postRender: function () {
- },
-
- /**
- * Clear down this Plugin and null out references
- * @method Phaser.Plugin#destroy
- */
- destroy: function () {
-
- this.game = null;
- this.parent = null;
- this.active = false;
- this.visible = false;
-
- }
-
-};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Description.
-*
-* @class Phaser.PluginManager
-* @classdesc Phaser - PluginManager
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-* @param {Description} parent - Description.
-*/
-Phaser.PluginManager = function(game, parent) {
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running game.
- */
- this.game = game;
-
- /**
- * @property {Description} _parent - Description.
- * @private
- */
- this._parent = parent;
-
- /**
- * @property {array} plugins - Description.
- */
- this.plugins = [];
-
- /**
- * @property {array} _pluginsLength - Description.
- * @private
- * @default
- */
- this._pluginsLength = 0;
-
-};
-
-Phaser.PluginManager.prototype = {
-
- /**
- * Add a new Plugin to the PluginManager.
- * The plugin's game and parent reference are set to this game and pluginmanager parent.
- * @method Phaser.PluginManager#add
- * @param {Phaser.Plugin} plugin - Description.
- * @return {Phaser.Plugin} Description.
- */
- add: function (plugin) {
-
- var result = false;
-
- // Prototype?
- if (typeof plugin === 'function')
- {
- plugin = new plugin(this.game, this._parent);
- }
- else
- {
- plugin.game = this.game;
- plugin.parent = this._parent;
- }
-
- // Check for methods now to avoid having to do this every loop
- if (typeof plugin['preUpdate'] === 'function')
- {
- plugin.hasPreUpdate = true;
- result = true;
- }
-
- if (typeof plugin['update'] === 'function')
- {
- plugin.hasUpdate = true;
- result = true;
- }
-
- if (typeof plugin['postUpdate'] === 'function')
- {
- plugin.hasPostUpdate = true;
- result = true;
- }
-
- if (typeof plugin['render'] === 'function')
- {
- plugin.hasRender = true;
- result = true;
- }
-
- if (typeof plugin['postRender'] === 'function')
- {
- plugin.hasPostRender = true;
- result = true;
- }
-
- // The plugin must have at least one of the above functions to be added to the PluginManager.
- if (result)
- {
- if (plugin.hasPreUpdate || plugin.hasUpdate)
- {
- plugin.active = true;
- }
-
- if (plugin.hasRender || plugin.hasPostRender)
- {
- plugin.visible = true;
- }
-
- this._pluginsLength = this.plugins.push(plugin);
-
- // Allows plugins to run potentially destructive code outside of the constructor, and only if being added to the PluginManager
- if (typeof plugin['init'] === 'function')
- {
- plugin.init();
- }
-
- return plugin;
- }
- else
- {
- return null;
- }
- },
-
- /**
- * Remove a Plugin from the PluginManager.
- * @method Phaser.PluginManager#remove
- * @param {Phaser.Plugin} plugin - The plugin to be removed.
- */
- remove: function (plugin) {
-
- if (this._pluginsLength == 0)
- {
- return;
- }
-
- for (this._p = 0; this._p < this._pluginsLength; this._p++)
- {
- if (this.plugins[this._p] === plugin)
- {
- plugin.destroy();
- this.plugins.splice(this._p, 1);
- this._pluginsLength--;
- return;
- }
- }
- },
-
- /**
- * Removes all Plugins from the PluginManager.
- * @method Phaser.PluginManager#removeAll
- */
- removeAll: function() {
-
- for (this._p = 0; this._p < this._pluginsLength; this._p++)
- {
- this.plugins[this._p].destroy();
- }
- this.plugins.length = 0;
- this._pluginsLength = 0;
- },
-
- /**
- * Pre-update is called at the very start of the update cycle, before any other subsystems have been updated (including Physics).
- * It only calls plugins who have active=true.
- *
- * @method Phaser.PluginManager#preUpdate
- */
- preUpdate: function () {
-
- if (this._pluginsLength == 0)
- {
- return;
- }
-
- for (this._p = 0; this._p < this._pluginsLength; this._p++)
- {
- if (this.plugins[this._p].active && this.plugins[this._p].hasPreUpdate)
- {
- this.plugins[this._p].preUpdate();
- }
- }
-
- },
-
- /**
- * Update is called after all the core subsystems (Input, Tweens, Sound, etc) and the State have updated, but before the render.
- * It only calls plugins who have active=true.
- *
- * @method Phaser.PluginManager#update
- */
- update: function () {
-
- if (this._pluginsLength == 0)
- {
- return;
- }
-
- for (this._p = 0; this._p < this._pluginsLength; this._p++)
- {
- if (this.plugins[this._p].active && this.plugins[this._p].hasUpdate)
- {
- this.plugins[this._p].update();
- }
- }
-
- },
-
- /**
- * PostUpdate is the last thing to be called before the world render.
- * In particular, it is called after the world postUpdate, which means the camera has been adjusted.
- * It only calls plugins who have active=true.
- *
- * @method Phaser.PluginManager#postUpdate
- */
- postUpdate: function () {
-
- if (this._pluginsLength == 0)
- {
- return;
- }
-
- for (this._p = 0; this._p < this._pluginsLength; this._p++)
- {
- if (this.plugins[this._p].active && this.plugins[this._p].hasPostUpdate)
- {
- this.plugins[this._p].postUpdate();
- }
- }
-
- },
-
- /**
- * Render is called right after the Game Renderer completes, but before the State.render.
- * It only calls plugins who have visible=true.
- *
- * @method Phaser.PluginManager#render
- */
- render: function () {
-
- if (this._pluginsLength == 0)
- {
- return;
- }
-
- for (this._p = 0; this._p < this._pluginsLength; this._p++)
- {
- if (this.plugins[this._p].visible && this.plugins[this._p].hasRender)
- {
- this.plugins[this._p].render();
- }
- }
-
- },
-
- /**
- * Post-render is called after the Game Renderer and State.render have run.
- * It only calls plugins who have visible=true.
- *
- * @method Phaser.PluginManager#postRender
- */
- postRender: function () {
-
- if (this._pluginsLength == 0)
- {
- return;
- }
-
- for (this._p = 0; this._p < this._pluginsLength; this._p++)
- {
- if (this.plugins[this._p].visible && this.plugins[this._p].hasPostRender)
- {
- this.plugins[this._p].postRender();
- }
- }
-
- },
-
- /**
- * Clear down this PluginManager and null out references
- *
- * @method Phaser.PluginManager#destroy
- */
- destroy: function () {
-
- this.plugins.length = 0;
- this._pluginsLength = 0;
- this.game = null;
- this._parent = null;
-
- }
-
-};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* The Stage controls the canvas on which everything is displayed. It handles display within the browser,
-* focus handling, game resizing, scaling and the pause, boot and orientation screens.
-*
-* @class Phaser.Stage
-* @constructor
-* @param {Phaser.Game} game - Game reference to the currently running game.
-* @param {number} width - Width of the canvas element.
-* @param {number} height - Height of the canvas element.
- */
-Phaser.Stage = function (game, width, height) {
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running Game.
- */
- this.game = game;
-
- /**
- * @property {string} game - Background color of the stage (defaults to black). Set via the public backgroundColor property.
- * @private
- * @default 'rgb(0,0,0)'
- */
- this._backgroundColor = 'rgb(0,0,0)';
-
- /**
- * @property {Phaser.Point} offset - Get the offset values (for input and other things).
- */
- this.offset = new Phaser.Point;
-
- /**
- * @property {HTMLCanvasElement} canvas - Reference to the newly created <canvas> element.
- */
- this.canvas = Phaser.Canvas.create(width, height);
- this.canvas.style['-webkit-full-screen'] = 'width: 100%; height: 100%';
-
- /**
- * @property {PIXI.Stage} _stage - The Pixi Stage which is hooked to the renderer.
- * @private
- */
- this._stage = new PIXI.Stage(0x000000, false);
- this._stage.name = '_stage_root';
- this._stage.interactive = false;
-
- /**
- * @property {number} scaleMode - The current scaleMode.
- */
- this.scaleMode = Phaser.StageScaleMode.NO_SCALE;
-
- /**
- * @property {Phaser.StageScaleMode} scale - The scale of the current running game.
- */
- this.scale = new Phaser.StageScaleMode(this.game, width, height);
-
- /**
- * @property {number} aspectRatio - Aspect ratio.
- */
- this.aspectRatio = width / height;
-
- /**
- * @property {number} _nextOffsetCheck - The time to run the next offset check.
- * @private
- */
- this._nextOffsetCheck = 0;
-
- /**
- * @property {number|false} checkOffsetInterval - The time (in ms) between which the stage should check to see if it has moved.
- * @default
- */
- this.checkOffsetInterval = 2500;
-
-};
-
-Phaser.Stage.prototype = {
-
- /**
- * Initialises the stage and adds the event listeners.
- * @method Phaser.Stage#boot
- * @private
- */
- boot: function () {
-
- Phaser.Canvas.getOffset(this.canvas, this.offset);
-
- this.bounds = new Phaser.Rectangle(this.offset.x, this.offset.y, this.game.width, this.game.height);
-
- var _this = this;
-
- this._onChange = function (event) {
- return _this.visibilityChange(event);
- }
-
- Phaser.Canvas.setUserSelect(this.canvas, 'none');
- Phaser.Canvas.setTouchAction(this.canvas, 'none');
-
- document.addEventListener('visibilitychange', this._onChange, false);
- document.addEventListener('webkitvisibilitychange', this._onChange, false);
- document.addEventListener('pagehide', this._onChange, false);
- document.addEventListener('pageshow', this._onChange, false);
-
- window.onblur = this._onChange;
- window.onfocus = this._onChange;
-
- },
-
- /**
- * Runs Stage processes that need periodic updates, such as the offset checks.
- * @method Phaser.Stage#update
- */
- update: function () {
-
- if (this.checkOffsetInterval !== false)
- {
- if (this.game.time.now > this._nextOffsetCheck)
- {
- Phaser.Canvas.getOffset(this.canvas, this.offset);
- this._nextOffsetCheck = this.game.time.now + this.checkOffsetInterval;
- }
-
- }
-
- },
-
- /**
- * This method is called when the document visibility is changed.
- * @method Phaser.Stage#visibilityChange
- * @param {Event} event - Its type will be used to decide whether the game should be paused or not.
- */
- visibilityChange: function (event) {
-
- if (this.disableVisibilityChange)
- {
- return;
- }
-
- if (event.type == 'pagehide' || event.type == 'blur' || document['hidden'] == true || document['webkitHidden'] == true)
- {
- this.game.paused = true;
- }
- else
- {
- this.game.paused = false;
- }
-
- },
-
-};
-
-/**
-* @name Phaser.Stage#backgroundColor
-* @property {number|string} backgroundColor - Gets and sets the background color of the stage. The color can be given as a number: 0xff0000 or a hex string: '#ff0000'
-*/
-Object.defineProperty(Phaser.Stage.prototype, "backgroundColor", {
-
- get: function () {
- return this._backgroundColor;
- },
-
- set: function (color) {
-
- this._backgroundColor = color;
-
- if (this.game.renderType == Phaser.CANVAS)
- {
- // Set it directly, this allows us to use rgb alpha values in Canvas mode.
- this._stage.backgroundColorString = color;
- }
- else
- {
- if (typeof color === 'string')
- {
- color = Phaser.Color.hexToRGB(color);
- }
-
- this._stage.setBackgroundColor(color);
- }
-
- }
-
-});
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Phaser Group constructor.
-* @class Phaser.Group
-* @classdesc A Group is a container for display objects that allows for fast pooling, recycling and collision checks.
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-* @param {*} parent - The parent Group or DisplayObjectContainer that will hold this group, if any.
-* @param {string} [name=group] - A name for this Group. Not used internally but useful for debugging.
-* @param {boolean} [useStage=false] - Should the DisplayObjectContainer this Group creates be added to the World (default, false) or direct to the Stage (true).
-*/
-Phaser.Group = function (game, parent, name, useStage) {
-
- if (typeof parent === 'undefined' || typeof parent === null)
- {
- parent = game.world;
- }
-
- if (typeof useStage === 'undefined')
- {
- useStage = false;
- }
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running Game.
- */
- this.game = game;
-
- /**
- * @property {string} name - A name for this Group. Not used internally but useful for debugging.
- */
- this.name = name || 'group';
-
- if (useStage)
- {
- this._container = this.game.stage._stage;
- }
- else
- {
- this._container = new PIXI.DisplayObjectContainer();
- this._container.name = this.name;
-
- if (parent)
- {
- if (parent instanceof Phaser.Group)
- {
- parent._container.addChild(this._container);
- parent._container.updateTransform();
- }
- else
- {
- parent.addChild(this._container);
- parent.updateTransform();
- }
- }
- else
- {
- this.game.stage._stage.addChild(this._container);
- this.game.stage._stage.updateTransform();
- }
- }
-
- /**
- * @property {number} type - Internal Phaser Type value.
- * @protected
- */
- this.type = Phaser.GROUP;
-
- /**
- * @property {boolean} exists - If exists is true the the Group is updated, otherwise it is skipped.
- * @default
- */
- this.exists = true;
-
- /**
- * @property {Phaser.Point} scale - Replaces the PIXI.Point with a slightly more flexible one.
- */
- this.scale = new Phaser.Point(1, 1);
-
- /**
- * The cursor is a simple way to iterate through the objects in a Group using the Group.next and Group.previous functions.
- * The cursor is set to the first child added to the Group and doesn't change unless you call next, previous or set it directly with Group.cursor.
- * @property {any} cursor - The current display object that the Group cursor is pointing to.
- */
- this.cursor = null;
-
-};
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Group.RETURN_NONE = 0;
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Group.RETURN_TOTAL = 1;
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Group.RETURN_CHILD = 2;
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Group.SORT_ASCENDING = -1;
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Group.SORT_DESCENDING = 1;
-
-Phaser.Group.prototype = {
-
- /**
- * Adds an existing object to this Group. The object can be an instance of Phaser.Sprite, Phaser.Button or any other display object.
- * The child is automatically added to the top of the Group, so renders on-top of everything else within the Group. If you need to control
- * that then see the addAt method.
- *
- * @see Phaser.Group#create
- * @see Phaser.Group#addAt
- * @method Phaser.Group#add
- * @param {*} child - An instance of Phaser.Sprite, Phaser.Button or any other display object..
- * @return {*} The child that was added to the Group.
- */
- add: function (child) {
-
- if (child.group !== this)
- {
- child.group = this;
-
- if (child.events)
- {
- child.events.onAddedToGroup.dispatch(child, this);
- }
-
- this._container.addChild(child);
-
- child.updateTransform();
-
- if (this.cursor === null)
- {
- this.cursor = child;
- }
- }
-
- return child;
-
- },
-
- /**
- * Adds an existing object to this Group. The object can be an instance of Phaser.Sprite, Phaser.Button or any other display object.
- * The child is added to the Group at the location specified by the index value, this allows you to control child ordering.
- *
- * @method Phaser.Group#addAt
- * @param {*} child - An instance of Phaser.Sprite, Phaser.Button or any other display object..
- * @param {number} index - The index within the Group to insert the child to.
- * @return {*} The child that was added to the Group.
- */
- addAt: function (child, index) {
-
- if (child.group !== this)
- {
- child.group = this;
-
- if (child.events)
- {
- child.events.onAddedToGroup.dispatch(child, this);
- }
-
- this._container.addChildAt(child, index);
-
- child.updateTransform();
-
- if (this.cursor === null)
- {
- this.cursor = child;
- }
- }
-
- return child;
-
- },
-
- /**
- * Returns the child found at the given index within this Group.
- *
- * @method Phaser.Group#getAt
- * @memberof Phaser.Group
- * @param {number} index - The index to return the child from.
- * @return {*} The child that was found at the given index.
- */
- getAt: function (index) {
-
- return this._container.getChildAt(index);
-
- },
-
- /**
- * Automatically creates a new Phaser.Sprite object and adds it to the top of this Group.
- * Useful if you don't need to create the Sprite instances before-hand.
- *
- * @method Phaser.Group#create
- * @param {number} x - The x coordinate to display the newly created Sprite at. The value is in relation to the Group.x point.
- * @param {number} y - The y coordinate to display the newly created Sprite at. The value is in relation to the Group.y point.
- * @param {string} key - The Game.cache key of the image that this Sprite will use.
- * @param {number|string} [frame] - If the Sprite image contains multiple frames you can specify which one to use here.
- * @param {boolean} [exists=true] - The default exists state of the Sprite.
- * @return {Phaser.Sprite} The child that was created.
- */
- create: function (x, y, key, frame, exists) {
-
- if (typeof exists == 'undefined') { exists = true; }
-
- var child = new Phaser.Sprite(this.game, x, y, key, frame);
-
- child.group = this;
- child.exists = exists;
- child.visible = exists;
- child.alive = exists;
-
- if (child.events)
- {
- child.events.onAddedToGroup.dispatch(child, this);
- }
-
- this._container.addChild(child);
-
- child.updateTransform();
-
- if (this.cursor === null)
- {
- this.cursor = child;
- }
-
- return child;
-
- },
-
- /**
- * Automatically creates multiple Phaser.Sprite objects and adds them to the top of this Group.
- * Useful if you need to quickly generate a pool of identical sprites, such as bullets. By default the sprites will be set to not exist
- * and will be positioned at 0, 0 (relative to the Group.x/y)
- *
- * @method Phaser.Group#createMultiple
- * @param {number} quantity - The number of Sprites to create.
- * @param {string} key - The Game.cache key of the image that this Sprite will use.
- * @param {number|string} [frame] - If the Sprite image contains multiple frames you can specify which one to use here.
- * @param {boolean} [exists=false] - The default exists state of the Sprite.
- */
- createMultiple: function (quantity, key, frame, exists) {
-
- if (typeof exists == 'undefined') { exists = false; }
-
- for (var i = 0; i < quantity; i++)
- {
- var child = new Phaser.Sprite(this.game, 0, 0, key, frame);
-
- child.group = this;
- child.exists = exists;
- child.visible = exists;
- child.alive = exists;
-
- if (child.events)
- {
- child.events.onAddedToGroup.dispatch(child, this);
- }
-
- this._container.addChild(child);
- child.updateTransform();
-
- if (this.cursor === null)
- {
- this.cursor = child;
- }
-
- }
-
- },
-
- /**
- * Advances the Group cursor to the next object in the Group. If it's at the end of the Group it wraps around to the first object.
- *
- * @method Phaser.Group#next
- */
- next: function () {
-
- if (this.cursor)
- {
- // Wrap the cursor?
- if (this.cursor == this._container.last)
- {
- this.cursor = this._container._iNext;
- }
- else
- {
- this.cursor = this.cursor._iNext;
- }
- }
-
- },
-
- /**
- * Moves the Group cursor to the previous object in the Group. If it's at the start of the Group it wraps around to the last object.
- *
- * @method Phaser.Group#previous
- */
- previous: function () {
-
- if (this.cursor)
- {
- // Wrap the cursor?
- if (this.cursor == this._container._iNext)
- {
- this.cursor = this._container.last;
- }
- else
- {
- this.cursor = this.cursor._iPrev;
- }
- }
-
- },
-
- childTest: function (prefix, child) {
-
- var s = prefix + ' next: ';
-
- if (child._iNext)
- {
- s = s + child._iNext.name;
- }
- else
- {
- s = s + '-null-';
- }
-
- s = s + ' ' + prefix + ' prev: ';
-
- if (child._iPrev)
- {
- s = s + child._iPrev.name;
- }
- else
- {
- s = s + '-null-';
- }
-
- console.log(s);
-
- },
-
- swapIndex: function (index1, index2) {
-
- var child1 = this.getAt(index1);
- var child2 = this.getAt(index2);
-
- console.log('swapIndex ', index1, ' with ', index2);
-
- this.swap(child1, child2);
-
- },
-
- /**
- * Swaps the position of two children in this Group. Both children must be in this Group.
- * You cannot swap a child with itself, or swap un-parented children, doing so will return false.
- *
- * @method Phaser.Group#swap
- * @param {*} child1 - The first child to swap.
- * @param {*} child2 - The second child to swap.
- * @return {boolean} True if the swap was successful, otherwise false.
- */
- swap: function (child1, child2) {
-
- if (child1 === child2 || !child1.parent || !child2.parent || child1.group !== this || child2.group !== this)
- {
- return false;
- }
-
- // Cache the values
- var child1Prev = child1._iPrev;
- var child1Next = child1._iNext;
- var child2Prev = child2._iPrev;
- var child2Next = child2._iNext;
-
- var endNode = this._container.last._iNext;
- var currentNode = this.game.stage._stage;
-
- do
- {
- if (currentNode !== child1 && currentNode !== child2)
- {
- if (currentNode.first === child1)
- {
- currentNode.first = child2;
- }
- else if (currentNode.first === child2)
- {
- currentNode.first = child1;
- }
-
- if (currentNode.last === child1)
- {
- currentNode.last = child2;
- }
- else if (currentNode.last === child2)
- {
- currentNode.last = child1;
- }
- }
-
- currentNode = currentNode._iNext;
- }
- while (currentNode != endNode)
-
- if (child1._iNext == child2)
- {
- // This is a downward (A to B) neighbour swap
- child1._iNext = child2Next;
- child1._iPrev = child2;
- child2._iNext = child1;
- child2._iPrev = child1Prev;
-
- if (child1Prev) { child1Prev._iNext = child2; }
- if (child2Next) { child2Next._iPrev = child1; }
-
- if (child1.__renderGroup)
- {
- child1.__renderGroup.updateTexture(child1);
- }
-
- if (child2.__renderGroup)
- {
- child2.__renderGroup.updateTexture(child2);
- }
-
- return true;
- }
- else if (child2._iNext == child1)
- {
- // This is an upward (B to A) neighbour swap
- child1._iNext = child2;
- child1._iPrev = child2Prev;
- child2._iNext = child1Next;
- child2._iPrev = child1;
-
- if (child2Prev) { child2Prev._iNext = child1; }
- if (child1Next) { child1Next._iPrev = child2; }
-
- if (child1.__renderGroup)
- {
- child1.__renderGroup.updateTexture(child1);
- }
-
- if (child2.__renderGroup)
- {
- child2.__renderGroup.updateTexture(child2);
- }
-
- return true;
- }
- else
- {
- // Children are far apart
- child1._iNext = child2Next;
- child1._iPrev = child2Prev;
- child2._iNext = child1Next;
- child2._iPrev = child1Prev;
-
- if (child1Prev) { child1Prev._iNext = child2; }
- if (child1Next) { child1Next._iPrev = child2; }
- if (child2Prev) { child2Prev._iNext = child1; }
- if (child2Next) { child2Next._iPrev = child1; }
-
- if (child1.__renderGroup)
- {
- child1.__renderGroup.updateTexture(child1);
- }
-
- if (child2.__renderGroup)
- {
- child2.__renderGroup.updateTexture(child2);
- }
-
- return true;
- }
-
- return false;
-
- },
-
- /**
- * Brings the given child to the top of this Group so it renders above all other children.
- *
- * @method Phaser.Group#bringToTop
- * @param {*} child - The child to bring to the top of this Group.
- * @return {*} The child that was moved.
- */
- bringToTop: function (child) {
-
- if (child.group === this)
- {
- this.remove(child);
- this.add(child);
- }
-
- return child;
-
- },
-
- /**
- * Get the index position of the given child in this Group.
- *
- * @method Phaser.Group#getIndex
- * @param {*} child - The child to get the index for.
- * @return {number} The index of the child or -1 if it's not a member of this Group.
- */
- getIndex: function (child) {
-
- return this._container.children.indexOf(child);
-
- },
-
- /**
- * Replaces a child of this Group with the given newChild. The newChild cannot be a member of this Group.
- *
- * @method Phaser.Group#replace
- * @param {*} oldChild - The child in this Group that will be replaced.
- * @param {*} newChild - The child to be inserted into this group.
- */
- replace: function (oldChild, newChild) {
-
- if (!this._container.first._iNext)
- {
- return;
- }
-
- var index = this.getIndex(oldChild);
-
- if (index != -1)
- {
- if (newChild.parent != undefined)
- {
- newChild.events.onRemovedFromGroup.dispatch(newChild, this);
- newChild.parent.removeChild(newChild);
- }
-
- this._container.removeChild(oldChild);
- this._container.addChildAt(newChild, index);
-
- newChild.events.onAddedToGroup.dispatch(newChild, this);
- newChild.updateTransform();
-
- if (this.cursor == oldChild)
- {
- this.cursor = this._container._iNext;
- }
- }
-
- },
-
- /**
- * Sets the given property to the given value on the child. The operation controls the assignment of the value.
- *
- * @method Phaser.Group#setProperty
- * @param {*} child - The child to set the property value on.
- * @param {array} key - An array of strings that make up the property that will be set.
- * @param {*} value - The value that will be set.
- * @param {number} [operation=0] - Controls how the value is assigned. A value of 0 replaces the value with the new one. A value of 1 adds it, 2 subtracts it, 3 multiplies it and 4 divides it.
- */
- setProperty: function (child, key, value, operation) {
-
- operation = operation || 0;
-
- // As ugly as this approach looks, and although it's limited to a depth of only 4, it's extremely fast.
- // Much faster than a for loop or object iteration. There are no checks, so if the key isn't valid then it'll fail
- // but as you are likely to call this from inner loops that have to perform well, I'll take that trade off.
-
- // 0 = Equals
- // 1 = Add
- // 2 = Subtract
- // 3 = Multiply
- // 4 = Divide
-
- var len = key.length;
-
- if (len == 1)
- {
- if (operation == 0) { child[key[0]] = value; }
- else if (operation == 1) { child[key[0]] += value; }
- else if (operation == 2) { child[key[0]] -= value; }
- else if (operation == 3) { child[key[0]] *= value; }
- else if (operation == 4) { child[key[0]] /= value; }
- }
- else if (len == 2)
- {
- if (operation == 0) { child[key[0]][key[1]] = value; }
- else if (operation == 1) { child[key[0]][key[1]] += value; }
- else if (operation == 2) { child[key[0]][key[1]] -= value; }
- else if (operation == 3) { child[key[0]][key[1]] *= value; }
- else if (operation == 4) { child[key[0]][key[1]] /= value; }
- }
- else if (len == 3)
- {
- if (operation == 0) { child[key[0]][key[1]][key[2]] = value; }
- else if (operation == 1) { child[key[0]][key[1]][key[2]] += value; }
- else if (operation == 2) { child[key[0]][key[1]][key[2]] -= value; }
- else if (operation == 3) { child[key[0]][key[1]][key[2]] *= value; }
- else if (operation == 4) { child[key[0]][key[1]][key[2]] /= value; }
- }
- else if (len == 4)
- {
- if (operation == 0) { child[key[0]][key[1]][key[2]][key[3]] = value; }
- else if (operation == 1) { child[key[0]][key[1]][key[2]][key[3]] += value; }
- else if (operation == 2) { child[key[0]][key[1]][key[2]][key[3]] -= value; }
- else if (operation == 3) { child[key[0]][key[1]][key[2]][key[3]] *= value; }
- else if (operation == 4) { child[key[0]][key[1]][key[2]][key[3]] /= value; }
- }
- else
- {
- // TODO - Deep property scane
- }
-
- },
-
- /**
- * This function allows you to quickly set the same property across all children of this Group to a new value.
- * The operation parameter controls how the new value is assigned to the property, from simple replacement to addition and multiplication.
- *
- * @method Phaser.Group#setAll
- * @param {string} key - The property, as a string, to be set. For example: 'body.velocity.x'
- * @param {*} value - The value that will be set.
- * @param {boolean} [checkAlive=false] - If set then only children with alive=true will be updated.
- * @param {boolean} [checkVisible=false] - If set then only children with visible=true will be updated.
- * @param {number} [operation=0] - Controls how the value is assigned. A value of 0 replaces the value with the new one. A value of 1 adds it, 2 subtracts it, 3 multiplies it and 4 divides it.
- */
- setAll: function (key, value, checkAlive, checkVisible, operation) {
-
- key = key.split('.');
-
- if (typeof checkAlive === 'undefined') { checkAlive = false; }
- if (typeof checkVisible === 'undefined') { checkVisible = false; }
-
- operation = operation || 0;
-
- if (this._container.children.length > 0 && this._container.first._iNext)
- {
- var currentNode = this._container.first._iNext;
-
- do
- {
- if ((checkAlive == false || (checkAlive && currentNode.alive)) && (checkVisible == false || (checkVisible && currentNode.visible)))
- {
- this.setProperty(currentNode, key, value, operation);
- }
-
- currentNode = currentNode._iNext;
- }
- while (currentNode != this._container.last._iNext)
- }
-
- },
-
- /**
- * Adds the amount to the given property on all children in this Group.
- * Group.addAll('x', 10) will add 10 to the child.x value.
- *
- * @method Phaser.Group#addAll
- * @param {string} property - The property to increment, for example 'body.velocity.x' or 'angle'.
- * @param {number} amount - The amount to increment the property by. If child.x = 10 then addAll('x', 40) would make child.x = 50.
- * @param {boolean} checkAlive - If true the property will only be changed if the child is alive.
- * @param {boolean} checkVisible - If true the property will only be changed if the child is visible.
- */
- addAll: function (property, amount, checkAlive, checkVisible) {
-
- this.setAll(property, amount, checkAlive, checkVisible, 1);
-
- },
-
- /**
- * Subtracts the amount from the given property on all children in this Group.
- * Group.subAll('x', 10) will minus 10 from the child.x value.
- *
- * @method Phaser.Group#subAll
- * @param {string} property - The property to decrement, for example 'body.velocity.x' or 'angle'.
- * @param {number} amount - The amount to subtract from the property. If child.x = 50 then subAll('x', 40) would make child.x = 10.
- * @param {boolean} checkAlive - If true the property will only be changed if the child is alive.
- * @param {boolean} checkVisible - If true the property will only be changed if the child is visible.
- */
- subAll: function (property, amount, checkAlive, checkVisible) {
-
- this.setAll(property, amount, checkAlive, checkVisible, 2);
-
- },
-
- /**
- * Multiplies the given property by the amount on all children in this Group.
- * Group.multiplyAll('x', 2) will x2 the child.x value.
- *
- * @method Phaser.Group#multiplyAll
- * @param {string} property - The property to multiply, for example 'body.velocity.x' or 'angle'.
- * @param {number} amount - The amount to multiply the property by. If child.x = 10 then multiplyAll('x', 2) would make child.x = 20.
- * @param {boolean} checkAlive - If true the property will only be changed if the child is alive.
- * @param {boolean} checkVisible - If true the property will only be changed if the child is visible.
- */
- multiplyAll: function (property, amount, checkAlive, checkVisible) {
-
- this.setAll(property, amount, checkAlive, checkVisible, 3);
-
- },
-
- /**
- * Divides the given property by the amount on all children in this Group.
- * Group.divideAll('x', 2) will half the child.x value.
- *
- * @method Phaser.Group#divideAll
- * @param {string} property - The property to divide, for example 'body.velocity.x' or 'angle'.
- * @param {number} amount - The amount to divide the property by. If child.x = 100 then divideAll('x', 2) would make child.x = 50.
- * @param {boolean} checkAlive - If true the property will only be changed if the child is alive.
- * @param {boolean} checkVisible - If true the property will only be changed if the child is visible.
- */
- divideAll: function (property, amount, checkAlive, checkVisible) {
-
- this.setAll(property, amount, checkAlive, checkVisible, 4);
-
- },
-
- /**
- * Calls a function on all of the children that have exists=true in this Group.
- * After the existsValue parameter you can add as many parameters as you like, which will all be passed to the child callback.
- *
- * @method Phaser.Group#callAllExists
- * @param {function} callback - The function that exists on the children that will be called.
- * @param {boolean} existsValue - Only children with exists=existsValue will be called.
- * @param {...*} parameter - Additional parameters that will be passed to the callback.
- */
- callAllExists: function (callback, existsValue) {
-
- var args = Array.prototype.splice.call(arguments, 2);
-
- if (this._container.children.length > 0 && this._container.first._iNext)
- {
- var currentNode = this._container.first._iNext;
-
- do
- {
- if (currentNode.exists == existsValue && currentNode[callback])
- {
- currentNode[callback].apply(currentNode, args);
- }
-
- currentNode = currentNode._iNext;
- }
- while (currentNode != this._container.last._iNext)
-
- }
-
- },
-
- /**
- * Calls a function on all of the children that have exists=true in this Group.
- *
- * @method Phaser.Group#callbackFromArray
- * @param {object} child - The object to inspect.
- * @param {array} callback - The array of function names.
- * @param {number} length - The size of the array (pre-calculated in callAll).
- * @protected
- */
- callbackFromArray: function (child, callback, length) {
-
- // Kinda looks like a Christmas tree
-
- if (length == 1)
- {
- if (child[callback[0]])
- {
- return child[callback[0]];
- }
- }
- else if (length == 2)
- {
- if (child[callback[0]][callback[1]])
- {
- return child[callback[0]][callback[1]];
- }
- }
- else if (length == 3)
- {
- if (child[callback[0]][callback[1]][callback[2]])
- {
- return child[callback[0]][callback[1]][callback[2]];
- }
- }
- else if (length == 4)
- {
- if (child[callback[0]][callback[1]][callback[2]][callback[3]])
- {
- return child[callback[0]][callback[1]][callback[2]][callback[3]];
- }
- }
- else
- {
- if (child[callback])
- {
- return child[callback];
- }
- }
-
- return false;
-
- },
-
- /**
- * Calls a function on all of the children regardless if they are dead or alive (see callAllExists if you need control over that)
- * After the method parameter and context you can add as many extra parameters as you like, which will all be passed to the child.
- *
- * @method Phaser.Group#callAll
- * @param {string} method - A string containing the name of the function that will be called. The function must exist on the child.
- * @param {string} [context=''] - A string containing the context under which the method will be executed. Leave to '' to default to the child.
- * @param {...*} parameter - Additional parameters that will be passed to the method.
- */
- callAll: function (method, context) {
-
- if (typeof method === 'undefined')
- {
- return;
- }
-
- // Extract the method into an array
- method = method.split('.');
-
- var methodLength = method.length;
-
- if (typeof context === 'undefined')
- {
- context = null;
- }
- else
- {
- // Extract the context into an array
- if (typeof context === 'string')
- {
- context = context.split('.');
- var contextLength = context.length;
- }
- }
-
- var args = Array.prototype.splice.call(arguments, 2);
- var callback = null;
-
- if (this._container.children.length > 0 && this._container.first._iNext)
- {
- var child = this._container.first._iNext;
-
- do
- {
- callback = this.callbackFromArray(child, method, methodLength);
-
- if (context && callback)
- {
- callbackContext = this.callbackFromArray(child, context, contextLength);
-
- if (callback)
- {
- callback.apply(callbackContext, args);
- }
- }
- else if (callback)
- {
- callback.apply(child, args);
- }
-
- child = child._iNext;
- }
- while (child != this._container.last._iNext)
-
- }
-
- },
-
- /**
- * Allows you to call your own function on each member of this Group. You must pass the callback and context in which it will run.
- * After the checkExists parameter you can add as many parameters as you like, which will all be passed to the callback along with the child.
- * For example: Group.forEach(awardBonusGold, this, true, 100, 500)
- *
- * @method Phaser.Group#forEach
- * @param {function} callback - The function that will be called. Each child of the Group will be passed to it as its first parameter.
- * @param {Object} callbackContext - The context in which the function should be called (usually 'this').
- * @param {boolean} checkExists - If set only children with exists=true will be passed to the callback, otherwise all children will be passed.
- */
- forEach: function (callback, callbackContext, checkExists) {
-
- if (typeof checkExists === 'undefined')
- {
- checkExists = false;
- }
-
- var args = Array.prototype.splice.call(arguments, 3);
- args.unshift(null);
-
- if (this._container.children.length > 0 && this._container.first._iNext)
- {
- var currentNode = this._container.first._iNext;
-
- do
- {
- if (checkExists == false || (checkExists && currentNode.exists))
- {
- args[0] = currentNode;
- callback.apply(callbackContext, args);
- }
-
- currentNode = currentNode._iNext;
- }
- while (currentNode != this._container.last._iNext);
-
- }
-
- },
-
- /**
- * Allows you to call your own function on each alive member of this Group (where child.alive=true). You must pass the callback and context in which it will run.
- * You can add as many parameters as you like, which will all be passed to the callback along with the child.
- * For example: Group.forEachAlive(causeDamage, this, 500)
- *
- * @method Phaser.Group#forEachAlive
- * @param {function} callback - The function that will be called. Each child of the Group will be passed to it as its first parameter.
- * @param {Object} callbackContext - The context in which the function should be called (usually 'this').
- */
- forEachExists: function (callback, callbackContext) {
-
- var args = Array.prototype.splice.call(arguments, 2);
- args.unshift(null);
-
- this.iterate('exists', true, Phaser.Group.RETURN_TOTAL, callback, callbackContext, args);
-
- },
-
- /**
- * Allows you to call your own function on each alive member of this Group (where child.alive=true). You must pass the callback and context in which it will run.
- * You can add as many parameters as you like, which will all be passed to the callback along with the child.
- * For example: Group.forEachAlive(causeDamage, this, 500)
- *
- * @method Phaser.Group#forEachAlive
- * @param {function} callback - The function that will be called. Each child of the Group will be passed to it as its first parameter.
- * @param {Object} callbackContext - The context in which the function should be called (usually 'this').
- */
- forEachAlive: function (callback, callbackContext) {
-
- var args = Array.prototype.splice.call(arguments, 2);
- args.unshift(null);
-
- this.iterate('alive', true, Phaser.Group.RETURN_TOTAL, callback, callbackContext, args);
-
- },
-
- /**
- * Allows you to call your own function on each dead member of this Group (where alive=false). You must pass the callback and context in which it will run.
- * You can add as many parameters as you like, which will all be passed to the callback along with the child.
- * For example: Group.forEachDead(bringToLife, this)
- *
- * @method Phaser.Group#forEachDead
- * @param {function} callback - The function that will be called. Each child of the Group will be passed to it as its first parameter.
- * @param {Object} callbackContext - The context in which the function should be called (usually 'this').
- */
- forEachDead: function (callback, callbackContext) {
-
- var args = Array.prototype.splice.call(arguments, 2);
- args.unshift(null);
-
- this.iterate('alive', false, Phaser.Group.RETURN_TOTAL, callback, callbackContext, args);
-
- },
-
- /**
- * Call this function to sort the group according to a particular value and order.
- * For example to depth sort Sprites for Zelda-style game you might call `group.sort('y', Phaser.Group.SORT_ASCENDING)` at the bottom of your `State.update()`.
- *
- * @method Phaser.Group#sort
- * @param {string} [index='y'] - The `string` name of the property you want to sort on.
- * @param {number} [order=Phaser.Group.SORT_ASCENDING] - The `Group` constant that defines the sort order. Possible values are Phaser.Group.SORT_ASCENDING and Phaser.Group.SORT_DESCENDING.
- */
- sort: function (index, order) {
-
- if (typeof index === 'undefined') { index = 'y'; }
- if (typeof order === 'undefined') { order = Phaser.Group.SORT_ASCENDING; }
-
- var swapped;
- var temp;
-
- do {
-
- swapped = false;
-
- for (var i = 0, len = this._container.children.length - 1; i < len; i++)
- {
- if (order == Phaser.Group.SORT_ASCENDING)
- {
- if (this._container.children[i][index] > this._container.children[i + 1][index])
- {
- this.swap(this.getAt(i), this.getAt(i + 1));
- temp = this._container.children[i];
- this._container.children[i] = this._container.children[i + 1];
- this._container.children[i + 1] = temp;
- swapped = true;
- }
- }
- else
- {
- if (this._container.children[i][index] < this._container.children[i + 1][index])
- {
- this.swap(this.getAt(i), this.getAt(i + 1));
- temp = this._container.children[i];
- this._container.children[i] = this._container.children[i + 1];
- this._container.children[i + 1] = temp;
- swapped = true;
- }
- }
- }
- } while (swapped);
-
- },
-
- /**
- * Iterates over the children of the Group. When a child has a property matching key that equals the given value, it is considered as a match.
- * Matched children can be sent to the optional callback, or simply returned or counted.
- * You can add as many callback parameters as you like, which will all be passed to the callback along with the child, after the callbackContext parameter.
- *
- * @method Phaser.Group#iterate
- * @param {string} key - The child property to check, i.e. 'exists', 'alive', 'health'
- * @param {any} value - If child.key === this value it will be considered a match. Note that a strict comparison is used.
- * @param {number} returnType - How to return the data from this method. Either Phaser.Group.RETURN_NONE, Phaser.Group.RETURN_TOTAL or Phaser.Group.RETURN_CHILD.
- * @param {function} [callback=null] - Optional function that will be called on each matching child. Each child of the Group will be passed to it as its first parameter.
- * @param {Object} [callbackContext] - The context in which the function should be called (usually 'this').
- */
- iterate: function (key, value, returnType, callback, callbackContext, args) {
-
- if (returnType == Phaser.Group.RETURN_TOTAL && this._container.children.length == 0)
- {
- return -1;
- }
-
- if (typeof callback === 'undefined')
- {
- callback = false;
- }
-
- var total = 0;
-
- if (this._container.children.length > 0 && this._container.first._iNext)
- {
- var currentNode = this._container.first._iNext;
-
- do
- {
- if (currentNode[key] === value)
- {
- total++;
-
- if (callback)
- {
- args[0] = currentNode;
- callback.apply(callbackContext, args);
- }
-
- if (returnType == Phaser.Group.RETURN_CHILD)
- {
- return currentNode;
- }
- }
-
- currentNode = currentNode._iNext;
- }
- while (currentNode != this._container.last._iNext);
- }
-
- if (returnType == Phaser.Group.RETURN_TOTAL)
- {
- return total;
- }
- else if (returnType == Phaser.Group.RETURN_CHILD)
- {
- return null;
- }
-
- },
-
- /**
- * Call this function to retrieve the first object with exists == (the given state) in the Group.
- *
- * @method Phaser.Group#getFirstExists
- * @param {boolean} state - True or false.
- * @return {Any} The first child, or null if none found.
- */
- getFirstExists: function (state) {
-
- if (typeof state !== 'boolean')
- {
- state = true;
- }
-
- return this.iterate('exists', state, Phaser.Group.RETURN_CHILD);
-
- },
-
- /**
- * Call this function to retrieve the first object with alive == true in the group.
- * This is handy for checking if everything has been wiped out, or choosing a squad leader, etc.
- *
- * @method Phaser.Group#getFirstAlive
- * @return {Any} The first alive child, or null if none found.
- */
- getFirstAlive: function () {
-
- return this.iterate('alive', true, Phaser.Group.RETURN_CHILD);
-
- },
-
- /**
- * Call this function to retrieve the first object with alive == false in the group.
- * This is handy for checking if everything has been wiped out, or choosing a squad leader, etc.
- *
- * @method Phaser.Group#getFirstDead
- * @return {Any} The first dead child, or null if none found.
- */
- getFirstDead: function () {
-
- return this.iterate('alive', false, Phaser.Group.RETURN_CHILD);
-
- },
-
- /**
- * Call this function to find out how many members of the group are alive.
- *
- * @method Phaser.Group#countLiving
- * @return {number} The number of children flagged as alive. Returns -1 if Group is empty.
- */
- countLiving: function () {
-
- return this.iterate('alive', true, Phaser.Group.RETURN_TOTAL);
-
- },
-
- /**
- * Call this function to find out how many members of the group are dead.
- *
- * @method Phaser.Group#countDead
- * @return {number} The number of children flagged as dead. Returns -1 if Group is empty.
- */
- countDead: function () {
-
- return this.iterate('alive', false, Phaser.Group.RETURN_TOTAL);
-
- },
-
- /**
- * Returns a member at random from the group.
- *
- * @method Phaser.Group#getRandom
- * @param {number} startIndex - Optional offset off the front of the array. Default value is 0, or the beginning of the array.
- * @param {number} length - Optional restriction on the number of values you want to randomly select from.
- * @return {Any} A random child of this Group.
- */
- getRandom: function (startIndex, length) {
-
- if (this._container.children.length == 0)
- {
- return null;
- }
-
- startIndex = startIndex || 0;
- length = length || this._container.children.length;
-
- return this.game.math.getRandom(this._container.children, startIndex, length);
-
- },
-
- /**
- * Removes the given child from this Group and sets its group property to null.
- *
- * @method Phaser.Group#remove
- * @param {Any} child - The child to remove.
- */
- remove: function (child) {
-
- if (child.events)
- {
- child.events.onRemovedFromGroup.dispatch(child, this);
- }
-
- this._container.removeChild(child);
-
- if (this.cursor == child)
- {
- if (this._container._iNext)
- {
- this.cursor = this._container._iNext;
- }
- else
- {
- this.cursor = null;
- }
- }
-
- child.group = null;
-
- },
-
- /**
- * Removes all children from this Group, setting all group properties to null.
- * The Group container remains on the display list.
- *
- * @method Phaser.Group#removeAll
- */
- removeAll: function () {
-
- if (this._container.children.length == 0)
- {
- return;
- }
-
- do
- {
- if (this._container.children[0].events)
- {
- this._container.children[0].events.onRemovedFromGroup.dispatch(this._container.children[0], this);
- }
- this._container.removeChild(this._container.children[0]);
- }
- while (this._container.children.length > 0);
-
- this.cursor = null;
-
- },
-
- /**
- * Removes all children from this Group whos index falls beteen the given startIndex and endIndex values.
- *
- * @method Phaser.Group#removeBetween
- * @param {number} startIndex - The index to start removing children from.
- * @param {number} endIndex - The index to stop removing children from. Must be higher than startIndex and less than the length of the Group.
- */
- removeBetween: function (startIndex, endIndex) {
-
- if (this._container.children.length == 0)
- {
- return;
- }
-
- if (startIndex > endIndex || startIndex < 0 || endIndex > this._container.children.length)
- {
- return false;
- }
-
- for (var i = startIndex; i < endIndex; i++)
- {
- var child = this._container.children[i];
- child.events.onRemovedFromGroup.dispatch(child, this);
- this._container.removeChild(child);
-
- if (this.cursor == child)
- {
- if (this._container._iNext)
- {
- this.cursor = this._container._iNext;
- }
- else
- {
- this.cursor = null;
- }
- }
- }
-
- },
-
- /**
- * Destroys this Group. Removes all children, then removes the container from the display list and nulls references.
- *
- * @method Phaser.Group#destroy
- */
- destroy: function () {
-
- this.removeAll();
-
- this._container.parent.removeChild(this._container);
-
- this._container = null;
-
- this.game = null;
-
- this.exists = false;
-
- this.cursor = null;
-
- },
-
- validate: function () {
-
- var testObject = this.game.stage._stage.last._iNext;
- var displayObject = this.game.stage._stage;
- var nextObject = null;
- var prevObject = null;
- var count = 0;
-
- do
- {
- if (count > 0)
- {
- // check next
- if (displayObject !== nextObject)
- {
- console.log('check next fail');
- return false;
- }
-
- // check previous
- if (displayObject._iPrev !== prevObject)
- {
- console.log('check previous fail');
- return false;
- }
- }
-
- // Set the next object
- nextObject = displayObject._iNext;
- prevObject = displayObject;
-
- displayObject = displayObject._iNext;
-
- count++;
-
- }
- while(displayObject != testObject)
-
- return true;
-
- },
-
- /**
- * Dumps out a list of Group children and their index positions to the browser console. Useful for group debugging.
- *
- * @method Phaser.Group#dump
- * @param {boolean} [full=false] - If full the dump will include the entire display list, start from the Stage. Otherwise it will only include this container.
- */
- dump: function (full) {
-
- if (typeof full == 'undefined')
- {
- full = false;
- }
-
- var spacing = 20;
- var output = "\n" + Phaser.Utils.pad('Node', spacing) + "|" + Phaser.Utils.pad('Next', spacing) + "|" + Phaser.Utils.pad('Previous', spacing) + "|" + Phaser.Utils.pad('First', spacing) + "|" + Phaser.Utils.pad('Last', spacing);
-
- console.log(output);
-
- var output = Phaser.Utils.pad('----------', spacing) + "|" + Phaser.Utils.pad('----------', spacing) + "|" + Phaser.Utils.pad('----------', spacing) + "|" + Phaser.Utils.pad('----------', spacing) + "|" + Phaser.Utils.pad('----------', spacing);
- console.log(output);
-
- if (full)
- {
- var testObject = this.game.stage._stage.last._iNext;
- var displayObject = this.game.stage._stage;
- }
- else
- {
- var testObject = this._container.last._iNext;
- var displayObject = this._container;
- }
-
- do
- {
- var name = displayObject.name || '*';
-
- if (this.cursor == displayObject)
- {
- var name = '> ' + name;
- }
-
- var nameNext = '-';
- var namePrev = '-';
- var nameFirst = '-';
- var nameLast = '-';
-
- if (displayObject._iNext)
- {
- nameNext = displayObject._iNext.name;
- }
-
- if (displayObject._iPrev)
- {
- namePrev = displayObject._iPrev.name;
- }
-
- if (displayObject.first)
- {
- nameFirst = displayObject.first.name;
- }
-
- if (displayObject.last)
- {
- nameLast = displayObject.last.name;
- }
-
- if (typeof nameNext === 'undefined')
- {
- nameNext = '-';
- }
-
- if (typeof namePrev === 'undefined')
- {
- namePrev = '-';
- }
-
- if (typeof nameFirst === 'undefined')
- {
- nameFirst = '-';
- }
-
- if (typeof nameLast === 'undefined')
- {
- nameLast = '-';
- }
-
- var output = Phaser.Utils.pad(name, spacing) + "|" + Phaser.Utils.pad(nameNext, spacing) + "|" + Phaser.Utils.pad(namePrev, spacing) + "|" + Phaser.Utils.pad(nameFirst, spacing) + "|" + Phaser.Utils.pad(nameLast, spacing);
- console.log(output);
-
- displayObject = displayObject._iNext;
-
- }
- while(displayObject != testObject)
-
- }
-
-};
-
-/**
-* @name Phaser.Group#total
-* @property {number} total - The total number of children in this Group, regardless of their alive state.
-* @readonly
-*/
-Object.defineProperty(Phaser.Group.prototype, "total", {
-
- get: function () {
- return this.iterate('exists', true, Phaser.Group.RETURN_TOTAL);
- // return this._container.children.length;
- }
-
-});
-
-/**
-* @name Phaser.Group#length
-* @property {number} length - The number of children in this Group.
-* @readonly
-*/
-Object.defineProperty(Phaser.Group.prototype, "length", {
-
- get: function () {
- return this.iterate('exists', true, Phaser.Group.RETURN_TOTAL);
- // return this._container.children.length;
- }
-
-});
-
-/**
-* The x coordinate of the Group container. You can adjust the Group container itself by modifying its coordinates.
-* This will have no impact on the x/y coordinates of its children, but it will update their worldTransform and on-screen position.
-* @name Phaser.Group#x
-* @property {number} x - The x coordinate of the Group container.
-*/
-Object.defineProperty(Phaser.Group.prototype, "x", {
-
- get: function () {
- return this._container.position.x;
- },
-
- set: function (value) {
- this._container.position.x = value;
- }
-
-});
-
-/**
-* The y coordinate of the Group container. You can adjust the Group container itself by modifying its coordinates.
-* This will have no impact on the x/y coordinates of its children, but it will update their worldTransform and on-screen position.
-* @name Phaser.Group#y
-* @property {number} y - The y coordinate of the Group container.
-*/
-Object.defineProperty(Phaser.Group.prototype, "y", {
-
- get: function () {
- return this._container.position.y;
- },
-
- set: function (value) {
- this._container.position.y = value;
- }
-
-});
-
-/**
-* The angle of rotation of the Group container. This will adjust the Group container itself by modifying its rotation.
-* This will have no impact on the rotation value of its children, but it will update their worldTransform and on-screen position.
-* @name Phaser.Group#angle
-* @property {number} angle - The angle of rotation given in degrees, where 0 degrees = to the right.
-*/
-Object.defineProperty(Phaser.Group.prototype, "angle", {
-
- get: function() {
- return Phaser.Math.radToDeg(this._container.rotation);
- },
-
- set: function(value) {
- this._container.rotation = Phaser.Math.degToRad(value);
- }
-
-});
-
-/**
-* The angle of rotation of the Group container. This will adjust the Group container itself by modifying its rotation.
-* This will have no impact on the rotation value of its children, but it will update their worldTransform and on-screen position.
-* @name Phaser.Group#rotation
-* @property {number} rotation - The angle of rotation given in radians.
-*/
-Object.defineProperty(Phaser.Group.prototype, "rotation", {
-
- get: function () {
- return this._container.rotation;
- },
-
- set: function (value) {
- this._container.rotation = value;
- }
-
-});
-
-/**
-* @name Phaser.Group#visible
-* @property {boolean} visible - The visible state of the Group. Non-visible Groups and all of their children are not rendered.
-*/
-Object.defineProperty(Phaser.Group.prototype, "visible", {
-
- get: function () {
- return this._container.visible;
- },
-
- set: function (value) {
- this._container.visible = value;
- }
-
-});
-
-/**
-* @name Phaser.Group#alpha
-* @property {number} alpha - The alpha value of the Group container.
-*/
-Object.defineProperty(Phaser.Group.prototype, "alpha", {
-
- get: function () {
- return this._container.alpha;
- },
-
- set: function (value) {
- this._container.alpha = value;
- }
-
-});
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* "This world is but a canvas to our imagination." - Henry David Thoreau
-*
-* A game has only one world. The world is an abstract place in which all game objects live. It is not bound
-* by stage limits and can be any size. You look into the world via cameras. All game objects live within
-* the world at world-based coordinates. By default a world is created the same size as your Stage.
-*
-* @class Phaser.World
-* @constructor
-* @param {Phaser.Game} game - Reference to the current game instance.
-*/
-Phaser.World = function (game) {
-
- Phaser.Group.call(this, game, null, '__world', false);
-
- /**
- * @property {Phaser.Point} scale - Replaces the PIXI.Point with a slightly more flexible one.
- */
- this.scale = new Phaser.Point(1, 1);
-
- /**
- * The World has no fixed size, but it does have a bounds outside of which objects are no longer considered as being "in world" and you should use this to clean-up the display list and purge dead objects.
- * By default we set the Bounds to be from 0,0 to Game.width,Game.height. I.e. it will match the size given to the game constructor with 0,0 representing the top-left of the display.
- * However 0,0 is actually the center of the world, and if you rotate or scale the world all of that will happen from 0,0.
- * So if you want to make a game in which the world itself will rotate you should adjust the bounds so that 0,0 is the center point, i.e. set them to -1000,-1000,2000,2000 for a 2000x2000 sized world centered around 0,0.
- * @property {Phaser.Rectangle} bounds - Bound of this world that objects can not escape from.
- */
- this.bounds = new Phaser.Rectangle(0, 0, game.width, game.height);
-
- /**
- * @property {Phaser.Camera} camera - Camera instance.
- */
- this.camera = null;
-
- /**
- * @property {number} currentRenderOrderID - Reset each frame, keeps a count of the total number of objects updated.
- */
- this.currentRenderOrderID = 0;
-
-};
-
-Phaser.World.prototype = Object.create(Phaser.Group.prototype);
-Phaser.World.prototype.constructor = Phaser.World;
-
-/**
-* Initialises the game world.
-*
-* @method Phaser.World#boot
-* @protected
-*/
-Phaser.World.prototype.boot = function () {
-
- this.camera = new Phaser.Camera(this.game, 0, 0, 0, this.game.width, this.game.height);
-
- this.camera.displayObject = this._container;
-
- this.game.camera = this.camera;
-
-}
-
-/**
-* This is called automatically every frame, and is where main logic happens.
-*
-* @method Phaser.World#update
-*/
-Phaser.World.prototype.update = function () {
-
- this.currentRenderOrderID = 0;
-
- if (this.game.stage._stage.first._iNext)
- {
- var currentNode = this.game.stage._stage.first._iNext;
- var skipChildren;
-
- do
- {
- skipChildren = false;
-
- if (currentNode['preUpdate'])
- {
- skipChildren = (currentNode.preUpdate() === false);
- }
-
- if (currentNode['update'])
- {
- skipChildren = (currentNode.update() === false) || skipChildren;
- }
-
- if (skipChildren)
- {
- currentNode = currentNode.last._iNext;
- }
- else
- {
- currentNode = currentNode._iNext;
- }
-
- }
- while (currentNode != this.game.stage._stage.last._iNext)
- }
-
-}
-
-/**
-* This is called automatically every frame, and is where main logic happens.
-* @method Phaser.World#postUpdate
-*/
-Phaser.World.prototype.postUpdate = function () {
-
- this.camera.update();
-
- if (this.game.stage._stage.first._iNext)
- {
- var currentNode = this.game.stage._stage.first._iNext;
-
- do
- {
- if (currentNode['postUpdate'])
- {
- currentNode.postUpdate();
- }
-
- currentNode = currentNode._iNext;
- }
- while (currentNode != this.game.stage._stage.last._iNext)
- }
-
-}
-
-/**
-* Updates the size of this world. Note that this doesn't modify the world x/y coordinates, just the width and height.
-* If you need to adjust the bounds of the world
-* @method Phaser.World#setBounds
-* @param {number} x - Top left most corner of the world.
-* @param {number} y - Top left most corner of the world.
-* @param {number} width - New width of the world.
-* @param {number} height - New height of the world.
-*/
-Phaser.World.prototype.setBounds = function (x, y, width, height) {
-
- this.bounds.setTo(x, y, width, height);
-
- if (this.camera.bounds)
- {
- this.camera.bounds.setTo(x, y, width, height);
- }
-
-}
-
-/**
-* Destroyer of worlds.
-* @method Phaser.World#destroy
-*/
-Phaser.World.prototype.destroy = function () {
-
- this.camera.x = 0;
- this.camera.y = 0;
-
- this.game.input.reset(true);
-
- this.removeAll();
-
-}
-
-/**
-* @name Phaser.World#width
-* @property {number} width - Gets or sets the current width of the game world.
-*/
-Object.defineProperty(Phaser.World.prototype, "width", {
-
- get: function () {
- return this.bounds.width;
- },
-
- set: function (value) {
- this.bounds.width = value;
- }
-
-});
-
-/**
-* @name Phaser.World#height
-* @property {number} height - Gets or sets the current height of the game world.
-*/
-Object.defineProperty(Phaser.World.prototype, "height", {
-
- get: function () {
- return this.bounds.height;
- },
-
- set: function (value) {
- this.bounds.height = value;
- }
-
-});
-
-/**
-* @name Phaser.World#centerX
-* @property {number} centerX - Gets the X position corresponding to the center point of the world.
-* @readonly
-*/
-Object.defineProperty(Phaser.World.prototype, "centerX", {
-
- get: function () {
- return this.bounds.halfWidth;
- }
-
-});
-
-/**
-* @name Phaser.World#centerY
-* @property {number} centerY - Gets the Y position corresponding to the center point of the world.
-* @readonly
-*/
-Object.defineProperty(Phaser.World.prototype, "centerY", {
-
- get: function () {
- return this.bounds.halfHeight;
- }
-
-});
-
-/**
-* @name Phaser.World#randomX
-* @property {number} randomX - Gets a random integer which is lesser than or equal to the current width of the game world.
-* @readonly
-*/
-Object.defineProperty(Phaser.World.prototype, "randomX", {
-
- get: function () {
-
- if (this.bounds.x < 0)
- {
- return this.game.rnd.integerInRange(this.bounds.x, (this.bounds.width - Math.abs(this.bounds.x)));
- }
- else
- {
- return this.game.rnd.integerInRange(this.bounds.x, this.bounds.width);
- }
-
- }
-
-});
-
-/**
-* @name Phaser.World#randomY
-* @property {number} randomY - Gets a random integer which is lesser than or equal to the current height of the game world.
-* @readonly
-*/
-Object.defineProperty(Phaser.World.prototype, "randomY", {
-
- get: function () {
-
- if (this.bounds.y < 0)
- {
- return this.game.rnd.integerInRange(this.bounds.y, (this.bounds.height - Math.abs(this.bounds.y)));
- }
- else
- {
- return this.game.rnd.integerInRange(this.bounds.y, this.bounds.height);
- }
-
- }
-
-});
-
-/**
-* @name Phaser.World#visible
-* @property {boolean} visible - Gets or sets the visible state of the World.
-*/
-Object.defineProperty(Phaser.World.prototype, "visible", {
-
- get: function () {
- return this._container.visible;
- },
-
- set: function (value) {
- this._container.visible = value;
- }
-
-});
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Game constructor
-*
-* Instantiate a new Phaser.Game object.
-* @class Phaser.Game
-* @classdesc 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
-* @constructor
-* @param {number} [width=800] - The width of your game in game pixels.
-* @param {number} [height=600] - The height of your game in game pixels.
-* @param {number} [renderer=Phaser.AUTO] - Which renderer to use (canvas or webgl)
-* @param {HTMLElement} [parent=''] - The Games DOM parent.
-* @param {any} [state=null] - Description.
-* @param {boolean} [transparent=false] - Use a transparent canvas background or not.
-* @param {boolean} [antialias=true] - Anti-alias graphics.
-*/
-Phaser.Game = function (width, height, renderer, parent, state, transparent, antialias) {
-
- width = width || 800;
- height = height || 600;
- renderer = renderer || Phaser.AUTO;
- parent = parent || '';
- state = state || null;
-
- if (typeof transparent == 'undefined') { transparent = false; }
- if (typeof antialias == 'undefined') { antialias = true; }
-
- /**
- * @property {number} id - Phaser Game ID (for when Pixi supports multiple instances).
- */
- this.id = Phaser.GAMES.push(this) - 1;
-
- /**
- * @property {HTMLElement} parent - The Games DOM parent.
- */
- 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?
-
- /**
- * @property {number} width - The Game width (in pixels).
- */
- this.width = width;
-
- /**
- * @property {number} height - The Game height (in pixels).
- */
- this.height = height;
-
- /**
- * @property {boolean} transparent - Use a transparent canvas background or not.
- */
- this.transparent = transparent;
-
- /**
- * @property {boolean} antialias - Anti-alias graphics (in WebGL this helps with edges, in Canvas2D it retains pixel-art quality).
- */
- this.antialias = antialias;
-
- /**
- * @property {number} renderer - The Pixi Renderer
- * @default
- */
- this.renderer = null;
-
- /**
- * @property {number} state - The StateManager.
- */
- this.state = new Phaser.StateManager(this, state);
-
- /**
- * @property {boolean} _paused - Is game paused?
- * @private
- * @default
- */
- this._paused = false;
-
- /**
- * @property {number} renderType - The Renderer this Phaser.Game will use. Either Phaser.RENDERER_AUTO, Phaser.RENDERER_CANVAS or Phaser.RENDERER_WEBGL.
- */
- this.renderType = renderer;
-
- /**
- * @property {boolean} _loadComplete - Whether load complete loading or not.
- * @private
- * @default
- */
- this._loadComplete = false;
-
- /**
- * @property {boolean} isBooted - Whether the game engine is booted, aka available.
- * @default
- */
- this.isBooted = false;
-
- /**
- * @property {boolean} id -Is game running or paused?
- * @default
- */
- this.isRunning = false;
-
- /**
- * @property {Phaser.RequestAnimationFrame} raf - Automatically handles the core game loop via requestAnimationFrame or setTimeout
- * @default
- */
- this.raf = null;
-
- /**
- * @property {Phaser.GameObjectFactory} add - Reference to the GameObject Factory.
- * @default
- */
- this.add = null;
-
- /**
- * @property {Phaser.Cache} cache - Reference to the assets cache.
- * @default
- */
- this.cache = null;
-
- /**
- * @property {Phaser.Input} input - Reference to the input manager
- * @default
- */
- this.input = null;
-
- /**
- * @property {Phaser.Loader} load - Reference to the assets loader.
- * @default
- */
- this.load = null;
-
- /**
- * @property {Phaser.Math} math - Reference to the math helper.
- * @default
- */
- this.math = null;
-
- /**
- * @property {Phaser.Net} net - Reference to the network class.
- * @default
- */
- this.net = null;
-
- /**
- * @property {Phaser.SoundManager} sound - Reference to the sound manager.
- * @default
- */
- this.sound = null;
-
- /**
- * @property {Phaser.Stage} stage - Reference to the stage.
- * @default
- */
- this.stage = null;
-
- /**
- * @property {Phaser.TimeManager} time - Reference to game clock.
- * @default
- */
- this.time = null;
-
- /**
- * @property {Phaser.TweenManager} tweens - Reference to the tween manager.
- * @default
- */
- this.tweens = null;
-
- /**
- * @property {Phaser.World} world - Reference to the world.
- * @default
- */
- this.world = null;
-
- /**
- * @property {Phaser.Physics.PhysicsManager} physics - Reference to the physics manager.
- * @default
- */
- this.physics = null;
-
- /**
- * @property {Phaser.RandomDataGenerator} rnd - Instance of repeatable random data generator helper.
- * @default
- */
- this.rnd = null;
-
- /**
- * @property {Phaser.Device} device - Contains device information and capabilities.
- * @default
- */
- this.device = null;
-
- /**
- * @property {Phaser.Physics.PhysicsManager} camera - A handy reference to world.camera.
- * @default
- */
- this.camera = null;
-
- /**
- * @property {HTMLCanvasElement} canvas - A handy reference to renderer.view.
- * @default
- */
- this.canvas = null;
-
- /**
- * @property {Context} context - A handy reference to renderer.context (only set for CANVAS games)
- * @default
- */
- this.context = null;
-
- /**
- * @property {Phaser.Utils.Debug} debug - A set of useful debug utilitie.
- * @default
- */
- this.debug = null;
-
- /**
- * @property {Phaser.Particles} particles - The Particle Manager.
- * @default
- */
- this.particles = null;
-
- var _this = this;
-
- this._onBoot = function () {
- return _this.boot();
- }
-
- if (document.readyState === 'complete' || document.readyState === 'interactive')
- {
- window.setTimeout(this._onBoot, 0);
- }
- else
- {
- document.addEventListener('DOMContentLoaded', this._onBoot, false);
- window.addEventListener('load', this._onBoot, false);
- }
-
- return this;
-
-};
-
-Phaser.Game.prototype = {
-
- /**
- * Initialize engine sub modules and start the game.
- *
- * @method Phaser.Game#boot
- * @protected
- */
- boot: function () {
-
- if (this.isBooted)
- {
- return;
- }
-
- if (!document.body)
- {
- window.setTimeout(this._onBoot, 20);
- }
- else
- {
- document.removeEventListener('DOMContentLoaded', this._onBoot);
- window.removeEventListener('load', this._onBoot);
-
- this.onPause = new Phaser.Signal;
- this.onResume = new Phaser.Signal;
-
- this.isBooted = true;
-
- this.device = new Phaser.Device();
- this.math = Phaser.Math;
- this.rnd = new Phaser.RandomDataGenerator([(Date.now() * Math.random()).toString()]);
-
- this.stage = new Phaser.Stage(this, this.width, this.height);
-
- this.setUpRenderer();
-
- this.world = new Phaser.World(this);
- this.add = new Phaser.GameObjectFactory(this);
- this.cache = new Phaser.Cache(this);
- this.load = new Phaser.Loader(this);
- this.time = new Phaser.Time(this);
- this.tweens = new Phaser.TweenManager(this);
- this.input = new Phaser.Input(this);
- this.sound = new Phaser.SoundManager(this);
- this.physics = new Phaser.Physics.Arcade(this);
- this.particles = new Phaser.Particles(this);
- this.plugins = new Phaser.PluginManager(this, this);
- this.net = new Phaser.Net(this);
- this.debug = new Phaser.Utils.Debug(this);
-
- this.stage.boot();
- this.world.boot();
- this.input.boot();
- this.sound.boot();
- this.state.boot();
-
- this.load.onLoadComplete.add(this.loadComplete, this);
-
- this.showDebugHeader();
-
- this.isRunning = true;
- this._loadComplete = false;
-
- this.raf = new Phaser.RequestAnimationFrame(this);
- this.raf.start();
-
- }
-
- },
-
- /**
- * Displays a Phaser version debug header in the console.
- *
- * @method Phaser.Game#showDebugHeader
- * @protected
- */
- showDebugHeader: function () {
-
- var v = Phaser.DEV_VERSION;
- var r = 'Canvas';
- var a = 'HTML Audio';
-
- if (this.renderType == Phaser.WEBGL)
- {
- r = 'WebGL';
- }
-
- if (this.device.webAudio)
- {
- a = 'WebAudio';
- }
-
- if (this.device.chrome)
- {
- var args = [
- '%c %c %c Phaser v' + v + ' - Renderer: ' + r + ' - Audio: ' + a + ' %c %c ',
- 'background: #00bff3',
- 'background: #0072bc',
- 'color: #ffffff; background: #003471',
- 'background: #0072bc',
- 'background: #00bff3'
- ];
-
- console.log.apply(console, args);
- }
- else
- {
- console.log('Phaser v' + v + ' - Renderer: ' + r + ' - Audio: ' + a);
- }
-
- },
-
- /**
- * Checks if the device is capable of using the requested renderer and sets it up or an alternative if not.
- *
- * @method Phaser.Game#setUpRenderer
- * @protected
- */
- setUpRenderer: function () {
-
- if (this.renderType === Phaser.CANVAS || (this.renderType === Phaser.AUTO && this.device.webGL == false))
- {
- if (this.device.canvas)
- {
- this.renderType = Phaser.CANVAS;
- this.renderer = new PIXI.CanvasRenderer(this.width, this.height, this.stage.canvas, this.transparent);
- Phaser.Canvas.setSmoothingEnabled(this.renderer.context, this.antialias);
- this.canvas = this.renderer.view;
- this.context = this.renderer.context;
- }
- else
- {
- throw new Error('Phaser.Game - cannot create Canvas or WebGL context, aborting.');
- }
- }
- else
- {
- // They requested WebGL, and their browser supports it
- this.renderType = Phaser.WEBGL;
- this.renderer = new PIXI.WebGLRenderer(this.width, this.height, this.stage.canvas, this.transparent, this.antialias);
- this.canvas = this.renderer.view;
- this.context = null;
- }
-
- Phaser.Canvas.addToDOM(this.renderer.view, this.parent, true);
- Phaser.Canvas.setTouchAction(this.renderer.view);
-
- },
-
- /**
- * Called when the load has finished, after preload was run.
- *
- * @method Phaser.Game#loadComplete
- * @protected
- */
- loadComplete: function () {
-
- this._loadComplete = true;
-
- this.state.loadComplete();
-
- },
-
- /**
- * The core game loop.
- *
- * @method Phaser.Game#update
- * @protected
- * @param {number} time - The current time as provided by RequestAnimationFrame.
- */
- update: function (time) {
-
- this.time.update(time);
-
- if (this._paused)
- {
- this.renderer.render(this.stage._stage);
- this.plugins.render();
- this.state.render();
- }
- else
- {
- this.plugins.preUpdate();
- this.physics.preUpdate();
-
- this.stage.update();
- this.input.update();
- this.tweens.update();
- this.sound.update();
- this.world.update();
- this.particles.update();
- this.state.update();
- this.plugins.update();
-
- this.world.postUpdate();
- this.plugins.postUpdate();
-
- this.renderer.render(this.stage._stage);
- this.plugins.render();
- this.state.render();
-
- this.plugins.postRender();
- }
-
- },
-
- /**
- * Nuke the entire game from orbit
- *
- * @method Phaser.Game#destroy
- */
- destroy: function () {
-
- this.raf.stop();
-
- this.input.destroy();
-
- this.state.destroy();
-
- this.state = 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;
-
- }
-
-};
-
-/**
-* The paused state of the Game. A paused game doesn't update any of its subsystems.
-* When a game is paused the onPause event is dispatched. When it is resumed the onResume event is dispatched.
-* @name Phaser.Game#paused
-* @property {boolean} paused - Gets and sets the paused state of the Game.
-*/
-Object.defineProperty(Phaser.Game.prototype, "paused", {
-
- get: function () {
- return this._paused;
- },
-
- set: function (value) {
-
- if (value === true)
- {
- if (this._paused == false)
- {
- this._paused = true;
- this.onPause.dispatch(this);
- }
- }
- else
- {
- if (this._paused)
- {
- this._paused = false;
- this.onResume.dispatch(this);
- }
- }
-
- }
-
-});
-
-/**
-* "Deleted code is debugged code." - Jeff Sickel
-*/
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Constructor for Phaser Input.
-* @class Phaser.Input
-* @classdesc A game specific Input manager that looks after the mouse, keyboard and touch objects.
-* This is updated by the core game loop.
-* @constructor
-* @param {Phaser.Game} game - Current game instance.
-*/
-Phaser.Input = function (game) {
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running game.
- */
- this.game = game;
-
- /**
- * @property {Description} hitCanvas - Description.
- * @default
- */
- this.hitCanvas = null;
-
- /**
- * @property {Description} hitContext - Description.
- * @default
- */
- this.hitContext = null;
-
-};
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Input.MOUSE_OVERRIDES_TOUCH = 0;
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Input.TOUCH_OVERRIDES_MOUSE = 1;
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Input.MOUSE_TOUCH_COMBINE = 2;
-
-Phaser.Input.prototype = {
-
- /**
- * @property {Phaser.Game} game
- */
- game: null,
-
- /**
- * How often should the input pointers be checked for updates?
- * A value of 0 means every single frame (60fps), a value of 1 means every other frame (30fps) and so on.
- * @property {number} pollRate
- * @default
- */
- pollRate: 0,
-
- /**
- * @property {number} _pollCounter - Description.
- * @private
- * @default
- */
- _pollCounter: 0,
-
- /**
- * A vector object representing the previous position of the Pointer.
- * @property {Vec2} vector
- * @private
- * @default
- */
- _oldPosition: null,
-
- /**
- * X coordinate of the most recent Pointer event
- * @property {number} _x
- * @private
- * @default
- */
- _x: 0,
-
- /**
- * Y coordinate of the most recent Pointer event
- * @property {number} _y
- * @private
- * @default
- */
- _y: 0,
-
- /**
- * You can disable all Input by setting Input.disabled: true. While set all new input related events will be ignored.
- * If you need to disable just one type of input, for example mouse, use Input.mouse.disabled: true instead
- * @property {boolean} disabled
- * @default
- */
- disabled: false,
-
- /**
- * Controls the expected behaviour when using a mouse and touch together on a multi-input device.
- * @property {Description} multiInputOverride
- */
- multiInputOverride: Phaser.Input.MOUSE_TOUCH_COMBINE,
-
- /**
- * A vector object representing the current position of the Pointer.
- * @property {Phaser.Point} position
- * @default
- */
- position: null,
-
- /**
- * A vector object representing the speed of the Pointer. Only really useful in single Pointer games,
- * otherwise see the Pointer objects directly.
- * @property {Phaser.Point} speed
- * @default
- */
- speed: null,
-
- /**
- * A Circle object centered on the x/y screen coordinates of the Input.
- * Default size of 44px (Apples recommended "finger tip" size) but can be changed to anything.
- * @property {Phaser.Circle} circle
- * @default
- */
- circle: null,
-
- /**
- * The scale by which all input coordinates are multiplied, calculated by the StageScaleMode.
- * In an un-scaled game the values will be x: 1 and y: 1.
- * @property {Phaser.Point} scale
- * @default
- */
- scale: null,
-
- /**
- * The maximum number of Pointers allowed to be active at any one time.
- * For lots of games it's useful to set this to 1.
- * @property {number} maxPointers
- * @default
- */
- maxPointers: 10,
-
- /**
- * The current number of active Pointers.
- * @property {number} currentPointers
- * @default
- */
- currentPointers: 0,
-
- /**
- * The number of milliseconds that the Pointer has to be pressed down and then released to be considered a tap or clicke
- * @property {number} tapRate
- * @default
- */
- tapRate: 200,
-
- /**
- * The number of milliseconds between taps of the same Pointer for it to be considered a double tap / click
- * @property {number} doubleTapRate
- * @default
- */
- doubleTapRate: 300,
-
- /**
- * The number of milliseconds that the Pointer has to be pressed down for it to fire a onHold event
- * @property {number} holdRate
- * @default
- */
- holdRate: 2000,
-
- /**
- * The number of milliseconds below which the Pointer is considered justPressed
- * @property {number} justPressedRate
- * @default
- */
- justPressedRate: 200,
-
- /**
- * The number of milliseconds below which the Pointer is considered justReleased
- * @property {number} justReleasedRate
- * @default
- */
- justReleasedRate: 200,
-
- /**
- * Sets if the Pointer objects should record a history of x/y coordinates they have passed through.
- * The history is cleared each time the Pointer is pressed down.
- * The history is updated at the rate specified in Input.pollRate
- * @property {boolean} recordPointerHistory
- * @default
- */
- recordPointerHistory: false,
-
- /**
- * The rate in milliseconds at which the Pointer objects should update their tracking history
- * @property {number} recordRate
- * @default
- */
- recordRate: 100,
-
- /**
- * The total number of entries that can be recorded into the Pointer objects tracking history.
- * If the Pointer is tracking one event every 100ms, then a trackLimit of 100 would store the last 10 seconds worth of history.
- * @property {number} recordLimit
- * @default
- */
- recordLimit: 100,
-
- /**
- * A Pointer object
- * @property {Phaser.Pointer} pointer1
- */
- pointer1: null,
-
- /**
- * A Pointer object
- * @property {Phaser.Pointer} pointer2
- */
- pointer2: null,
-
- /**
- * A Pointer object
- * @property {Phaser.Pointer} pointer3
- */
- pointer3: null,
-
- /**
- * A Pointer object
- * @property {Phaser.Pointer} pointer4
- */
- pointer4: null,
-
- /**
- * A Pointer object
- * @property {Phaser.Pointer} pointer5
- */
- pointer5: null,
-
- /**
- * A Pointer object
- * @property {Phaser.Pointer} pointer6
- */
- pointer6: null,
-
- /**
- * A Pointer object
- * @property {Phaser.Pointer} pointer7
- */
- pointer7: null,
-
- /**
- * A Pointer object
- * @property {Phaser.Pointer} pointer8
- */
- pointer8: null,
-
- /**
- * A Pointer object
- * @property {Phaser.Pointer} pointer9
- */
- pointer9: null,
-
- /**
- * A Pointer object.
- * @property {Phaser.Pointer} pointer10
- */
- pointer10: null,
-
- /**
- * The most recently active Pointer object.
- * When you've limited max pointers to 1 this will accurately be either the first finger touched or mouse.
- * @property {Phaser.Pointer} activePointer
- * @default
- */
- activePointer: null,
-
- /**
- * The mouse has its own unique Phaser.Pointer object which you can use if making a desktop specific game.
- * @property {Pointer} mousePointer
- * @default
- */
- mousePointer: null,
-
- /**
- * The Mouse Input manager.
- * @property {Phaser.Mouse} mouse - The Mouse Input manager.
- * @default
- */
- mouse: null,
-
- /**
- * The Keyboard Input manager.
- * @property {Phaser.Keyboard} keyboard - The Keyboard Input manager.
- * @default
- */
- keyboard: null,
-
- /**
- * The Touch Input manager.
- * @property {Phaser.Touch} touch - the Touch Input manager.
- * @default
- */
- touch: null,
-
- /**
- * The MSPointer Input manager.
- * @property {Phaser.MSPointer} mspointer - The MSPointer Input manager.
- * @default
- */
- mspointer: null,
-
- /**
- * A Signal that is dispatched each time a pointer is pressed down.
- * @property {Phaser.Signal} onDown
- * @default
- */
- onDown: null,
-
- /**
- * A Signal that is dispatched each time a pointer is released.
- * @property {Phaser.Signal} onUp
- * @default
- */
- onUp: null,
-
- /**
- * A Signal that is dispatched each time a pointer is tapped.
- * @property {Phaser.Signal} onTap
- * @default
- */
- onTap: null,
-
- /**
- * A Signal that is dispatched each time a pointer is held down.
- * @property {Phaser.Signal} onHold
- * @default
- */
- onHold: null,
-
- /**
- * A linked list of interactive objects, the InputHandler components (belonging to Sprites) register themselves with this.
- * @property {Phaser.LinkedList} interactiveItems
- */
- interactiveItems: new Phaser.LinkedList(),
-
- /**
- * Starts the Input Manager running.
- * @method Phaser.Input#boot
- * @protected
- */
- boot: function () {
-
- this.mousePointer = new Phaser.Pointer(this.game, 0);
- this.pointer1 = new Phaser.Pointer(this.game, 1);
- this.pointer2 = new Phaser.Pointer(this.game, 2);
-
- this.mouse = new Phaser.Mouse(this.game);
- this.keyboard = new Phaser.Keyboard(this.game);
- this.touch = new Phaser.Touch(this.game);
- this.mspointer = new Phaser.MSPointer(this.game);
-
- this.onDown = new Phaser.Signal();
- this.onUp = new Phaser.Signal();
- this.onTap = new Phaser.Signal();
- this.onHold = new Phaser.Signal();
-
- this.scale = new Phaser.Point(1, 1);
- this.speed = new Phaser.Point();
- this.position = new Phaser.Point();
- this._oldPosition = new Phaser.Point();
-
- this.circle = new Phaser.Circle(0, 0, 44);
-
- this.activePointer = this.mousePointer;
- this.currentPointers = 0;
-
- this.hitCanvas = document.createElement('canvas');
- this.hitCanvas.width = 1;
- this.hitCanvas.height = 1;
- this.hitContext = this.hitCanvas.getContext('2d');
-
- this.mouse.start();
- this.keyboard.start();
- this.touch.start();
- this.mspointer.start();
- this.mousePointer.active = true;
-
- },
-
- /**
- * Stops all of the Input Managers from running.
- * @method Phaser.Input#destroy
- */
- destroy: function () {
-
- this.mouse.stop();
- this.keyboard.stop();
- this.touch.stop();
- this.mspointer.stop();
-
- },
-
- /**
- * Add a new Pointer object to the Input Manager. By default Input creates 3 pointer objects: mousePointer, pointer1 and pointer2.
- * If you need more then use this to create a new one, up to a maximum of 10.
- * @method Phaser.Input#addPointer
- * @return {Phaser.Pointer} A reference to the new Pointer object that was created.
- */
- addPointer: function () {
-
- var next = 0;
-
- for (var i = 10; i > 0; i--)
- {
- if (this['pointer' + i] === null)
- {
- next = i;
- }
- }
-
- if (next == 0)
- {
- console.warn("You can only have 10 Pointer objects");
- return null;
- }
- else
- {
- this['pointer' + next] = new Phaser.Pointer(this.game, next);
- return this['pointer' + next];
- }
-
- },
-
- /**
- * Updates the Input Manager. Called by the core Game loop.
- * @method Phaser.Input#update
- * @protected
- */
- update: function () {
-
- if (this.pollRate > 0 && this._pollCounter < this.pollRate)
- {
- this._pollCounter++;
- return;
- }
-
- this.speed.x = this.position.x - this._oldPosition.x;
- this.speed.y = this.position.y - this._oldPosition.y;
-
- this._oldPosition.copyFrom(this.position);
- this.mousePointer.update();
-
- this.pointer1.update();
- this.pointer2.update();
-
- if (this.pointer3) { this.pointer3.update(); }
- if (this.pointer4) { this.pointer4.update(); }
- if (this.pointer5) { this.pointer5.update(); }
- if (this.pointer6) { this.pointer6.update(); }
- if (this.pointer7) { this.pointer7.update(); }
- if (this.pointer8) { this.pointer8.update(); }
- if (this.pointer9) { this.pointer9.update(); }
- if (this.pointer10) { this.pointer10.update(); }
-
- this._pollCounter = 0;
- },
-
- /**
- * Reset all of the Pointers and Input states
- * @method Phaser.Input#reset
- * @param {boolean} hard - A soft reset (hard = false) won't reset any Signals that might be bound. A hard reset will.
- */
- reset: function (hard) {
-
- if (this.game.isBooted == false)
- {
- return;
- }
-
- if (typeof hard == 'undefined') { hard = false; }
-
- this.keyboard.reset();
- this.mousePointer.reset();
-
- for (var i = 1; i <= 10; i++)
- {
- if (this['pointer' + i])
- {
- this['pointer' + i].reset();
- }
- }
-
- this.currentPointers = 0;
- this.game.stage.canvas.style.cursor = "default";
-
- if (hard == true)
- {
- this.onDown.dispose();
- this.onUp.dispose();
- this.onTap.dispose();
- this.onHold.dispose();
- this.onDown = new Phaser.Signal();
- this.onUp = new Phaser.Signal();
- this.onTap = new Phaser.Signal();
- this.onHold = new Phaser.Signal();
-
- this.interactiveItems.callAll('reset');
- }
-
- this._pollCounter = 0;
-
- },
-
- /**
- * Resets the speed and old position properties.
- * @method Phaser.Input#resetSpeed
- * @param {number} x - Sets the oldPosition.x value.
- * @param {number} y - Sets the oldPosition.y value.
- */
- resetSpeed: function (x, y) {
-
- this._oldPosition.setTo(x, y);
- this.speed.setTo(0, 0);
-
- },
-
- /**
- * Find the first free Pointer object and start it, passing in the event data. This is called automatically by Phaser.Touch and Phaser.MSPointer.
- * @method Phaser.Input#startPointer
- * @param {Any} event - The event data from the Touch event.
- * @return {Phaser.Pointer} The Pointer object that was started or null if no Pointer object is available.
- */
- startPointer: function (event) {
-
- if (this.maxPointers < 10 && this.totalActivePointers == this.maxPointers)
- {
- return null;
- }
-
- if (this.pointer1.active == false)
- {
- return this.pointer1.start(event);
- }
- else if (this.pointer2.active == false)
- {
- return this.pointer2.start(event);
- }
- else
- {
- for (var i = 3; i <= 10; i++)
- {
- if (this['pointer' + i] && this['pointer' + i].active == false)
- {
- return this['pointer' + i].start(event);
- }
- }
- }
-
- return null;
-
- },
-
- /**
- * Updates the matching Pointer object, passing in the event data. This is called automatically and should not normally need to be invoked.
- * @method Phaser.Input#updatePointer
- * @param {Any} event - The event data from the Touch event.
- * @return {Phaser.Pointer} The Pointer object that was updated or null if no Pointer object is available.
- */
- updatePointer: function (event) {
-
- if (this.pointer1.active && this.pointer1.identifier == event.identifier)
- {
- return this.pointer1.move(event);
- }
- else if (this.pointer2.active && this.pointer2.identifier == event.identifier)
- {
- return this.pointer2.move(event);
- }
- else
- {
- for (var i = 3; i <= 10; i++)
- {
- if (this['pointer' + i] && this['pointer' + i].active && this['pointer' + i].identifier == event.identifier)
- {
- return this['pointer' + i].move(event);
- }
- }
- }
-
- return null;
-
- },
-
- /**
- * Stops the matching Pointer object, passing in the event data.
- * @method Phaser.Input#stopPointer
- * @param {Any} event - The event data from the Touch event.
- * @return {Phaser.Pointer} The Pointer object that was stopped or null if no Pointer object is available.
- */
- stopPointer: function (event) {
-
- if (this.pointer1.active && this.pointer1.identifier == event.identifier)
- {
- return this.pointer1.stop(event);
- }
- else if (this.pointer2.active && this.pointer2.identifier == event.identifier)
- {
- return this.pointer2.stop(event);
- }
- else
- {
- for (var i = 3; i <= 10; i++)
- {
- if (this['pointer' + i] && this['pointer' + i].active && this['pointer' + i].identifier == event.identifier)
- {
- return this['pointer' + i].stop(event);
- }
- }
- }
-
- return null;
-
- },
-
- /**
- * Get the next Pointer object whos active property matches the given state
- * @method Phaser.Input#getPointer
- * @param {boolean} state - The state the Pointer should be in (false for inactive, true for active).
- * @return {Phaser.Pointer} A Pointer object or null if no Pointer object matches the requested state.
- */
- getPointer: function (state) {
-
- state = state || false;
-
- if (this.pointer1.active == state)
- {
- return this.pointer1;
- }
- else if (this.pointer2.active == state)
- {
- return this.pointer2;
- }
- else
- {
- for (var i = 3; i <= 10; i++)
- {
- if (this['pointer' + i] && this['pointer' + i].active == state)
- {
- return this['pointer' + i];
- }
- }
- }
-
- return null;
-
- },
-
- /**
- * Get the Pointer object whos identified property matches the given identifier value.
- * @method Phaser.Input#getPointerFromIdentifier
- * @param {number} identifier - The Pointer.identifier value to search for.
- * @return {Phaser.Pointer} A Pointer object or null if no Pointer object matches the requested identifier.
- */
- getPointerFromIdentifier: function (identifier) {
-
- if (this.pointer1.identifier == identifier)
- {
- return this.pointer1;
- }
- else if (this.pointer2.identifier == identifier)
- {
- return this.pointer2;
- }
- else
- {
- for (var i = 3; i <= 10; i++)
- {
- if (this['pointer' + i] && this['pointer' + i].identifier == identifier)
- {
- return this['pointer' + i];
- }
- }
- }
-
- return null;
-
- }
-
-};
-
-/**
-* The X coordinate of the most recently active pointer. This value takes game scaling into account automatically. See Pointer.screenX/clientX for source values.
-* @name Phaser.Input#x
-* @property {number} x - The X coordinate of the most recently active pointer.
-*/
-Object.defineProperty(Phaser.Input.prototype, "x", {
-
- get: function () {
- return this._x;
- },
-
- set: function (value) {
- this._x = Math.floor(value);
- }
-
-});
-
-/**
-* The Y coordinate of the most recently active pointer. This value takes game scaling into account automatically. See Pointer.screenY/clientY for source values.
-* @name Phaser.Input#y
-* @property {number} y - The Y coordinate of the most recently active pointer.
-*/
-Object.defineProperty(Phaser.Input.prototype, "y", {
-
- get: function () {
- return this._y;
- },
-
- set: function (value) {
- this._y = Math.floor(value);
- }
-
-});
-
-/**
-* @name Phaser.Input#pollLocked
-* @property {boolean} pollLocked - True if the Input is currently poll rate locked.
-* @readonly
-*/
-Object.defineProperty(Phaser.Input.prototype, "pollLocked", {
-
- get: function () {
- return (this.pollRate > 0 && this._pollCounter < this.pollRate);
- }
-
-});
-
-/**
-* The total number of inactive Pointers
-* @name Phaser.Input#totalInactivePointers
-* @property {number} totalInactivePointers - The total number of inactive Pointers.
-* @readonly
-*/
-Object.defineProperty(Phaser.Input.prototype, "totalInactivePointers", {
-
- get: function () {
- return 10 - this.currentPointers;
- }
-
-});
-
-/**
-* The total number of active Pointers
-* @name Phaser.Input#totalActivePointers
-* @property {number} totalActivePointers - The total number of active Pointers.
-* @readonly
-*/
-Object.defineProperty(Phaser.Input.prototype, "totalActivePointers", {
-
- get: function () {
-
- this.currentPointers = 0;
-
- for (var i = 1; i <= 10; i++)
- {
- if (this['pointer' + i] && this['pointer' + i].active)
- {
- this.currentPointers++;
- }
- }
-
- return this.currentPointers;
-
- }
-
-});
-
-/**
-* The world X coordinate of the most recently active pointer.
-* @name Phaser.Input#worldX
-* @property {number} worldX - The world X coordinate of the most recently active pointer.
-*/
-Object.defineProperty(Phaser.Input.prototype, "worldX", {
-
- get: function () {
- return this.game.camera.view.x + this.x;
- }
-
-});
-
-/**
-* The world Y coordinate of the most recently active pointer.
-* @name Phaser.Input#worldY
-* @property {number} worldY - The world Y coordinate of the most recently active pointer.
-*/
-Object.defineProperty(Phaser.Input.prototype, "worldY", {
-
- get: function () {
- return this.game.camera.view.y + this.y;
- }
-
-});
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* @class Phaser.Key
-* @classdesc If you need more fine-grained control over the handling of specific keys you can create and use Phaser.Key objects.
-* @constructor
-* @param {Phaser.Game} game - Current game instance.
-* @param {number} keycode - The key code this Key is responsible for.
-*/
-Phaser.Key = function (game, keycode) {
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running game.
- */
- this.game = game;
-
- /**
- * @property {boolean} isDown - The "down" state of the key.
- * @default
- */
- this.isDown = false;
-
- /**
- * @property {boolean} isUp - The "up" state of the key.
- * @default
- */
- this.isUp = false;
-
- /**
- * @property {boolean} altKey - The down state of the ALT key, if pressed at the same time as this key.
- * @default
- */
- this.altKey = false;
-
- /**
- * @property {boolean} ctrlKey - The down state of the CTRL key, if pressed at the same time as this key.
- * @default
- */
- this.ctrlKey = false;
-
- /**
- * @property {boolean} shiftKey - The down state of the SHIFT key, if pressed at the same time as this key.
- * @default
- */
- this.shiftKey = false;
-
- /**
- * @property {number} timeDown - The timestamp when the key was last pressed down.
- * @default
- */
- this.timeDown = 0;
-
- /**
- * If the key is down this value holds the duration of that key press and is constantly updated.
- * If the key is up it holds the duration of the previous down session.
- * @property {number} duration - The number of milliseconds this key has been held down for.
- * @default
- */
- this.duration = 0;
-
- /**
- * @property {number} timeUp - The timestamp when the key was last released.
- * @default
- */
- this.timeUp = 0;
-
- /**
- * @property {number} repeats - If a key is held down this holds down the number of times the key has 'repeated'.
- * @default
- */
- this.repeats = 0;
-
- /**
- * @property {number} keyCode - The keycode of this key.
- */
- this.keyCode = keycode;
-
- /**
- * @property {Phaser.Signal} onDown - This Signal is dispatched every time this Key is pressed down. It is only dispatched once (until the key is released again).
- */
- this.onDown = new Phaser.Signal();
-
- /**
- * @property {Phaser.Signal} onUp - This Signal is dispatched every time this Key is pressed down. It is only dispatched once (until the key is released again).
- */
- this.onUp = new Phaser.Signal();
-
-};
-
-Phaser.Key.prototype = {
-
- /**
- * Called automatically by Phaser.Keyboard.
- * @method Phaser.Key#processKeyDown
- * @param {KeyboardEvent} event.
- * @protected
- */
- processKeyDown: function (event) {
-
- this.altKey = event.altKey;
- this.ctrlKey = event.ctrlKey;
- this.shiftKey = event.shiftKey;
-
- if (this.isDown)
- {
- // Key was already held down, this must be a repeat rate based event
- this.duration = event.timeStamp - this.timeDown;
- this.repeats++;
- }
- else
- {
- this.isDown = true;
- this.isUp = false;
- this.timeDown = event.timeStamp;
- this.duration = 0;
- this.repeats = 0;
-
- this.onDown.dispatch(this);
- }
-
- },
-
- /**
- * Called automatically by Phaser.Keyboard.
- * @method Phaser.Key#processKeyUp
- * @param {KeyboardEvent} event.
- * @protected
- */
- processKeyUp: function (event) {
-
- this.isDown = false;
- this.isUp = true;
- this.timeUp = event.timeStamp;
-
- this.onUp.dispatch(this);
-
- },
-
- /**
- * Returns the "just pressed" state of the Key. Just pressed is considered true if the key was pressed down within the duration given (default 250ms)
- * @method Phaser.Key#justPressed
- * @param {number} [duration=250] - The duration below which the key is considered as being just pressed.
- * @return {boolean} True if the key is just pressed otherwise false.
- */
- justPressed: function (duration) {
-
- if (typeof duration === "undefined") { duration = 250; }
-
- return (this.isDown && this.duration < duration);
-
- },
-
- /**
- * Returns the "just released" state of the Key. Just released is considered as being true if the key was released within the duration given (default 250ms)
- * @method Phaser.Key#justPressed
- * @param {number} [duration=250] - The duration below which the key is considered as being just released.
- * @return {boolean} True if the key is just released otherwise false.
- */
- justReleased: function (duration) {
-
- if (typeof duration === "undefined") { duration = 250; }
-
- return (this.isDown == false && (this.game.time.now - this.timeUp < duration));
-
- }
-
-};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Phaser - Keyboard constructor.
-*
-* @class Phaser.Keyboard
-* @classdesc A Keyboard object Description.
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-*/
-Phaser.Keyboard = function (game) {
-
- /**
- * @property {Phaser.Game} game - Local reference to game.
- */
- this.game = game;
-
- /**
- * @property {Description} _keys - Description.
- * @private
- */
- this._keys = {};
-
- /**
- * @property {Description} _hotkeys - Description.
- * @private
- */
- this._hotkeys = {};
-
- /**
- * @property {Description} _capture - Description.
- * @private
- */
- this._capture = {};
-
- /**
- * You can disable all Keyboard Input by setting disabled to true. While true all new input related events will be ignored.
- * @property {boolean} disabled - The disabled state of the Keyboard.
- * @default
- */
- this.disabled = false;
-
- /**
- * @property {function} _onKeyDown
- * @private
- * @default
- */
- this._onKeyDown = null;
-
- /**
- * @property {function} _onKeyUp
- * @private
- * @default
- */
- this._onKeyUp = null;
-
- /**
- * @property {Object} callbackContext - The context under which the callbacks are run.
- */
- this.callbackContext = this;
-
- /**
- * @property {function} onDownCallback - This callback is invoked every time a key is pressed down.
- */
- this.onDownCallback = null;
-
- /**
- * @property {function} onUpCallback - This callback is invoked every time a key is released.
- */
- this.onUpCallback = null;
-
-};
-
-Phaser.Keyboard.prototype = {
-
- /**
- * Add callbacks to the Keyboard handler so that each time a key is pressed down or releases the callbacks are activated.
- * @method Phaser.Keyboard#addCallbacks
- * @param {Object} context - The context under which the callbacks are run.
- * @param {function} onDown - This callback is invoked every time a key is pressed down.
- * @param {function} [onUp=null] - This callback is invoked every time a key is released.
- */
- addCallbacks: function (context, onDown, onUp) {
-
- this.callbackContext = context;
- this.onDownCallback = onDown;
-
- if (typeof onUp !== 'undefined')
- {
- this.onUpCallback = onUp;
- }
-
- },
-
- /**
- * If you need more fine-grained control over a Key you can create a new Phaser.Key object via this method.
- * The Key object can then be polled, have events attached to it, etc.
- *
- * @method Phaser.Keyboard#addKey
- * @param {number} keycode - The keycode of the key, i.e. Phaser.Keyboard.UP or Phaser.Keyboard.SPACE_BAR
- * @return {Phaser.Key} The Key object which you can store locally and reference directly.
- */
- addKey: function (keycode) {
-
- this._hotkeys[keycode] = new Phaser.Key(this.game, keycode);
-
- this.addKeyCapture(keycode);
-
- return this._hotkeys[keycode];
-
- },
-
- /**
- * Removes a Key object from the Keyboard manager.
- *
- * @method Phaser.Keyboard#removeKey
- * @param {number} keycode - The keycode of the key to remove, i.e. Phaser.Keyboard.UP or Phaser.Keyboard.SPACE_BAR
- */
- removeKey: function (keycode) {
-
- delete (this._hotkeys[keycode]);
-
- },
-
- /**
- * Creates and returns an object containing 4 hotkeys for Up, Down, Left and Right.
- *
- * @method Phaser.Keyboard#createCursorKeys
- * @return {object} An object containing properties: up, down, left and right. Which can be polled like any other Phaser.Key object.
- */
- createCursorKeys: function () {
-
- return {
- up: this.addKey(Phaser.Keyboard.UP),
- down: this.addKey(Phaser.Keyboard.DOWN),
- left: this.addKey(Phaser.Keyboard.LEFT),
- right: this.addKey(Phaser.Keyboard.RIGHT)
- }
-
- },
-
- /**
- * Starts the Keyboard event listeners running (keydown and keyup). They are attached to the document.body.
- * This is called automatically by Phaser.Input and should not normally be invoked directly.
- *
- * @method Phaser.Keyboard#start
- */
- start: function () {
-
- var _this = this;
-
- this._onKeyDown = function (event) {
- return _this.processKeyDown(event);
- };
-
- this._onKeyUp = function (event) {
- return _this.processKeyUp(event);
- };
-
- document.body.addEventListener('keydown', this._onKeyDown, false);
- document.body.addEventListener('keyup', this._onKeyUp, false);
-
- },
-
- /**
- * Stops the Keyboard event listeners from running (keydown and keyup). They are removed from the document.body.
- *
- * @method Phaser.Keyboard#stop
- */
- stop: function () {
-
- document.body.removeEventListener('keydown', this._onKeyDown);
- document.body.removeEventListener('keyup', this._onKeyUp);
-
- },
-
- /**
- * By default when a key is pressed Phaser will not stop the event from propagating up to the browser.
- * There are some keys this can be annoying for, like the arrow keys or space bar, which make the browser window scroll.
- * You can use addKeyCapture to consume the keyboard event for specific keys so it doesn't bubble up to the the browser.
- * Pass in either a single keycode or an array/hash of keycodes.
- * @method Phaser.Keyboard#addKeyCapture
- * @param {Any} keycode
- */
- addKeyCapture: function (keycode) {
-
- if (typeof keycode === 'object')
- {
- for (var key in keycode)
- {
- this._capture[keycode[key]] = true;
- }
- }
- else
- {
- this._capture[keycode] = true;
- }
- },
-
- /**
- * Removes an existing key capture.
- * @method Phaser.Keyboard#removeKeyCapture
- * @param {number} keycode
- */
- removeKeyCapture: function (keycode) {
-
- delete this._capture[keycode];
-
- },
-
- /**
- * Clear all set key captures.
- * @method Phaser.Keyboard#clearCaptures
- */
- clearCaptures: function () {
-
- this._capture = {};
-
- },
-
- /**
- * Process the keydown event.
- * @method Phaser.Keyboard#processKeyDown
- * @param {KeyboardEvent} event
- * @protected
- */
- processKeyDown: function (event) {
-
- if (this.game.input.disabled || this.disabled)
- {
- return;
- }
-
- if (this._capture[event.keyCode])
- {
- event.preventDefault();
- }
-
- if (this.onDownCallback)
- {
- this.onDownCallback.call(this.callbackContext, event);
- }
-
- if (this._keys[event.keyCode] && this._keys[event.keyCode].isDown)
- {
- // Key already down and still down, so update
- this._keys[event.keyCode].duration = this.game.time.now - this._keys[event.keyCode].timeDown;
- }
- else
- {
- if (!this._keys[event.keyCode])
- {
- // Not used this key before, so register it
- this._keys[event.keyCode] = {
- isDown: true,
- timeDown: this.game.time.now,
- timeUp: 0,
- duration: 0
- };
- }
- else
- {
- // Key used before but freshly down
- this._keys[event.keyCode].isDown = true;
- this._keys[event.keyCode].timeDown = this.game.time.now;
- this._keys[event.keyCode].duration = 0;
- }
- }
-
- if (this._hotkeys[event.keyCode])
- {
- this._hotkeys[event.keyCode].processKeyDown(event);
- }
-
- },
-
- /**
- * Process the keyup event.
- * @method Phaser.Keyboard#processKeyUp
- * @param {KeyboardEvent} event
- * @protected
- */
- processKeyUp: function (event) {
-
- if (this.game.input.disabled || this.disabled)
- {
- return;
- }
-
- if (this._capture[event.keyCode])
- {
- event.preventDefault();
- }
-
- if (this.onUpCallback)
- {
- this.onUpCallback.call(this.callbackContext, event);
- }
-
- if (this._hotkeys[event.keyCode])
- {
- this._hotkeys[event.keyCode].processKeyUp(event);
- }
-
- if (this._keys[event.keyCode])
- {
- this._keys[event.keyCode].isDown = false;
- this._keys[event.keyCode].timeUp = this.game.time.now;
- }
- else
- {
- // Not used this key before, so register it
- this._keys[event.keyCode] = {
- isDown: false,
- timeDown: this.game.time.now,
- timeUp: this.game.time.now,
- duration: 0
- };
- }
-
- },
-
- /**
- * Reset the "isDown" state of all keys.
- * @method Phaser.Keyboard#reset
- */
- reset: function () {
-
- for (var key in this._keys)
- {
- this._keys[key].isDown = false;
- }
-
- },
-
- /**
- * Returns the "just pressed" state of the key. Just pressed is considered true if the key was pressed down within the duration given (default 250ms)
- * @method Phaser.Keyboard#justPressed
- * @param {number} keycode - The keycode of the key to remove, i.e. Phaser.Keyboard.UP or Phaser.Keyboard.SPACE_BAR
- * @param {number} [duration=250] - The duration below which the key is considered as being just pressed.
- * @return {boolean} True if the key is just pressed otherwise false.
- */
- justPressed: function (keycode, duration) {
-
- if (typeof duration === "undefined") { duration = 250; }
-
- if (this._keys[keycode] && this._keys[keycode].isDown && this._keys[keycode].duration < duration)
- {
- return true;
- }
-
- return false;
-
- },
-
- /**
- * Returns the "just released" state of the Key. Just released is considered as being true if the key was released within the duration given (default 250ms)
- * @method Phaser.Keyboard#justPressed
- * @param {number} keycode - The keycode of the key to remove, i.e. Phaser.Keyboard.UP or Phaser.Keyboard.SPACE_BAR
- * @param {number} [duration=250] - The duration below which the key is considered as being just released.
- * @return {boolean} True if the key is just released otherwise false.
- */
- justReleased: function (keycode, duration) {
-
- if (typeof duration === "undefined") { duration = 250; }
-
- if (this._keys[keycode] && this._keys[keycode].isDown === false && (this.game.time.now - this._keys[keycode].timeUp < duration))
- {
- return true;
- }
-
- return false;
-
- },
-
- /**
- * Returns true of the key is currently pressed down. Note that it can only detect key presses on the web browser.
- * @method Phaser.Keyboard#isDown
- * @param {number} keycode - The keycode of the key to remove, i.e. Phaser.Keyboard.UP or Phaser.Keyboard.SPACE_BAR
- * @return {boolean} True if the key is currently down.
- */
- isDown: function (keycode) {
-
- if (this._keys[keycode])
- {
- return this._keys[keycode].isDown;
- }
-
- return false;
-
- }
-
-};
-
-Phaser.Keyboard.A = "A".charCodeAt(0);
-Phaser.Keyboard.B = "B".charCodeAt(0);
-Phaser.Keyboard.C = "C".charCodeAt(0);
-Phaser.Keyboard.D = "D".charCodeAt(0);
-Phaser.Keyboard.E = "E".charCodeAt(0);
-Phaser.Keyboard.F = "F".charCodeAt(0);
-Phaser.Keyboard.G = "G".charCodeAt(0);
-Phaser.Keyboard.H = "H".charCodeAt(0);
-Phaser.Keyboard.I = "I".charCodeAt(0);
-Phaser.Keyboard.J = "J".charCodeAt(0);
-Phaser.Keyboard.K = "K".charCodeAt(0);
-Phaser.Keyboard.L = "L".charCodeAt(0);
-Phaser.Keyboard.M = "M".charCodeAt(0);
-Phaser.Keyboard.N = "N".charCodeAt(0);
-Phaser.Keyboard.O = "O".charCodeAt(0);
-Phaser.Keyboard.P = "P".charCodeAt(0);
-Phaser.Keyboard.Q = "Q".charCodeAt(0);
-Phaser.Keyboard.R = "R".charCodeAt(0);
-Phaser.Keyboard.S = "S".charCodeAt(0);
-Phaser.Keyboard.T = "T".charCodeAt(0);
-Phaser.Keyboard.U = "U".charCodeAt(0);
-Phaser.Keyboard.V = "V".charCodeAt(0);
-Phaser.Keyboard.W = "W".charCodeAt(0);
-Phaser.Keyboard.X = "X".charCodeAt(0);
-Phaser.Keyboard.Y = "Y".charCodeAt(0);
-Phaser.Keyboard.Z = "Z".charCodeAt(0);
-Phaser.Keyboard.ZERO = "0".charCodeAt(0);
-Phaser.Keyboard.ONE = "1".charCodeAt(0);
-Phaser.Keyboard.TWO = "2".charCodeAt(0);
-Phaser.Keyboard.THREE = "3".charCodeAt(0);
-Phaser.Keyboard.FOUR = "4".charCodeAt(0);
-Phaser.Keyboard.FIVE = "5".charCodeAt(0);
-Phaser.Keyboard.SIX = "6".charCodeAt(0);
-Phaser.Keyboard.SEVEN = "7".charCodeAt(0);
-Phaser.Keyboard.EIGHT = "8".charCodeAt(0);
-Phaser.Keyboard.NINE = "9".charCodeAt(0);
-Phaser.Keyboard.NUMPAD_0 = 96;
-Phaser.Keyboard.NUMPAD_1 = 97;
-Phaser.Keyboard.NUMPAD_2 = 98;
-Phaser.Keyboard.NUMPAD_3 = 99;
-Phaser.Keyboard.NUMPAD_4 = 100;
-Phaser.Keyboard.NUMPAD_5 = 101;
-Phaser.Keyboard.NUMPAD_6 = 102;
-Phaser.Keyboard.NUMPAD_7 = 103;
-Phaser.Keyboard.NUMPAD_8 = 104;
-Phaser.Keyboard.NUMPAD_9 = 105;
-Phaser.Keyboard.NUMPAD_MULTIPLY = 106;
-Phaser.Keyboard.NUMPAD_ADD = 107;
-Phaser.Keyboard.NUMPAD_ENTER = 108;
-Phaser.Keyboard.NUMPAD_SUBTRACT = 109;
-Phaser.Keyboard.NUMPAD_DECIMAL = 110;
-Phaser.Keyboard.NUMPAD_DIVIDE = 111;
-Phaser.Keyboard.F1 = 112;
-Phaser.Keyboard.F2 = 113;
-Phaser.Keyboard.F3 = 114;
-Phaser.Keyboard.F4 = 115;
-Phaser.Keyboard.F5 = 116;
-Phaser.Keyboard.F6 = 117;
-Phaser.Keyboard.F7 = 118;
-Phaser.Keyboard.F8 = 119;
-Phaser.Keyboard.F9 = 120;
-Phaser.Keyboard.F10 = 121;
-Phaser.Keyboard.F11 = 122;
-Phaser.Keyboard.F12 = 123;
-Phaser.Keyboard.F13 = 124;
-Phaser.Keyboard.F14 = 125;
-Phaser.Keyboard.F15 = 126;
-Phaser.Keyboard.COLON = 186;
-Phaser.Keyboard.EQUALS = 187;
-Phaser.Keyboard.UNDERSCORE = 189;
-Phaser.Keyboard.QUESTION_MARK = 191;
-Phaser.Keyboard.TILDE = 192;
-Phaser.Keyboard.OPEN_BRACKET = 219;
-Phaser.Keyboard.BACKWARD_SLASH = 220;
-Phaser.Keyboard.CLOSED_BRACKET = 221;
-Phaser.Keyboard.QUOTES = 222;
-Phaser.Keyboard.BACKSPACE = 8;
-Phaser.Keyboard.TAB = 9;
-Phaser.Keyboard.CLEAR = 12;
-Phaser.Keyboard.ENTER = 13;
-Phaser.Keyboard.SHIFT = 16;
-Phaser.Keyboard.CONTROL = 17;
-Phaser.Keyboard.ALT = 18;
-Phaser.Keyboard.CAPS_LOCK = 20;
-Phaser.Keyboard.ESC = 27;
-Phaser.Keyboard.SPACEBAR = 32;
-Phaser.Keyboard.PAGE_UP = 33;
-Phaser.Keyboard.PAGE_DOWN = 34;
-Phaser.Keyboard.END = 35;
-Phaser.Keyboard.HOME = 36;
-Phaser.Keyboard.LEFT = 37;
-Phaser.Keyboard.UP = 38;
-Phaser.Keyboard.RIGHT = 39;
-Phaser.Keyboard.DOWN = 40;
-Phaser.Keyboard.INSERT = 45;
-Phaser.Keyboard.DELETE = 46;
-Phaser.Keyboard.HELP = 47;
-Phaser.Keyboard.NUM_LOCK = 144;
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Phaser - Mouse constructor.
-*
-* @class Phaser.Mouse
-* @classdesc The Mouse class
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-*/
-Phaser.Mouse = function (game) {
-
- /**
- * @property {Phaser.Game} game - Local reference to game.
- */
- this.game = game;
-
- /**
- * @property {Object} callbackContext - Description.
- */
- this.callbackContext = this.game;
-
- /**
- * @property {function} mouseDownCallback - Description.
- * @default
- */
- this.mouseDownCallback = null;
-
- /**
- * @property {function} mouseMoveCallback - Description.
- * @default
- */
- this.mouseMoveCallback = null;
-
- /**
- * @property {function} mouseUpCallback - Description.
- * @default
- */
- this.mouseUpCallback = null;
-
- /**
- * @property {number} button- The type of click, either: Phaser.Mouse.NO_BUTTON, Phaser.Mouse.LEFT_BUTTON, Phaser.Mouse.MIDDLE_BUTTON or Phaser.Mouse.RIGHT_BUTTON.
- * @default
- */
- this.button = -1;
-
- /**
- * You can disable all Input by setting disabled = true. While set all new input related events will be ignored.
- * @property {boolean} disabled
- * @default
- */
- this.disabled = false;
-
- /**
- * If the mouse has been Pointer Locked successfully this will be set to true.
- * @property {boolean} locked
- * @default
- */
- this.locked = false;
-
- /**
- * This event is dispatched when the browser enters or leaves pointer lock state.
- * @property {Phaser.Signal} pointerLock
- * @default
- */
- this.pointerLock = new Phaser.Signal;
-
- /**
- * The browser mouse event.
- * @property {MouseEvent} event
- */
- this.event;
-
- /**
- * @property {function} _onMouseDown
- * @private
- */
- this._onMouseDown;
-
- /**
- * @property {function} _onMouseMove
- * @private
- */
- this._onMouseMove;
-
- /**
- * @property {function} _onMouseUp
- * @private
- */
- this._onMouseUp;
-
-};
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Mouse.NO_BUTTON = -1;
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Mouse.LEFT_BUTTON = 0;
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Mouse.MIDDLE_BUTTON = 1;
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.Mouse.RIGHT_BUTTON = 2;
-
-Phaser.Mouse.prototype = {
-
- /**
- * Starts the event listeners running.
- * @method Phaser.Mouse#start
- */
- start: function () {
-
- var _this = this;
-
- if (this.game.device.android && this.game.device.chrome == false)
- {
- // Android stock browser fires mouse events even if you preventDefault on the touchStart, so ...
- return;
- }
-
- this._onMouseDown = function (event) {
- return _this.onMouseDown(event);
- };
-
- this._onMouseMove = function (event) {
- return _this.onMouseMove(event);
- };
-
- this._onMouseUp = function (event) {
- return _this.onMouseUp(event);
- };
-
- // this.game.renderer.view.addEventListener('mousedown', this._onMouseDown, true);
- // this.game.renderer.view.addEventListener('mousemove', this._onMouseMove, true);
- // this.game.renderer.view.addEventListener('mouseup', this._onMouseUp, true);
-
- document.addEventListener('mousedown', this._onMouseDown, true);
- document.addEventListener('mousemove', this._onMouseMove, true);
- document.addEventListener('mouseup', this._onMouseUp, true);
-
- },
-
- /**
- * The internal method that handles the mouse down event from the browser.
- * @method Phaser.Mouse#onMouseDown
- * @param {MouseEvent} event
- */
- onMouseDown: function (event) {
-
- this.event = event;
-
- event.preventDefault();
-
- this.button = event.which;
-
- if (this.mouseDownCallback)
- {
- this.mouseDownCallback.call(this.callbackContext, event);
- }
-
- if (this.game.input.disabled || this.disabled)
- {
- return;
- }
-
- event['identifier'] = 0;
-
- this.game.input.mousePointer.start(event);
-
- },
-
- /**
- * The internal method that handles the mouse move event from the browser.
- * @method Phaser.Mouse#onMouseMove
- * @param {MouseEvent} event
- */
- onMouseMove: function (event) {
-
- this.event = event;
-
- event.preventDefault();
-
- if (this.mouseMoveCallback)
- {
- this.mouseMoveCallback.call(this.callbackContext, event);
- }
-
- if (this.game.input.disabled || this.disabled)
- {
- return;
- }
-
- event['identifier'] = 0;
-
- this.game.input.mousePointer.move(event);
-
- },
-
- /**
- * The internal method that handles the mouse up event from the browser.
- * @method Phaser.Mouse#onMouseUp
- * @param {MouseEvent} event
- */
- onMouseUp: function (event) {
-
- this.event = event;
-
- event.preventDefault();
-
- this.button = Phaser.Mouse.NO_BUTTON;
-
- if (this.mouseUpCallback)
- {
- this.mouseUpCallback.call(this.callbackContext, event);
- }
-
- if (this.game.input.disabled || this.disabled)
- {
- return;
- }
-
- event['identifier'] = 0;
-
- this.game.input.mousePointer.stop(event);
-
- },
-
- /**
- * If the browser supports it you can request that the pointer be locked to the browser window.
- * This is classically known as 'FPS controls', where the pointer can't leave the browser until the user presses an exit key.
- * If the browser successfully enters a locked state the event Phaser.Mouse.pointerLock will be dispatched and the first parameter will be 'true'.
- * @method Phaser.Mouse#requestPointerLock
- */
- requestPointerLock: function () {
-
- if (this.game.device.pointerLock)
- {
- var element = this.game.stage.canvas;
-
- element.requestPointerLock = element.requestPointerLock || element.mozRequestPointerLock || element.webkitRequestPointerLock;
-
- element.requestPointerLock();
-
- var _this = this;
-
- this._pointerLockChange = function (event) {
- return _this.pointerLockChange(event);
- };
-
- document.addEventListener('pointerlockchange', this._pointerLockChange, true);
- document.addEventListener('mozpointerlockchange', this._pointerLockChange, true);
- document.addEventListener('webkitpointerlockchange', this._pointerLockChange, true);
- }
-
- },
-
- /**
- * Internal pointerLockChange handler.
- * @method Phaser.Mouse#pointerLockChange
- * @param {MouseEvent} event
- */
- pointerLockChange: function (event) {
-
- var element = this.game.stage.canvas;
-
- if (document.pointerLockElement === element || document.mozPointerLockElement === element || document.webkitPointerLockElement === element)
- {
- // Pointer was successfully locked
- this.locked = true;
- this.pointerLock.dispatch(true);
- }
- else
- {
- // Pointer was unlocked
- this.locked = false;
- this.pointerLock.dispatch(false);
- }
-
- },
-
- /**
- * Internal release pointer lock handler.
- * @method Phaser.Mouse#releasePointerLock
- */
- releasePointerLock: function () {
-
- document.exitPointerLock = document.exitPointerLock || document.mozExitPointerLock || document.webkitExitPointerLock;
-
- document.exitPointerLock();
-
- document.removeEventListener('pointerlockchange', this._pointerLockChange, true);
- document.removeEventListener('mozpointerlockchange', this._pointerLockChange, true);
- document.removeEventListener('webkitpointerlockchange', this._pointerLockChange, true);
-
- },
-
- /**
- * Stop the event listeners.
- * @method Phaser.Mouse#stop
- */
- stop: function () {
-
- // this.game.stage.canvas.removeEventListener('mousedown', this._onMouseDown, true);
- // this.game.stage.canvas.removeEventListener('mousemove', this._onMouseMove, true);
- // this.game.stage.canvas.removeEventListener('mouseup', this._onMouseUp, true);
-
- document.removeEventListener('mousedown', this._onMouseDown, true);
- document.removeEventListener('mousemove', this._onMouseMove, true);
- document.removeEventListener('mouseup', this._onMouseUp, true);
-
- }
-
-};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Phaser - MSPointer constructor.
-*
-* @class Phaser.MSPointer
-* @classdesc The MSPointer class handles touch interactions with the game and the resulting Pointer objects.
-* It will work only in Internet Explorer 10 and Windows Store or Windows Phone 8 apps using JavaScript.
-* http://msdn.microsoft.com/en-us/library/ie/hh673557(v=vs.85).aspx
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-*/
-Phaser.MSPointer = function (game) {
-
- /**
- * @property {Phaser.Game} game - Local reference to game.
- */
- this.game = game;
-
- /**
- * @property {Phaser.Game} callbackContext - Description.
- */
- this.callbackContext = this.game;
-
- /**
- * @property {Description} mouseDownCallback - Description.
- * @default
- */
- this.mouseDownCallback = null;
-
- /**
- * @property {Description} mouseMoveCallback - Description.
- * @default
- */
- this.mouseMoveCallback = null;
-
- /**
- * @property {Description} mouseUpCallback - Description.
- * @default
- */
- this.mouseUpCallback = null;
-
- /**
- * You can disable all Input by setting disabled = true. While set all new input related events will be ignored.
- * @property {boolean} disabled
- */
- this.disabled = false;
-
- /**
- * Description.
- * @property {Description} _onMSPointerDown
- * @private
- * @default
- */
- this._onMSPointerDown = null;
-
- /**
- * Description.
- * @property {Description} _onMSPointerMove
- * @private
- * @default
- */
- this._onMSPointerMove = null;
-
- /**
- * Description.
- * @property {Description} _onMSPointerUp
- * @private
- * @default
- */
- this._onMSPointerUp = null;
-
-};
-
-Phaser.MSPointer.prototype = {
-
- /**
- * Starts the event listeners running.
- * @method Phaser.MSPointer#start
- */
- start: function () {
-
- var _this = this;
-
- if (this.game.device.mspointer == true)
- {
- this._onMSPointerDown = function (event) {
- return _this.onPointerDown(event);
- };
-
- this._onMSPointerMove = function (event) {
- return _this.onPointerMove(event);
- };
-
- this._onMSPointerUp = function (event) {
- return _this.onPointerUp(event);
- };
-
- this.game.renderer.view.addEventListener('MSPointerDown', this._onMSPointerDown, false);
- this.game.renderer.view.addEventListener('MSPointerMove', this._onMSPointerMove, false);
- this.game.renderer.view.addEventListener('MSPointerUp', this._onMSPointerUp, false);
-
- this.game.renderer.view.style['-ms-content-zooming'] = 'none';
- this.game.renderer.view.style['-ms-touch-action'] = 'none';
-
- }
-
- },
-
- /**
- * Description.
- * @method Phaser.MSPointer#onPointerDown
- * @param {Any} event
- **/
- onPointerDown: function (event) {
-
- if (this.game.input.disabled || this.disabled)
- {
- return;
- }
-
- event.preventDefault();
- event.identifier = event.pointerId;
-
- this.game.input.startPointer(event);
-
- },
-
- /**
- * Description.
- * @method Phaser.MSPointer#onPointerMove
- * @param {Any} event
- **/
- onPointerMove: function (event) {
-
- if (this.game.input.disabled || this.disabled)
- {
- return;
- }
-
- event.preventDefault();
- event.identifier = event.pointerId;
-
- this.game.input.updatePointer(event);
-
- },
-
- /**
- * Description.
- * @method Phaser.MSPointer#onPointerUp
- * @param {Any} event
- **/
- onPointerUp: function (event) {
-
- if (this.game.input.disabled || this.disabled)
- {
- return;
- }
-
- event.preventDefault();
- event.identifier = event.pointerId;
-
- this.game.input.stopPointer(event);
-
- },
-
- /**
- * Stop the event listeners.
- * @method Phaser.MSPointer#stop
- */
- stop: function () {
-
- this.game.stage.canvas.removeEventListener('MSPointerDown', this._onMSPointerDown);
- this.game.stage.canvas.removeEventListener('MSPointerMove', this._onMSPointerMove);
- this.game.stage.canvas.removeEventListener('MSPointerUp', this._onMSPointerUp);
-
- }
-
-};
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Phaser - Pointer constructor.
-*
-* @class Phaser.Pointer
-* @classdesc A Pointer object is used by the Mouse, Touch and MSPoint managers and represents a single finger on the touch screen.
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-* @param {Description} id - Description.
-*/
-Phaser.Pointer = function (game, id) {
-
- /**
- * @property {Phaser.Game} game - Local reference to game.
- */
- this.game = game;
-
- /**
- * @property {Description} id - Description.
- */
- this.id = id;
-
- /**
- * Local private variable to store the status of dispatching a hold event.
- * @property {boolean} _holdSent
- * @private
- * @default
- */
- this._holdSent = false;
-
- /**
- * Local private variable storing the short-term history of pointer movements.
- * @property {array} _history
- * @private
- */
- this._history = [];
-
- /**
- * Local private variable storing the time at which the next history drop should occur
- * @property {number} _lastDrop
- * @private
- * @default
- */
- this._nextDrop = 0;
-
- /**
- * Monitor events outside of a state reset loop.
- * @property {boolean} _stateReset
- * @private
- * @default
- */
- this._stateReset = false;
-
- /**
- * Description.
- * @property {boolean} withinGame
- */
- this.withinGame = false;
-
- /**
- * The horizontal coordinate of point relative to the viewport in pixels, excluding any scroll offset.
- * @property {number} clientX
- * @default
- */
- this.clientX = -1;
-
- /**
- * The vertical coordinate of point relative to the viewport in pixels, excluding any scroll offset.
- * @property {number} clientY
- * @default
- */
- this.clientY = -1;
-
- /**
- * The horizontal coordinate of point relative to the viewport in pixels, including any scroll offset.
- * @property {number} pageX
- * @default
- */
- this.pageX = -1;
-
- /**
- * The vertical coordinate of point relative to the viewport in pixels, including any scroll offset.
- * @property {number} pageY
- * @default
- */
- this.pageY = -1;
-
- /**
- * The horizontal coordinate of point relative to the screen in pixels.
- * @property {number} screenX
- * @default
- */
- this.screenX = -1;
-
- /**
- * The vertical coordinate of point relative to the screen in pixels.
- * @property {number} screenY
- * @default
- */
- this.screenY = -1;
-
- /**
- * The horizontal coordinate of point relative to the game element. This value is automatically scaled based on game size.
- * @property {number} x
- * @default
- */
- this.x = -1;
-
- /**
- * The vertical coordinate of point relative to the game element. This value is automatically scaled based on game size.
- * @property {number} y
- * @default
- */
- this.y = -1;
-
- /**
- * If the Pointer is a mouse this is true, otherwise false.
- * @property {boolean} isMouse
- * @type {boolean}
- */
- this.isMouse = false;
-
- /**
- * If the Pointer is touching the touchscreen, or the mouse button is held down, isDown is set to true.
- * @property {boolean} isDown
- * @default
- */
- this.isDown = false;
-
- /**
- * If the Pointer is not touching the touchscreen, or the mouse button is up, isUp is set to true.
- * @property {boolean} isUp
- * @default
- */
- this.isUp = true;
-
- /**
- * A timestamp representing when the Pointer first touched the touchscreen.
- * @property {number} timeDown
- * @default
- */
- this.timeDown = 0;
-
- /**
- * A timestamp representing when the Pointer left the touchscreen.
- * @property {number} timeUp
- * @default
- */
- this.timeUp = 0;
-
- /**
- * A timestamp representing when the Pointer was last tapped or clicked.
- * @property {number} previousTapTime
- * @default
- */
- this.previousTapTime = 0;
-
- /**
- * The total number of times this Pointer has been touched to the touchscreen.
- * @property {number} totalTouches
- * @default
- */
- this.totalTouches = 0;
-
- /**
- * The number of miliseconds since the last click.
- * @property {number} msSinceLastClick
- * @default
- */
- this.msSinceLastClick = Number.MAX_VALUE;
-
- /**
- * The Game Object this Pointer is currently over / touching / dragging.
- * @property {Any} targetObject
- * @default
- */
- this.targetObject = null;
-
- /**
- * An active pointer is one that is currently pressed down on the display. A Mouse is always active.
- * @property {boolean} active
- * @default
- */
- this.active = false;
-
- /**
- * A Phaser.Point object containing the current x/y values of the pointer on the display.
- * @property {Phaser.Point} position
- */
- this.position = new Phaser.Point();
-
- /**
- * A Phaser.Point object containing the x/y values of the pointer when it was last in a down state on the display.
- * @property {Phaser.Point} positionDown
- */
- this.positionDown = new Phaser.Point();
-
- /**
- * A Phaser.Circle that is centered on the x/y coordinates of this pointer, useful for hit detection.
- * The Circle size is 44px (Apples recommended "finger tip" size).
- * @property {Phaser.Circle} circle
- */
- this.circle = new Phaser.Circle(0, 0, 44);
-
- if (id == 0)
- {
- this.isMouse = true;
- }
-
-};
-
-Phaser.Pointer.prototype = {
-
- /**
- * Called when the Pointer is pressed onto the touchscreen.
- * @method Phaser.Pointer#start
- * @param {Any} event
- */
- start: function (event) {
-
- this.identifier = event.identifier;
- this.target = event.target;
-
- if (typeof event.button !== 'undefined')
- {
- this.button = event.button;
- }
-
- // Fix to stop rogue browser plugins from blocking the visibility state event
- if (this.game.paused == true && this.game.stage.scale.incorrectOrientation == false)
- {
- this.game.paused = false;
- return this;
- }
-
- this._history.length = 0;
- this.active = true;
- this.withinGame = true;
- this.isDown = true;
- this.isUp = false;
-
- // Work out how long it has been since the last click
- this.msSinceLastClick = this.game.time.now - this.timeDown;
- this.timeDown = this.game.time.now;
- this._holdSent = false;
-
- // This sets the x/y and other local values
- this.move(event);
-
- // x and y are the old values here?
- this.positionDown.setTo(this.x, this.y);
-
- if (this.game.input.multiInputOverride == Phaser.Input.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.Input.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.Input.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0))
- {
- this.game.input.x = this.x;
- this.game.input.y = this.y;
- this.game.input.position.setTo(this.x, this.y);
- this.game.input.onDown.dispatch(this, event);
- this.game.input.resetSpeed(this.x, this.y);
- }
-
- this._stateReset = false;
- this.totalTouches++;
-
- if (this.isMouse == false)
- {
- this.game.input.currentPointers++;
- }
-
- if (this.targetObject !== null)
- {
- this.targetObject._touchedHandler(this);
- }
-
- return this;
-
- },
-
- /**
- * Description.
- * @method Phaser.Pointer#update
- */
- update: function () {
-
- if (this.active)
- {
- if (this._holdSent == false && this.duration >= this.game.input.holdRate)
- {
- if (this.game.input.multiInputOverride == Phaser.Input.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.Input.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.Input.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0))
- {
- this.game.input.onHold.dispatch(this);
- }
-
- this._holdSent = true;
- }
-
- // Update the droppings history
- if (this.game.input.recordPointerHistory && this.game.time.now >= this._nextDrop)
- {
- this._nextDrop = this.game.time.now + this.game.input.recordRate;
-
- this._history.push({
- x: this.position.x,
- y: this.position.y
- });
-
- if (this._history.length > this.game.input.recordLimit)
- {
- this._history.shift();
- }
- }
- }
-
- },
-
- /**
- * Called when the Pointer is moved
- * @method Phaser.Pointer#move
- * @param {Any} event
- */
- move: function (event) {
-
- if (this.game.input.pollLocked)
- {
- return;
- }
-
- if (typeof event.button !== 'undefined')
- {
- this.button = event.button;
- }
-
- this.clientX = event.clientX;
- this.clientY = event.clientY;
-
- this.pageX = event.pageX;
- this.pageY = event.pageY;
-
- this.screenX = event.screenX;
- this.screenY = event.screenY;
-
- this.x = (this.pageX - this.game.stage.offset.x) * this.game.input.scale.x;
- this.y = (this.pageY - this.game.stage.offset.y) * this.game.input.scale.y;
-
- this.position.setTo(this.x, this.y);
- this.circle.x = this.x;
- this.circle.y = this.y;
-
- if (this.game.input.multiInputOverride == Phaser.Input.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.Input.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.Input.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0))
- {
- this.game.input.activePointer = this;
- this.game.input.x = this.x;
- this.game.input.y = this.y;
- this.game.input.position.setTo(this.game.input.x, this.game.input.y);
- this.game.input.circle.x = this.game.input.x;
- this.game.input.circle.y = this.game.input.y;
- }
-
- // If the game is paused we don't process any target objects
- if (this.game.paused)
- {
- return this;
- }
-
- // Easy out if we're dragging something and it still exists
- if (this.targetObject !== null && this.targetObject.isDragged == true)
- {
- if (this.targetObject.update(this) == false)
- {
- this.targetObject = null;
- }
-
- return this;
- }
-
- // Work out which object is on the top
- this._highestRenderOrderID = -1;
- this._highestRenderObject = null;
- this._highestInputPriorityID = -1;
-
- // Just run through the linked list
- if (this.game.input.interactiveItems.total > 0)
- {
- var currentNode = this.game.input.interactiveItems.next;
-
- do
- {
- // If the object is using pixelPerfect checks, or has a higher InputManager.PriorityID OR if the priority ID is the same as the current highest AND it has a higher renderOrderID, then set it to the top
- if (currentNode.pixelPerfect || currentNode.priorityID > this._highestInputPriorityID || (currentNode.priorityID == this._highestInputPriorityID && currentNode.sprite.renderOrderID > this._highestRenderOrderID))
- {
- if (currentNode.checkPointerOver(this))
- {
- // console.log('HRO set', currentNode.sprite.name);
- this._highestRenderOrderID = currentNode.sprite.renderOrderID;
- this._highestInputPriorityID = currentNode.priorityID;
- this._highestRenderObject = currentNode;
- }
- }
- currentNode = currentNode.next;
- }
- while (currentNode != null)
- }
-
- if (this._highestRenderObject == null)
- {
- // The pointer isn't currently over anything, check if we've got a lingering previous target
- if (this.targetObject)
- {
- // console.log("The pointer isn't currently over anything, check if we've got a lingering previous target");
- this.targetObject._pointerOutHandler(this);
- this.targetObject = null;
- }
- }
- else
- {
- if (this.targetObject == null)
- {
- // And now set the new one
- // console.log('And now set the new one');
- this.targetObject = this._highestRenderObject;
- this._highestRenderObject._pointerOverHandler(this);
- }
- else
- {
- // We've got a target from the last update
- // console.log("We've got a target from the last update");
- if (this.targetObject == this._highestRenderObject)
- {
- // Same target as before, so update it
- // console.log("Same target as before, so update it");
- if (this._highestRenderObject.update(this) == false)
- {
- this.targetObject = null;
- }
- }
- else
- {
- // The target has changed, so tell the old one we've left it
- // console.log("The target has changed, so tell the old one we've left it");
- this.targetObject._pointerOutHandler(this);
-
- // And now set the new one
- this.targetObject = this._highestRenderObject;
- this.targetObject._pointerOverHandler(this);
- }
- }
- }
-
- return this;
-
- },
-
- /**
- * Called when the Pointer leaves the target area.
- * @method Phaser.Pointer#leave
- * @param {Any} event
- */
- leave: function (event) {
-
- this.withinGame = false;
- this.move(event);
-
- },
-
- /**
- * Called when the Pointer leaves the touchscreen.
- * @method Phaser.Pointer#stop
- * @param {Any} event
- */
- stop: function (event) {
-
- if (this._stateReset)
- {
- event.preventDefault();
- return;
- }
-
- this.timeUp = this.game.time.now;
-
- if (this.game.input.multiInputOverride == Phaser.Input.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.Input.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.Input.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0))
- {
- this.game.input.onUp.dispatch(this, event);
-
- // Was it a tap?
- if (this.duration >= 0 && this.duration <= this.game.input.tapRate)
- {
- // Was it a double-tap?
- if (this.timeUp - this.previousTapTime < this.game.input.doubleTapRate)
- {
- // Yes, let's dispatch the signal then with the 2nd parameter set to true
- this.game.input.onTap.dispatch(this, true);
- }
- else
- {
- // Wasn't a double-tap, so dispatch a single tap signal
- this.game.input.onTap.dispatch(this, false);
- }
-
- this.previousTapTime = this.timeUp;
- }
- }
-
- // Mouse is always active
- if (this.id > 0)
- {
- this.active = false;
- }
-
- this.withinGame = false;
- this.isDown = false;
- this.isUp = true;
-
- if (this.isMouse == false)
- {
- this.game.input.currentPointers--;
- }
-
- if (this.game.input.interactiveItems.total > 0)
- {
- var currentNode = this.game.input.interactiveItems.next;
-
- do
- {
- if (currentNode)
- {
- currentNode._releasedHandler(this);
- }
-
- currentNode = currentNode.next;
- }
- while (currentNode != null)
- }
-
- if (this.targetObject)
- {
- this.targetObject._releasedHandler(this);
- }
-
- this.targetObject = null;
- return this;
-
- },
-
- /**
- * The Pointer is considered justPressed if the time it was pressed onto the touchscreen or clicked is less than justPressedRate.
- * @method Phaser.Pointer#justPressed
- * @param {number} [duration]
- * @return {boolean}
- */
- justPressed: function (duration) {
-
- duration = duration || this.game.input.justPressedRate;
-
- return (this.isDown === true && (this.timeDown + duration) > this.game.time.now);
-
- },
-
- /**
- * The Pointer is considered justReleased if the time it left the touchscreen is less than justReleasedRate.
- * @method Phaser.Pointer#justReleased
- * @param {number} [duration]
- * @return {boolean}
- */
- justReleased: function (duration) {
-
- duration = duration || this.game.input.justReleasedRate;
-
- return (this.isUp === true && (this.timeUp + duration) > this.game.time.now);
-
- },
-
- /**
- * Resets the Pointer properties. Called by InputManager.reset when you perform a State change.
- * @method Phaser.Pointer#reset
- */
- reset: function () {
-
- if (this.isMouse == false)
- {
- this.active = false;
- }
-
- this.identifier = null;
- this.isDown = false;
- this.isUp = true;
- this.totalTouches = 0;
- this._holdSent = false;
- this._history.length = 0;
- this._stateReset = true;
-
- if (this.targetObject)
- {
- this.targetObject._releasedHandler(this);
- }
-
- this.targetObject = null;
-
- },
-
- /**
- * Returns a string representation of this object.
- * @method Phaser.Pointer#toString
- * @return {string} A string representation of the instance.
- **/
- toString: function () {
- return "[{Pointer (id=" + this.id + " identifer=" + this.identifier + " active=" + this.active + " duration=" + this.duration + " withinGame=" + this.withinGame + " x=" + this.x + " y=" + this.y + " clientX=" + this.clientX + " clientY=" + this.clientY + " screenX=" + this.screenX + " screenY=" + this.screenY + " pageX=" + this.pageX + " pageY=" + this.pageY + ")}]";
- }
-
-};
-
-/**
-* How long the Pointer has been depressed on the touchscreen. If not currently down it returns -1.
-* @name Phaser.Pointer#duration
-* @property {number} duration - How long the Pointer has been depressed on the touchscreen. If not currently down it returns -1.
-* @readonly
-*/
-Object.defineProperty(Phaser.Pointer.prototype, "duration", {
-
- get: function () {
-
- if (this.isUp)
- {
- return -1;
- }
-
- return this.game.time.now - this.timeDown;
-
- }
-
-});
-
-/**
-* Gets the X value of this Pointer in world coordinates based on the world camera.
-* @name Phaser.Pointer#worldX
-* @property {number} duration - The X value of this Pointer in world coordinates based on the world camera.
-* @readonly
-*/
-Object.defineProperty(Phaser.Pointer.prototype, "worldX", {
-
- get: function () {
-
- return this.game.world.camera.x + this.x;
-
- }
-
-});
-
-/**
-* Gets the Y value of this Pointer in world coordinates based on the world camera.
-* @name Phaser.Pointer#worldY
-* @property {number} duration - The Y value of this Pointer in world coordinates based on the world camera.
-* @readonly
-*/
-Object.defineProperty(Phaser.Pointer.prototype, "worldY", {
-
- get: function () {
-
- return this.game.world.camera.y + this.y;
-
- }
-
-});
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Phaser.Touch handles touch events with your game. Note: Android 2.x only supports 1 touch event at once, no multi-touch.
-*
-* @class Phaser.Touch
-* @classdesc The Touch class handles touch interactions with the game and the resulting Pointer objects.
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-*/
-Phaser.Touch = function (game) {
-
- /**
- * @property {Phaser.Game} game - Local reference to game.
- */
- this.game = game;
-
- /**
- * You can disable all Input by setting disabled = true. While set all new input related events will be ignored.
- * @method Phaser.Touch#disabled
- * @return {boolean}
- */
- this.disabled = false;
-
- /**
- * @property {Phaser.Game} callbackContext - Description.
- */
- this.callbackContext = this.game;
-
- /**
- * @property {Phaser.Game} touchStartCallback - Description.
- * @default
- */
- this.touchStartCallback = null;
-
- /**
- * @property {Phaser.Game} touchMoveCallback - Description.
- * @default
- */
- this.touchMoveCallback = null;
-
- /**
- * @property {Phaser.Game} touchEndCallback - Description.
- * @default
- */
- this.touchEndCallback = null;
-
- /**
- * @property {Phaser.Game} touchEnterCallback - Description.
- * @default
- */
- this.touchEnterCallback = null;
-
- /**
- * @property {Phaser.Game} touchLeaveCallback - Description.
- * @default
- */
- this.touchLeaveCallback = null;
-
- /**
- * @property {Description} touchCancelCallback - Description.
- * @default
- */
- this.touchCancelCallback = null;
-
- /**
- * @property {boolean} preventDefault - Description.
- * @default
- */
- this.preventDefault = true;
-
- this._onTouchStart = null;
- this._onTouchMove = null;
- this._onTouchEnd = null;
- this._onTouchEnter = null;
- this._onTouchLeave = null;
- this._onTouchCancel = null;
- this._onTouchMove = null;
-
-};
-
-Phaser.Touch.prototype = {
-
- /**
- * Starts the event listeners running.
- * @method Phaser.Touch#start
- */
- start: function () {
-
- var _this = this;
-
- if (this.game.device.touch)
- {
- this._onTouchStart = function (event) {
- return _this.onTouchStart(event);
- };
-
- this._onTouchMove = function (event) {
- return _this.onTouchMove(event);
- };
-
- this._onTouchEnd = function (event) {
- return _this.onTouchEnd(event);
- };
-
- this._onTouchEnter = function (event) {
- return _this.onTouchEnter(event);
- };
-
- this._onTouchLeave = function (event) {
- return _this.onTouchLeave(event);
- };
-
- this._onTouchCancel = function (event) {
- return _this.onTouchCancel(event);
- };
-
- this.game.renderer.view.addEventListener('touchstart', this._onTouchStart, false);
- this.game.renderer.view.addEventListener('touchmove', this._onTouchMove, false);
- this.game.renderer.view.addEventListener('touchend', this._onTouchEnd, false);
- this.game.renderer.view.addEventListener('touchenter', this._onTouchEnter, false);
- this.game.renderer.view.addEventListener('touchleave', this._onTouchLeave, false);
- this.game.renderer.view.addEventListener('touchcancel', this._onTouchCancel, false);
- }
-
- },
-
- /**
- * Consumes all touchmove events on the document (only enable this if you know you need it!).
- * @method Phaser.Touch#consumeTouchMove
- */
- consumeDocumentTouches: function () {
-
- this._documentTouchMove = function (event) {
- event.preventDefault();
- };
-
- document.addEventListener('touchmove', this._documentTouchMove, false);
-
- },
-
- /**
- * Description.
- * @method Phaser.Touch#onTouchStart
- * @param {Any} event
- */
- onTouchStart: function (event) {
-
- if (this.touchStartCallback)
- {
- this.touchStartCallback.call(this.callbackContext, event);
- }
-
- if (this.game.input.disabled || this.disabled)
- {
- return;
- }
-
- if (this.preventDefault)
- {
- event.preventDefault();
- }
-
- // event.targetTouches = list of all touches on the TARGET ELEMENT (i.e. game dom element)
- // event.touches = list of all touches on the ENTIRE DOCUMENT, not just the target element
- // event.changedTouches = the touches that CHANGED in this event, not the total number of them
- for (var i = 0; i < event.changedTouches.length; i++)
- {
- this.game.input.startPointer(event.changedTouches[i]);
- }
-
- },
-
- /**
- * Touch cancel - touches that were disrupted (perhaps by moving into a plugin or browser chrome).
- * Occurs for example on iOS when you put down 4 fingers and the app selector UI appears.
- * @method Phaser.Touch#onTouchCancel
- * @param {Any} event
- */
- onTouchCancel: function (event) {
-
- if (this.touchCancelCallback)
- {
- this.touchCancelCallback.call(this.callbackContext, event);
- }
-
- if (this.game.input.disabled || this.disabled)
- {
- return;
- }
-
- if (this.preventDefault)
- {
- event.preventDefault();
- }
-
- // Touch cancel - touches that were disrupted (perhaps by moving into a plugin or browser chrome)
- // http://www.w3.org/TR/touch-events/#dfn-touchcancel
- for (var i = 0; i < event.changedTouches.length; i++)
- {
- this.game.input.stopPointer(event.changedTouches[i]);
- }
-
- },
-
- /**
- * For touch enter and leave its a list of the touch points that have entered or left the target.
- * Doesn't appear to be supported by most browsers on a canvas element yet.
- * @method Phaser.Touch#onTouchEnter
- * @param {Any} event
- */
- onTouchEnter: function (event) {
-
- if (this.touchEnterCallback)
- {
- this.touchEnterCallback.call(this.callbackContext, event);
- }
-
- if (this.game.input.disabled || this.disabled)
- {
- return;
- }
-
- if (this.preventDefault)
- {
- event.preventDefault();
- }
-
- for (var i = 0; i < event.changedTouches.length; i++)
- {
- //console.log('touch enter');
- }
-
- },
-
- /**
- * For touch enter and leave its a list of the touch points that have entered or left the target.
- * Doesn't appear to be supported by most browsers on a canvas element yet.
- * @method Phaser.Touch#onTouchLeave
- * @param {Any} event
- */
- onTouchLeave: function (event) {
-
- if (this.touchLeaveCallback)
- {
- this.touchLeaveCallback.call(this.callbackContext, event);
- }
-
- if (this.preventDefault)
- {
- event.preventDefault();
- }
-
- for (var i = 0; i < event.changedTouches.length; i++)
- {
- //console.log('touch leave');
- }
-
- },
-
- /**
- * Description.
- * @method Phaser.Touch#onTouchMove
- * @param {Any} event
- */
- onTouchMove: function (event) {
-
- if (this.touchMoveCallback)
- {
- this.touchMoveCallback.call(this.callbackContext, event);
- }
-
- if (this.preventDefault)
- {
- event.preventDefault();
- }
-
- for (var i = 0; i < event.changedTouches.length; i++)
- {
- this.game.input.updatePointer(event.changedTouches[i]);
- }
-
- },
-
- /**
- * Description.
- * @method Phaser.Touch#onTouchEnd
- * @param {Any} event
- */
- onTouchEnd: function (event) {
-
- if (this.touchEndCallback)
- {
- this.touchEndCallback.call(this.callbackContext, event);
- }
-
- if (this.preventDefault)
- {
- event.preventDefault();
- }
-
- // For touch end its a list of the touch points that have been removed from the surface
- // https://developer.mozilla.org/en-US/docs/DOM/TouchList
- // event.changedTouches = the touches that CHANGED in this event, not the total number of them
- for (var i = 0; i < event.changedTouches.length; i++)
- {
- this.game.input.stopPointer(event.changedTouches[i]);
- }
-
- },
-
- /**
- * Stop the event listeners.
- * @method Phaser.Touch#stop
- */
- stop: function () {
-
- if (this.game.device.touch)
- {
- this.game.stage.canvas.removeEventListener('touchstart', this._onTouchStart);
- this.game.stage.canvas.removeEventListener('touchmove', this._onTouchMove);
- this.game.stage.canvas.removeEventListener('touchend', this._onTouchEnd);
- this.game.stage.canvas.removeEventListener('touchenter', this._onTouchEnter);
- this.game.stage.canvas.removeEventListener('touchleave', this._onTouchLeave);
- this.game.stage.canvas.removeEventListener('touchcancel', this._onTouchCancel);
- }
-
- }
-
-};
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Constructor for Phaser InputHandler.
-* @class Phaser.InputHandler
-* @classdesc Description.
-* @constructor
-* @param {Phaser.Sprite} game - Description.
-*/
-Phaser.InputHandler = function (sprite) {
-
- /**
- * @property {Phaser.Sprite} sprite - Description.
- */
- this.sprite = sprite;
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running game.
- */
- this.game = sprite.game;
-
- /**
- * @property {boolean} enabled - Description.
- * @default
- */
- this.enabled = false;
-
- // Linked list references
- /**
- * @property {Description} parent - Description.
- * @default
- */
- this.parent = null;
-
- /**
- * @property {Description} next - Description.
- * @default
- */
- this.next = null;
-
- /**
- * @property {Description} prev - Description.
- * @default
- */
- this.prev = null;
-
- /**
- * @property {Description} last - Description.
- * @default
- */
- this.last = this;
-
- /**
- * @property {Description} first - Description.
- * @default
- */
- this.first = this;
-
- /**
- * @property {number} priorityID - The PriorityID controls which Sprite receives an Input event first if they should overlap.
- * @default
- */
- this.priorityID = 0;
-
- /**
- * @property {boolean} useHandCursor - Description.
- * @default
- */
- this.useHandCursor = false;
-
- /**
- * @property {boolean} isDragged - Description.
- * @default
- */
- this.isDragged = false;
-
- /**
- * @property {boolean} allowHorizontalDrag - Description.
- * @default
- */
- this.allowHorizontalDrag = true;
-
- /**
- * @property {boolean} allowVerticalDrag - Description.
- * @default
- */
- this.allowVerticalDrag = true;
-
- /**
- * @property {boolean} bringToTop - Description.
- * @default
- */
- this.bringToTop = false;
-
- /**
- * @property {Description} snapOffset - Description.
- * @default
- */
- this.snapOffset = null;
-
- /**
- * @property {boolean} snapOnDrag - Description.
- * @default
- */
- this.snapOnDrag = false;
-
- /**
- * @property {boolean} snapOnRelease - Description.
- * @default
- */
- this.snapOnRelease = false;
-
- /**
- * @property {number} snapX - Description.
- * @default
- */
- this.snapX = 0;
-
- /**
- * @property {number} snapY - Description.
- * @default
- */
- this.snapY = 0;
-
- /**
- * @property {number} pixelPerfect - Should we use pixel perfect hit detection? Warning: expensive. Only enable if you really need it!
- * @default
- */
- this.pixelPerfect = false;
-
- /**
- * @property {number} pixelPerfectAlpha - The alpha tolerance threshold. If the alpha value of the pixel matches or is above this value, it's considered a hit.
- * @default
- */
- this.pixelPerfectAlpha = 255;
-
- /**
- * @property {boolean} draggable - Is this sprite allowed to be dragged by the mouse? true = yes, false = no
- * @default
- */
- this.draggable = false;
-
- /**
- * @property {Description} boundsRect - A region of the game world within which the sprite is restricted during drag.
- * @default
- */
- this.boundsRect = null;
-
- /**
- * @property {Description} boundsSprite - A Sprite the bounds of which this sprite is restricted during drag.
- * @default
- */
- this.boundsSprite = null;
-
- /**
- * If this object is set to consume the pointer event then it will stop all propogation from this object on.
- * For example if you had a stack of 6 sprites with the same priority IDs and one consumed the event, none of the others would receive it.
- * @property {boolean} consumePointerEvent
- * @default
- */
- this.consumePointerEvent = false;
-
- /**
- * @property {Phaser.Point} _tempPoint - Description.
- * @private
- */
- this._tempPoint = new Phaser.Point;
-
- this._pointerData = [];
-
- this._pointerData.push({
- id: 0,
- x: 0,
- y: 0,
- isDown: false,
- isUp: false,
- isOver: false,
- isOut: false,
- timeOver: 0,
- timeOut: 0,
- timeDown: 0,
- timeUp: 0,
- downDuration: 0,
- isDragged: false
- });
-
-};
-
-Phaser.InputHandler.prototype = {
-
- /**
- * Description.
- * @method Phaser.InputHandler#start
- * @param {number} priority - Description.
- * @param {boolean} useHandCursor - Description.
- * @return {Phaser.Sprite} Description.
- */
- start: function (priority, useHandCursor) {
-
- priority = priority || 0;
- if (typeof useHandCursor == 'undefined') { useHandCursor = false; }
-
- // Turning on
- if (this.enabled == false)
- {
- // Register, etc
- this.game.input.interactiveItems.add(this);
- this.useHandCursor = useHandCursor;
- this.priorityID = priority;
-
- for (var i = 0; i < 10; i++)
- {
- this._pointerData[i] = {
- id: i,
- x: 0,
- y: 0,
- isDown: false,
- isUp: false,
- isOver: false,
- isOut: false,
- timeOver: 0,
- timeOut: 0,
- timeDown: 0,
- timeUp: 0,
- downDuration: 0,
- isDragged: false
- };
- }
-
- this.snapOffset = new Phaser.Point;
- this.enabled = true;
-
- // Create the signals the Input component will emit
- if (this.sprite.events && this.sprite.events.onInputOver == null)
- {
- this.sprite.events.onInputOver = new Phaser.Signal;
- this.sprite.events.onInputOut = new Phaser.Signal;
- this.sprite.events.onInputDown = new Phaser.Signal;
- this.sprite.events.onInputUp = new Phaser.Signal;
- this.sprite.events.onDragStart = new Phaser.Signal;
- this.sprite.events.onDragStop = new Phaser.Signal;
- }
- }
-
- return this.sprite;
-
- },
-
- /**
- * Description.
- * @method Phaser.InputHandler#reset
- */
- reset: function () {
-
- this.enabled = false;
-
- for (var i = 0; i < 10; i++)
- {
- this._pointerData[i] = {
- id: i,
- x: 0,
- y: 0,
- isDown: false,
- isUp: false,
- isOver: false,
- isOut: false,
- timeOver: 0,
- timeOut: 0,
- timeDown: 0,
- timeUp: 0,
- downDuration: 0,
- isDragged: false
- };
- }
- },
-
- /**
- * Description.
- * @method Phaser.InputHandler#stop
- */
- stop: function () {
-
- // Turning off
- if (this.enabled == false)
- {
- return;
- }
- else
- {
- // De-register, etc
- this.enabled = false;
- this.game.input.interactiveItems.remove(this);
- }
-
- },
-
- /**
- * Clean up memory.
- * @method Phaser.InputHandler#destroy
- */
- destroy: function () {
-
- if (this.enabled)
- {
- this.enabled = false;
-
- this.game.input.interactiveItems.remove(this);
-
- this.stop();
-
- this.sprite = null;
- }
- },
-
- /**
- * The x coordinate of the Input pointer, relative to the top-left of the parent Sprite.
- * This value is only set when the pointer is over this Sprite.
- * @method Phaser.InputHandler#pointerX
- * @param {Pointer} pointer
- * @return {number} The x coordinate of the Input pointer.
- */
- pointerX: function (pointer) {
-
- pointer = pointer || 0;
-
- return this._pointerData[pointer].x;
-
- },
-
- /**
- * The y coordinate of the Input pointer, relative to the top-left of the parent Sprite
- * This value is only set when the pointer is over this Sprite.
- * @method Phaser.InputHandler#pointerY
- * @param {Pointer} pointer
- * @return {number} The y coordinate of the Input pointer.
- */
- pointerY: function (pointer) {
-
- pointer = pointer || 0;
-
- return this._pointerData[pointer].y;
-
- },
-
- /**
- * If the Pointer is touching the touchscreen, or the mouse button is held down, isDown is set to true.
- * @method Phaser.InputHandler#pointerDown
- * @param {Pointer} pointer
- * @return {boolean}
- */
- pointerDown: function (pointer) {
-
- pointer = pointer || 0;
-
- return this._pointerData[pointer].isDown;
-
- },
-
- /**
- * If the Pointer is not touching the touchscreen, or the mouse button is up, isUp is set to true
- * @method Phaser.InputHandler#pointerUp
- * @param {Pointer} pointer
- * @return {boolean}
- */
- pointerUp: function (pointer) {
-
- pointer = pointer || 0;
-
- return this._pointerData[pointer].isUp;
-
- },
-
- /**
- * A timestamp representing when the Pointer first touched the touchscreen.
- * @method Phaser.InputHandler#pointerTimeDown
- * @param {Pointer} pointer
- * @return {number}
- */
- pointerTimeDown: function (pointer) {
-
- pointer = pointer || 0;
-
- return this._pointerData[pointer].timeDown;
-
- },
-
- /**
- * A timestamp representing when the Pointer left the touchscreen.
- * @method Phaser.InputHandler#pointerTimeUp
- * @param {Pointer} pointer
- * @return {number}
- */
- pointerTimeUp: function (pointer) {
-
- pointer = pointer || 0;
-
- return this._pointerData[pointer].timeUp;
-
- },
-
- /**
- * Is the Pointer over this Sprite?
- * @method Phaser.InputHandler#pointerOver
- * @param {number} [index] - The ID number of a Pointer to check. If you don't provide a number it will check all Pointers.
- * @return {boolean} True if the given pointer (if a index was given, or any pointer if not) is over this object.
- */
- pointerOver: function (index) {
-
- if (this.enabled)
- {
- if (typeof index === 'undefined')
- {
- for (var i = 0; i < 10; i++)
- {
- if (this._pointerData[i].isOver)
- {
- return true;
- }
- }
- }
- else
- {
- return this._pointerData[index].isOver;
- }
- }
-
- return false;
-
- },
-
- /**
- * Is the Pointer outside of this Sprite?
- * @method Phaser.InputHandler#pointerOut
- * @param {number} [index] - The ID number of a Pointer to check. If you don't provide a number it will check all Pointers.
- * @return {boolean} True if the given pointer (if a index was given, or any pointer if not) is out of this object.
- */
- pointerOut: function (pointer) {
-
- if (this.enabled)
- {
- if (typeof index === 'undefined')
- {
- for (var i = 0; i < 10; i++)
- {
- if (this._pointerData[i].isOut)
- {
- return true;
- }
- }
- }
- else
- {
- return this._pointerData[index].isOut;
- }
- }
-
- return false;
-
- },
-
- /**
- * A timestamp representing when the Pointer first touched the touchscreen.
- * @method Phaser.InputHandler#pointerTimeOver
- * @param {Pointer} pointer
- * @return {number}
- */
- pointerTimeOver: function (pointer) {
-
- pointer = pointer || 0;
-
- return this._pointerData[pointer].timeOver;
-
- },
-
- /**
- * A timestamp representing when the Pointer left the touchscreen.
- * @method Phaser.InputHandler#pointerTimeOut
- * @param {Pointer} pointer
- * @return {number}
- */
- pointerTimeOut: function (pointer) {
-
- pointer = pointer || 0;
-
- return this._pointerData[pointer].timeOut;
-
- },
-
- /**
- * Is this sprite being dragged by the mouse or not?
- * @method Phaser.InputHandler#pointerTimeOut
- * @param {Pointer} pointer
- * @return {number}
- */
- pointerDragged: function (pointer) {
-
- pointer = pointer || 0;
-
- return this._pointerData[pointer].isDragged;
-
- },
-
- /**
- * Checks if the given pointer is over this Sprite.
- * @method Phaser.InputHandler#checkPointerOver
- * @param {Pointer} pointer
- * @return {boolean}
- */
- checkPointerOver: function (pointer) {
-
- if (this.enabled && this.sprite.visible)
- {
- this.sprite.getLocalUnmodifiedPosition(this._tempPoint, pointer.x, pointer.y);
-
- if (this._tempPoint.x >= 0 && this._tempPoint.x <= this.sprite.currentFrame.width && this._tempPoint.y >= 0 && this._tempPoint.y <= this.sprite.currentFrame.height)
- {
- if (this.pixelPerfect)
- {
- return this.checkPixel(this._tempPoint.x, this._tempPoint.y);
- }
- else
- {
- return true;
- }
- }
- }
-
- return false;
-
- },
-
- /**
- * Runs a pixel perfect check against the given x/y coordinates of the Sprite this InputHandler is bound to.
- * It compares the alpha value of the pixel and if >= InputHandler.pixelPerfectAlpha it returns true.
- * @method Phaser.InputHandler#checkPixel
- * @param {number} x - The x coordinate to check.
- * @param {number} y - The y coordinate to check.
- * @return {boolean} true if there is the alpha of the pixel is >= InputHandler.pixelPerfectAlpha
- */
- checkPixel: function (x, y) {
-
- // Grab a pixel from our image into the hitCanvas and then test it
- if (this.sprite.texture.baseTexture.source)
- {
- this.game.input.hitContext.clearRect(0, 0, 1, 1);
-
- x += this.sprite.texture.frame.x;
- y += this.sprite.texture.frame.y;
-
- this.game.input.hitContext.drawImage(this.sprite.texture.baseTexture.source, x, y, 1, 1, 0, 0, 1, 1);
-
- var rgb = this.game.input.hitContext.getImageData(0, 0, 1, 1);
-
- if (rgb.data[3] >= this.pixelPerfectAlpha)
- {
- return true;
- }
- }
-
- return false;
-
- },
-
- /**
- * Update.
- * @method Phaser.InputHandler#update
- * @param {Pointer} pointer
- */
- update: function (pointer) {
-
- if (this.enabled == false || this.sprite.visible == false || (this.sprite.group && this.sprite.group.visible == false))
- {
- this._pointerOutHandler(pointer);
- return false;
- }
-
- if (this.draggable && this._draggedPointerID == pointer.id)
- {
- return this.updateDrag(pointer);
- }
- else if (this._pointerData[pointer.id].isOver == true)
- {
- if (this.checkPointerOver(pointer))
- {
- this._pointerData[pointer.id].x = pointer.x - this.sprite.x;
- this._pointerData[pointer.id].y = pointer.y - this.sprite.y;
- return true;
- }
- else
- {
- this._pointerOutHandler(pointer);
- return false;
- }
- }
- },
-
- /**
- * Description.
- * @method Phaser.InputHandler#_pointerOverHandler
- * @private
- * @param {Pointer} pointer
- */
- _pointerOverHandler: function (pointer) {
-
- if (this._pointerData[pointer.id].isOver == false)
- {
- this._pointerData[pointer.id].isOver = true;
- this._pointerData[pointer.id].isOut = false;
- this._pointerData[pointer.id].timeOver = this.game.time.now;
- this._pointerData[pointer.id].x = pointer.x - this.sprite.x;
- this._pointerData[pointer.id].y = pointer.y - this.sprite.y;
-
- if (this.useHandCursor && this._pointerData[pointer.id].isDragged == false)
- {
- this.game.stage.canvas.style.cursor = "pointer";
- }
-
- this.sprite.events.onInputOver.dispatch(this.sprite, pointer);
- }
- },
-
- /**
- * Description.
- * @method Phaser.InputHandler#_pointerOutHandler
- * @private
- * @param {Pointer} pointer
- */
- _pointerOutHandler: function (pointer) {
-
- this._pointerData[pointer.id].isOver = false;
- this._pointerData[pointer.id].isOut = true;
- this._pointerData[pointer.id].timeOut = this.game.time.now;
-
- if (this.useHandCursor && this._pointerData[pointer.id].isDragged == false)
- {
- this.game.stage.canvas.style.cursor = "default";
- }
-
- if (this.sprite && this.sprite.events)
- {
- this.sprite.events.onInputOut.dispatch(this.sprite, pointer);
- }
-
- },
-
- /**
- * Description.
- * @method Phaser.InputHandler#_touchedHandler
- * @private
- * @param {Pointer} pointer
- */
- _touchedHandler: function (pointer) {
-
- if (this._pointerData[pointer.id].isDown == false && this._pointerData[pointer.id].isOver == true)
- {
- this._pointerData[pointer.id].isDown = true;
- this._pointerData[pointer.id].isUp = false;
- this._pointerData[pointer.id].timeDown = this.game.time.now;
- this.sprite.events.onInputDown.dispatch(this.sprite, pointer);
-
- // Start drag
- if (this.draggable && this.isDragged == false)
- {
- this.startDrag(pointer);
- }
-
- if (this.bringToTop)
- {
- this.sprite.bringToTop();
- }
- }
-
- // Consume the event?
- return this.consumePointerEvent;
-
- },
-
- /**
- * Description.
- * @method Phaser.InputHandler#_releasedHandler
- * @private
- * @param {Pointer} pointer
- */
- _releasedHandler: function (pointer) {
-
- // If was previously touched by this Pointer, check if still is AND still over this item
- if (this._pointerData[pointer.id].isDown && pointer.isUp)
- {
- this._pointerData[pointer.id].isDown = false;
- this._pointerData[pointer.id].isUp = true;
- this._pointerData[pointer.id].timeUp = this.game.time.now;
- this._pointerData[pointer.id].downDuration = this._pointerData[pointer.id].timeUp - this._pointerData[pointer.id].timeDown;
-
- // Only release the InputUp signal if the pointer is still over this sprite
- if (this.checkPointerOver(pointer))
- {
- //console.log('releasedHandler: ' + Date.now());
- this.sprite.events.onInputUp.dispatch(this.sprite, pointer);
- }
- else
- {
- // Pointer outside the sprite? Reset the cursor
- if (this.useHandCursor)
- {
- this.game.stage.canvas.style.cursor = "default";
- }
- }
-
- // Stop drag
- if (this.draggable && this.isDragged && this._draggedPointerID == pointer.id)
- {
- this.stopDrag(pointer);
- }
- }
-
- },
-
- /**
- * Updates the Pointer drag on this Sprite.
- * @method Phaser.InputHandler#updateDrag
- * @param {Pointer} pointer
- * @return {boolean}
- */
- updateDrag: function (pointer) {
-
- if (pointer.isUp)
- {
- this.stopDrag(pointer);
- return false;
- }
-
- if (this.allowHorizontalDrag)
- {
- this.sprite.x = pointer.x + this._dragPoint.x + this.dragOffset.x;
- }
-
- if (this.allowVerticalDrag)
- {
- this.sprite.y = pointer.y + this._dragPoint.y + this.dragOffset.y;
- }
-
- if (this.boundsRect)
- {
- this.checkBoundsRect();
- }
-
- if (this.boundsSprite)
- {
- this.checkBoundsSprite();
- }
-
- if (this.snapOnDrag)
- {
- this.sprite.x = Math.round(this.sprite.x / this.snapX) * this.snapX;
- this.sprite.y = Math.round(this.sprite.y / this.snapY) * this.snapY;
- }
-
- return true;
-
- },
-
- /**
- * Returns true if the pointer has entered the Sprite within the specified delay time (defaults to 500ms, half a second)
- * @method Phaser.InputHandler#justOver
- * @param {Pointer} pointer
- * @param {number} delay - The time below which the pointer is considered as just over.
- * @return {boolean}
- */
- justOver: function (pointer, delay) {
-
- pointer = pointer || 0;
- delay = delay || 500;
-
- return (this._pointerData[pointer].isOver && this.overDuration(pointer) < delay);
-
- },
-
- /**
- * Returns true if the pointer has left the Sprite within the specified delay time (defaults to 500ms, half a second)
- * @method Phaser.InputHandler#justOut
- * @param {Pointer} pointer
- * @param {number} delay - The time below which the pointer is considered as just out.
- * @return {boolean}
- */
- justOut: function (pointer, delay) {
-
- pointer = pointer || 0;
- delay = delay || 500;
-
- return (this._pointerData[pointer].isOut && (this.game.time.now - this._pointerData[pointer].timeOut < delay));
-
- },
-
- /**
- * Returns true if the pointer has entered the Sprite within the specified delay time (defaults to 500ms, half a second)
- * @method Phaser.InputHandler#justPressed
- * @param {Pointer} pointer
- * @param {number} delay - The time below which the pointer is considered as just over.
- * @return {boolean}
- */
- justPressed: function (pointer, delay) {
-
- pointer = pointer || 0;
- delay = delay || 500;
-
- return (this._pointerData[pointer].isDown && this.downDuration(pointer) < delay);
-
- },
-
- /**
- * Returns true if the pointer has left the Sprite within the specified delay time (defaults to 500ms, half a second)
- * @method Phaser.InputHandler#justReleased
- * @param {Pointer} pointer
- * @param {number} delay - The time below which the pointer is considered as just out.
- * @return {boolean}
- */
- justReleased: function (pointer, delay) {
-
- pointer = pointer || 0;
- delay = delay || 500;
-
- return (this._pointerData[pointer].isUp && (this.game.time.now - this._pointerData[pointer].timeUp < delay));
-
- },
-
- /**
- * If the pointer is currently over this Sprite this returns how long it has been there for in milliseconds.
- * @method Phaser.InputHandler#overDuration
- * @param {Pointer} pointer
- * @return {number} The number of milliseconds the pointer has been over the Sprite, or -1 if not over.
- */
- overDuration: function (pointer) {
-
- pointer = pointer || 0;
-
- if (this._pointerData[pointer].isOver)
- {
- return this.game.time.now - this._pointerData[pointer].timeOver;
- }
-
- return -1;
-
- },
-
- /**
- * If the pointer is currently over this Sprite this returns how long it has been there for in milliseconds.
- * @method Phaser.InputHandler#downDuration
- * @param {Pointer} pointer
- * @return {number} The number of milliseconds the pointer has been pressed down on the Sprite, or -1 if not over.
- */
- downDuration: function (pointer) {
-
- pointer = pointer || 0;
-
- if (this._pointerData[pointer].isDown)
- {
- return this.game.time.now - this._pointerData[pointer].timeDown;
- }
-
- return -1;
-
- },
-
- /**
- * Make this Sprite draggable by the mouse. You can also optionally set mouseStartDragCallback and mouseStopDragCallback
- * @method Phaser.InputHandler#enableDrag
- * @param lockCenter If false the Sprite will drag from where you click it minus the dragOffset. If true it will center itself to the tip of the mouse pointer.
- * @param bringToTop If true the Sprite will be bought to the top of the rendering list in its current Group.
- * @param pixelPerfect If true it will use a pixel perfect test to see if you clicked the Sprite. False uses the bounding box.
- * @param alphaThreshold If using pixel perfect collision this specifies the alpha level from 0 to 255 above which a collision is processed (default 255)
- * @param boundsRect If you want to restrict the drag of this sprite to a specific FlxRect, pass the FlxRect here, otherwise it's free to drag anywhere
- * @param boundsSprite If you want to restrict the drag of this sprite to within the bounding box of another sprite, pass it here
- */
- enableDrag: function (lockCenter, bringToTop, pixelPerfect, alphaThreshold, boundsRect, boundsSprite) {
-
- if (typeof lockCenter == 'undefined') { lockCenter = false; }
- if (typeof bringToTop == 'undefined') { bringToTop = false; }
- if (typeof pixelPerfect == 'undefined') { pixelPerfect = false; }
-
- alphaThreshold = alphaThreshold || 255;
- boundsRect = boundsRect || null;
- boundsSprite = boundsSprite || null;
-
- this._dragPoint = new Phaser.Point();
- this.draggable = true;
- this.bringToTop = bringToTop;
- this.dragOffset = new Phaser.Point();
- this.dragFromCenter = lockCenter;
-
- this.pixelPerfect = pixelPerfect;
- this.pixelPerfectAlpha = alphaThreshold;
-
- if (boundsRect)
- {
- this.boundsRect = boundsRect;
- }
-
- if (boundsSprite)
- {
- this.boundsSprite = boundsSprite;
- }
-
- },
-
- /**
- * Stops this sprite from being able to be dragged. If it is currently the target of an active drag it will be stopped immediately. Also disables any set callbacks.
- * @method Phaser.InputHandler#disableDrag
- */
- disableDrag: function () {
-
- if (this._pointerData)
- {
- for (var i = 0; i < 10; i++)
- {
- this._pointerData[i].isDragged = false;
- }
- }
-
- this.draggable = false;
- this.isDragged = false;
- this._draggedPointerID = -1;
-
- },
-
- /**
- * Called by Pointer when drag starts on this Sprite. Should not usually be called directly.
- * @method Phaser.InputHandler#startDrag
- */
- startDrag: function (pointer) {
-
- this.isDragged = true;
- this._draggedPointerID = pointer.id;
- this._pointerData[pointer.id].isDragged = true;
-
- if (this.dragFromCenter)
- {
- this.sprite.centerOn(pointer.x, pointer.y);
- this._dragPoint.setTo(this.sprite.x - pointer.x, this.sprite.y - pointer.y);
- }
- else
- {
- this._dragPoint.setTo(this.sprite.x - pointer.x, this.sprite.y - pointer.y);
- }
-
- this.updateDrag(pointer);
-
- if (this.bringToTop)
- {
- this.sprite.bringToTop();
- }
-
- this.sprite.events.onDragStart.dispatch(this.sprite, pointer);
-
- },
-
- /**
- * Called by Pointer when drag is stopped on this Sprite. Should not usually be called directly.
- * @method Phaser.InputHandler#stopDrag
- */
- stopDrag: function (pointer) {
-
- this.isDragged = false;
- this._draggedPointerID = -1;
- this._pointerData[pointer.id].isDragged = false;
-
- if (this.snapOnRelease)
- {
- this.sprite.x = Math.round(this.sprite.x / this.snapX) * this.snapX;
- this.sprite.y = Math.round(this.sprite.y / this.snapY) * this.snapY;
- }
-
- this.sprite.events.onDragStop.dispatch(this.sprite, pointer);
- this.sprite.events.onInputUp.dispatch(this.sprite, pointer);
-
- if (this.checkPointerOver(pointer) == false)
- {
- this._pointerOutHandler(pointer);
- }
-
- },
-
- /**
- * Restricts this sprite to drag movement only on the given axis. Note: If both are set to false the sprite will never move!
- * @method Phaser.InputHandler#setDragLock
- * @param allowHorizontal To enable the sprite to be dragged horizontally set to true, otherwise false
- * @param allowVertical To enable the sprite to be dragged vertically set to true, otherwise false
- */
- setDragLock: function (allowHorizontal, allowVertical) {
-
- if (typeof allowHorizontal == 'undefined') { allowHorizontal = true; }
- if (typeof allowVertical == 'undefined') { allowVertical = true; }
-
- this.allowHorizontalDrag = allowHorizontal;
- this.allowVerticalDrag = allowVertical;
-
- },
-
- /**
- * Make this Sprite snap to the given grid either during drag or when it's released.
- * For example 16x16 as the snapX and snapY would make the sprite snap to every 16 pixels.
- * @method Phaser.InputHandler#enableSnap
- * @param snapX The width of the grid cell in pixels
- * @param snapY The height of the grid cell in pixels
- * @param onDrag If true the sprite will snap to the grid while being dragged
- * @param onRelease If true the sprite will snap to the grid when released
- */
- enableSnap: function (snapX, snapY, onDrag, onRelease) {
-
- if (typeof onDrag == 'undefined') { onDrag = true; }
- if (typeof onRelease == 'undefined') { onRelease = false; }
-
- this.snapX = snapX;
- this.snapY = snapY;
- this.snapOnDrag = onDrag;
- this.snapOnRelease = onRelease;
-
- },
-
- /**
- * Stops the sprite from snapping to a grid during drag or release.
- * @method Phaser.InputHandler#disableSnap
- */
- disableSnap: function () {
-
- this.snapOnDrag = false;
- this.snapOnRelease = false;
-
- },
-
- /**
- * Bounds Rect check for the sprite drag
- * @method Phaser.InputHandler#checkBoundsRect
- */
- checkBoundsRect: function () {
-
- if (this.sprite.x < this.boundsRect.left)
- {
- this.sprite.x = this.boundsRect.x;
- }
- else if ((this.sprite.x + this.sprite.width) > this.boundsRect.right)
- {
- this.sprite.x = this.boundsRect.right - this.sprite.width;
- }
-
- if (this.sprite.y < this.boundsRect.top)
- {
- this.sprite.y = this.boundsRect.top;
- }
- else if ((this.sprite.y + this.sprite.height) > this.boundsRect.bottom)
- {
- this.sprite.y = this.boundsRect.bottom - this.sprite.height;
- }
-
- },
-
- /**
- * Parent Sprite Bounds check for the sprite drag.
- * @method Phaser.InputHandler#checkBoundsSprite
- */
- checkBoundsSprite: function () {
-
- if (this.sprite.x < this.boundsSprite.x)
- {
- this.sprite.x = this.boundsSprite.x;
- }
- else if ((this.sprite.x + this.sprite.width) > (this.boundsSprite.x + this.boundsSprite.width))
- {
- this.sprite.x = (this.boundsSprite.x + this.boundsSprite.width) - this.sprite.width;
- }
-
- if (this.sprite.y < this.boundsSprite.y)
- {
- this.sprite.y = this.boundsSprite.y;
- }
- else if ((this.sprite.y + this.sprite.height) > (this.boundsSprite.y + this.boundsSprite.height))
- {
- this.sprite.y = (this.boundsSprite.y + this.boundsSprite.height) - this.sprite.height;
- }
-
- }
-
-};
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-
-/**
-* The Events component is a collection of events fired by the parent game object and its components.
-*
-* @class Phaser.Events
-* @constructor
-*
-* @param {Phaser.Sprite} sprite - A reference to Description.
-*/
-Phaser.Events = function (sprite) {
-
- this.parent = sprite;
- this.onAddedToGroup = new Phaser.Signal;
- this.onRemovedFromGroup = new Phaser.Signal;
- this.onKilled = new Phaser.Signal;
- this.onRevived = new Phaser.Signal;
- this.onOutOfBounds = new Phaser.Signal;
-
- this.onInputOver = null;
- this.onInputOut = null;
- this.onInputDown = null;
- this.onInputUp = null;
- this.onDragStart = null;
- this.onDragStop = null;
-
- this.onAnimationStart = null;
- this.onAnimationComplete = null;
- this.onAnimationLoop = null;
-
-};
-
-Phaser.Events.prototype = {
-
- destroy: function () {
-
- this.parent = null;
- this.onAddedToGroup.dispose();
- this.onRemovedFromGroup.dispose();
- this.onKilled.dispose();
- this.onRevived.dispose();
- this.onOutOfBounds.dispose();
-
- if (this.onInputOver)
- {
- this.onInputOver.dispose();
- this.onInputOut.dispose();
- this.onInputDown.dispose();
- this.onInputUp.dispose();
- this.onDragStart.dispose();
- this.onDragStop.dispose();
- }
-
- if (this.onAnimationStart)
- {
- this.onAnimationStart.dispose();
- this.onAnimationComplete.dispose();
- this.onAnimationLoop.dispose();
- }
-
- }
-
-};
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* The Game Object Factory is a quick way to create all of the different sorts of core objects that Phaser uses.
-*
-* @class Phaser.GameObjectFactory
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-*/
-Phaser.GameObjectFactory = function (game) {
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running Game.
- */
- this.game = game;
-
- /**
- * @property {Phaser.World} world - A reference to the game world.
- */
- this.world = this.game.world;
-
-};
-
-Phaser.GameObjectFactory.prototype = {
-
- /**
- * Adds an existing object to the game world.
- * @method Phaser.GameObjectFactory#existing
- * @param {*} object - An instance of Phaser.Sprite, Phaser.Button or any other display object..
- * @return {*} The child that was added to the Group.
- */
- existing: function (object) {
-
- return this.world.add(object);
-
- },
-
- /**
- * Create a new Sprite with specific position and sprite sheet key.
- *
- * @method Phaser.GameObjectFactory#sprite
- * @param {number} x - X position of the new sprite.
- * @param {number} y - Y position of the new sprite.
- * @param {string|Phaser.RenderTexture|PIXI.Texture} key - This is the image or texture used by the Sprite during rendering. It can be a string which is a reference to the Cache entry, or an instance of a RenderTexture or PIXI.Texture.
- * @param {string|number} [frame] - If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name.
- * @returns {Phaser.Sprite} the newly created sprite object.
- */
- sprite: function (x, y, key, frame) {
-
- return this.world.create(x, y, key, frame);
-
- },
-
- /**
- * Create a new Sprite with specific position and sprite sheet key that will automatically be added as a child of the given parent.
- *
- * @method Phaser.GameObjectFactory#child
- * @param {Phaser.Group} group - The Group to add this child to.
- * @param {number} x - X position of the new sprite.
- * @param {number} y - Y position of the new sprite.
- * @param {string|RenderTexture} [key] - The image key as defined in the Game.Cache to use as the texture for this sprite OR a RenderTexture.
- * @param {string|number} [frame] - If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name.
- * @returns {Phaser.Sprite} the newly created sprite object.
- */
- child: function (group, x, y, key, frame) {
-
- return group.create(x, y, key, frame);
-
- },
-
- /**
- * Create a tween object for a specific object. The object can be any JavaScript object or Phaser object such as Sprite.
- *
- * @method Phaser.GameObjectFactory#tween
- * @param {object} obj - Object the tween will be run on.
- * @return {Phaser.Tween} Description.
- */
- tween: function (obj) {
-
- return this.game.tweens.create(obj);
-
- },
-
- /**
- * A Group is a container for display objects that allows for fast pooling, recycling and collision checks.
- *
- * @method Phaser.GameObjectFactory#group
- * @param {*} parent - The parent Group or DisplayObjectContainer that will hold this group, if any.
- * @param {string} [name=group] - A name for this Group. Not used internally but useful for debugging.
- * @return {Phaser.Group} The newly created group.
- */
- group: function (parent, name) {
-
- return new Phaser.Group(this.game, parent, name);
-
- },
-
- /**
- * Creates a new instance of the Sound class.
- *
- * @method Phaser.GameObjectFactory#audio
- * @param {string} key - The Game.cache key of the sound that this object will use.
- * @param {number} volume - The volume at which the sound will be played.
- * @param {boolean} loop - Whether or not the sound will loop.
- * @return {Phaser.Sound} The newly created text object.
- */
- audio: function (key, volume, loop) {
-
- return this.game.sound.add(key, volume, loop);
-
- },
-
- /**
- * Creates a new TileSprite.
- *
- * @method Phaser.GameObjectFactory#tileSprite
- * @param {number} x - X position of the new tileSprite.
- * @param {number} y - Y position of the new tileSprite.
- * @param {number} width - the width of the tilesprite.
- * @param {number} height - the height of the tilesprite.
- * @param {string|Phaser.RenderTexture|PIXI.Texture} key - This is the image or texture used by the Sprite during rendering. It can be a string which is a reference to the Cache entry, or an instance of a RenderTexture or PIXI.Texture.
- * @param {string|number} frame - If this Sprite is using part of a sprite sheet or texture atlas you can specify the exact frame to use by giving a string or numeric index.
- * @return {Phaser.TileSprite} The newly created tileSprite object.
- */
- tileSprite: function (x, y, width, height, key, frame) {
-
- return this.world.add(new Phaser.TileSprite(this.game, x, y, width, height, key, frame));
-
- },
-
- /**
- * Creates a new Text.
- *
- * @method Phaser.GameObjectFactory#text
- * @param {number} x - X position of the new text object.
- * @param {number} y - Y position of the new text object.
- * @param {string} text - The actual text that will be written.
- * @param {object} style - The style object containing style attributes like font, font size , etc.
- * @return {Phaser.Text} The newly created text object.
- */
- text: function (x, y, text, style) {
-
- return this.world.add(new Phaser.Text(this.game, x, y, text, style));
-
- },
-
- /**
- * Creates a new Button object.
- *
- * @method Phaser.GameObjectFactory#button
- * @param {number} [x] X position of the new button object.
- * @param {number} [y] Y position of the new button object.
- * @param {string} [key] The image key as defined in the Game.Cache to use as the texture for this button.
- * @param {function} [callback] The function to call when this button is pressed
- * @param {object} [callbackContext] The context in which the callback will be called (usually 'this')
- * @param {string|number} [overFrame] This is the frame or frameName that will be set when this button is in an over state. Give either a number to use a frame ID or a string for a frame name.
- * @param {string|number} [outFrame] This is the frame or frameName that will be set when this button is in an out state. Give either a number to use a frame ID or a string for a frame name.
- * @param {string|number} [downFrame] This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name.
- * @return {Phaser.Button} The newly created button object.
- */
- button: function (x, y, key, callback, callbackContext, overFrame, outFrame, downFrame) {
-
- return this.world.add(new Phaser.Button(this.game, x, y, key, callback, callbackContext, overFrame, outFrame, downFrame));
-
- },
-
- /**
- * Creates a new Graphics object.
- *
- * @method Phaser.GameObjectFactory#graphics
- * @param {number} x - X position of the new graphics object.
- * @param {number} y - Y position of the new graphics object.
- * @return {Phaser.Graphics} The newly created graphics object.
- */
- graphics: function (x, y) {
-
- return this.world.add(new Phaser.Graphics(this.game, x, y));
-
- },
-
- /**
- * Emitter is a lightweight particle emitter. It can be used for one-time explosions or for
- * continuous effects like rain and fire. All it really does is launch Particle objects out
- * at set intervals, and fixes their positions and velocities accorindgly.
- *
- * @method Phaser.GameObjectFactory#emitter
- * @param {number} [x=0] - The x coordinate within the Emitter that the particles are emitted from.
- * @param {number} [y=0] - The y coordinate within the Emitter that the particles are emitted from.
- * @param {number} [maxParticles=50] - The total number of particles in this emitter.
- * @return {Phaser.Emitter} The newly created emitter object.
- */
- emitter: function (x, y, maxParticles) {
-
- return this.game.particles.add(new Phaser.Particles.Arcade.Emitter(this.game, x, y, maxParticles));
-
- },
-
- /**
- * * Create a new BitmapText.
- *
- * @method Phaser.GameObjectFactory#bitmapText
- * @param {number} x - X position of the new bitmapText object.
- * @param {number} y - Y position of the new bitmapText object.
- * @param {string} text - The actual text that will be written.
- * @param {object} style - The style object containing style attributes like font, font size , etc.
- * @return {Phaser.BitmapText} The newly created bitmapText object.
- */
- bitmapText: function (x, y, text, style) {
-
- return this.world.add(new Phaser.BitmapText(this.game, x, y, text, style));
-
- },
-
- /**
- * Creates a new Tilemap object.
- *
- * @method Phaser.GameObjectFactory#tilemap
- * @param {string} key - Asset key for the JSON file.
- * @return {Phaser.Tilemap} The newly created tilemap object.
- */
- tilemap: function (key) {
-
- return new Phaser.Tilemap(this.game, key);
-
- },
-
- /**
- * Creates a new Tileset object.
- *
- * @method Phaser.GameObjectFactory#tileset
- * @param {string} key - The image key as defined in the Game.Cache to use as the tileset.
- * @return {Phaser.Tileset} The newly created tileset object.
- */
- tileset: function (key) {
-
- return this.game.cache.getTileset(key);
-
- },
-
- /**
- * Creates a new Tilemap Layer object.
- *
- * @method Phaser.GameObjectFactory#tilemapLayer
- * @param {number} x - X position of the new tilemapLayer.
- * @param {number} y - Y position of the new tilemapLayer.
- * @param {number} width - the width of the tilemapLayer.
- * @param {number} height - the height of the tilemapLayer.
- * @return {Phaser.TilemapLayer} The newly created tilemaplayer object.
- */
- tilemapLayer: function (x, y, width, height, tileset, tilemap, layer) {
-
- return this.world.add(new Phaser.TilemapLayer(this.game, x, y, width, height, tileset, tilemap, layer));
-
- },
-
- /**
- * A dynamic initially blank canvas to which images can be drawn.
- *
- * @method Phaser.GameObjectFactory#renderTexture
- * @param {string} key - Asset key for the render texture.
- * @param {number} width - the width of the render texture.
- * @param {number} height - the height of the render texture.
- * @return {Phaser.RenderTexture} The newly created renderTexture object.
- */
- renderTexture: function (key, width, height) {
-
- var texture = new Phaser.RenderTexture(this.game, key, width, height);
-
- this.game.cache.addRenderTexture(key, texture);
-
- return texture;
-
- },
-
- /**
- * A BitmapData object which can be manipulated and drawn to like a traditional Canvas object and used to texture Sprites.
- *
- * @method Phaser.GameObjectFactory#bitmapData
- * @param {number} [width=256] - The width of the BitmapData in pixels.
- * @param {number} [height=256] - The height of the BitmapData in pixels.
- * @return {Phaser.BitmapData} The newly created BitmapData object.
- */
- bitmapData: function (width, height) {
-
- return new Phaser.BitmapData(this.game, width, height);
-
- },
-
- /**
- * A WebGL shader/filter that can be applied to Sprites.
- *
- * @method Phaser.GameObjectFactory#filter
- * @param {string} filter - The name of the filter you wish to create, for example "HueRotate" or "SineWave"
- * @param {...} - Whatever parameters are needed to be passed to the filter init function.
- * @return {Phaser.Filter} The newly created Phaser.Filter object.
- */
- filter: function (filter) {
-
- var args = Array.prototype.splice.call(arguments, 1);
-
- var f = new Phaser.Filter[filter](this.game);
-
- f.init.apply(f, args);
-
- return f;
-
- }
-
-};
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Creates a new `BitmapData` object.
-*
-* @class Phaser.BitmapData
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-* @param {number} [width=256] - The width of the BitmapData in pixels.
-* @param {number} [height=256] - The height of the BitmapData in pixels.
-*/
-Phaser.BitmapData = function (game, width, height) {
-
- if (typeof width === 'undefined') { width = 256; }
- if (typeof height === 'undefined') { height = 256; }
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running game.
- */
- this.game = game;
-
- /**
- * @property {string} name - The name of the BitmapData.
- */
- this.name = '';
-
- /**
- * @property {number} width - The width of the BitmapData in pixels.
- */
- this.width = width;
-
- /**
- * @property {number} height - The height of the BitmapData in pixels.
- */
- this.height = height;
-
- /**
- * @property {HTMLCanvasElement} canvas - The canvas to which this BitmapData draws.
- * @default
- */
- this.canvas = Phaser.Canvas.create(width, height);
-
- /**
- * @property {CanvasRenderingContext2D} context - The 2d context of the canvas.
- * @default
- */
- this.context = this.canvas.getContext('2d');
-
- /**
- * @property {array} imageData - The canvas image data.
- */
- this.imageData = this.context.getImageData(0, 0, width, height);
-
- /**
- * @property {UInt8Clamped} pixels - A reference to the context imageData buffer.
- */
- if (this.imageData.data.buffer)
- {
- this.pixels = this.imageData.data.buffer;
- }
- else
- {
- this.pixels = this.imageData.data;
- }
-
- /**
- * @property {PIXI.BaseTexture} baseTexture - The PIXI.BaseTexture.
- * @default
- */
- this.baseTexture = new PIXI.BaseTexture(this.canvas);
-
- /**
- * @property {PIXI.Texture} texture - The PIXI.Texture.
- * @default
- */
- this.texture = new PIXI.Texture(this.baseTexture);
-
- /**
- * @property {Phaser.Frame} textureFrame - The Frame this BitmapData uses for rendering.
- * @default
- */
- this.textureFrame = new Phaser.Frame(0, 0, 0, width, height, 'bitmapData', game.rnd.uuid());
-
- /**
- * @property {number} type - The const type of this object.
- * @default
- */
- this.type = Phaser.BITMAPDATA;
-
- this._dirty = false;
-
-}
-
-Phaser.BitmapData.prototype = {
-
- /**
- * Updates the given Sprite so that it uses this BitmapData as its texture.
- * @method Phaser.BitmapData.add
- * @param {Phaser.Sprite} sprite - The sprite to apply this texture to.
- */
- add: function (sprite) {
-
- sprite.loadTexture(this);
-
- },
-
- /**
- * Given an array of Sprites it will update each of them so that their Textures reference this BitmapData.
- * @method Phaser.BitmapData.addTo
- * @param {Phaser.Sprite[]} sprites - An array of Sprites to apply this texture to.
- */
- addTo: function (sprites) {
-
- for (var i = 0; i < objects.length; i++)
- {
- if (objects[i].texture)
- {
- }
- }
-
- },
-
- /**
- * Clears the BitmapData.
- * @method Phaser.BitmapData.clear
- */
- clear: function () {
-
- this.context.clearRect(0, 0, this.width, this.height);
-
- this._dirty = true;
-
- },
-
- refreshBuffer: function () {
-
- this.imageData = this.context.getImageData(0, 0, this.width, this.height);
- this.pixels = new Int32Array(this.imageData.data.buffer);
-
- // this.data8 = new Uint8ClampedArray(this.imageData.buffer);
- // this.data32 = new Uint32Array(this.imageData.buffer);
-
- },
-
- /**
- * Sets the color of the given pixel to the specified red, green, blue and alpha values.
- * @method Phaser.BitmapData.setPixel32
- * @param {number} x - The X coordinate of the pixel to be set.
- * @param {number} y - The Y coordinate of the pixel to be set.
- * @param {number} red - The red color value, between 0 and 0xFF (255).
- * @param {number} green - The green color value, between 0 and 0xFF (255).
- * @param {number} blue - The blue color value, between 0 and 0xFF (255).
- * @param {number} alpha - The alpha color value, between 0 and 0xFF (255).
- */
- setPixel32: function (x, y, red, green, blue, alpha) {
-
- if (x >= 0 && x <= this.width && y >= 0 && y <= this.height)
- {
- this.pixels[y * this.width + x] = (alpha << 24) | (blue << 16) | (green << 8) | red;
-
- /*
- if (this.isLittleEndian)
- {
- this.data32[y * this.width + x] = (alpha << 24) | (blue << 16) | (green << 8) | red;
- }
- else
- {
- this.data32[y * this.width + x] = (red << 24) | (green << 16) | (blue << 8) | alpha;
- }
- */
-
- // this.imageData.data.set(this.data8);
-
- this.context.putImageData(this.imageData, 0, 0);
-
- this._dirty = true;
- }
-
- },
-
- /**
- * Sets the color of the given pixel to the specified red, green and blue values.
- * @method Phaser.BitmapData.setPixel
- * @param {number} x - The X coordinate of the pixel to be set.
- * @param {number} y - The Y coordinate of the pixel to be set.
- * @param {number} red - The red color value (between 0 and 255)
- * @param {number} green - The green color value (between 0 and 255)
- * @param {number} blue - The blue color value (between 0 and 255)
- */
- setPixel: function (x, y, red, green, blue) {
-
- this.setPixel32(x, y, red, green, blue, 255);
-
- },
-
- /**
- * Get a color of a specific pixel.
- * @param {number} x - The X coordinate of the pixel to get.
- * @param {number} y - The Y coordinate of the pixel to get.
- * @return {number} A native color value integer (format: 0xRRGGBB)
- */
- getPixel: function (x, y) {
-
- if (x >= 0 && x <= this.width && y >= 0 && y <= this.height)
- {
- return this.data32[y * this.width + x];
- }
-
- },
-
- /**
- * Get a color of a specific pixel (including alpha value).
- * @param {number} x - The X coordinate of the pixel to get.
- * @param {number} y - The Y coordinate of the pixel to get.
- * @return {number} A native color value integer (format: 0xAARRGGBB)
- */
- getPixel32: function (x, y) {
-
- if (x >= 0 && x <= this.width && y >= 0 && y <= this.height)
- {
- return this.data32[y * this.width + x];
- }
-
- },
-
- /**
- * Get pixels in array in a specific Rectangle.
- * @param rect {Rectangle} The specific Rectangle.
- * @return {array} CanvasPixelArray.
- */
- getPixels: function (rect) {
-
- // return this.context.getImageData(rect.x, rect.y, rect.width, rect.height);
-
- },
-
- /**
- * Adds an arc to the path which is centered at (x, y) position with radius r starting at startAngle and ending at endAngle
- * going in the given direction by anticlockwise (defaulting to clockwise).
- * @method Phaser.BitmapData.arc
- * @param {number} x - The x axis of the coordinate for the arc's center
- * @param {number} y - The y axis of the coordinate for the arc's center
- * @param {number} radius - The arc's radius
- * @param {number} startAngle - The starting point, measured from the x axis, from which it will be drawn, expressed in radians.
- * @param {number} endAngle - The end arc's angle to which it will be drawn, expressed in radians.
- * @param {boolean} [anticlockwise=true] - true draws the arc anticlockwise, otherwise in a clockwise direction.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- arc: function (x, y, radius, startAngle, endAngle, anticlockwise) {
-
- if (typeof anticlockwise === 'undefined') { anticlockwise = false; }
-
- this._dirty = true;
- this.context.arc(x, y, radius, startAngle, endAngle, anticlockwise);
- return this;
-
- },
-
- /**
- * Adds an arc with the given control points and radius, connected to the previous point by a straight line.
- * @method Phaser.BitmapData.arcTo
- * @param {number} x1
- * @param {number} y1
- * @param {number} x2
- * @param {number} y2
- * @param {number} radius
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- arcTo: function (x1, y1, x2, y2, radius) {
-
- this._dirty = true;
- this.context.arcTo(x1, y1, x2, y2, radius);
- return this;
-
- },
-
- /**
- * Begins a fill with the specified color. This ends the current sub-path.
- * @method Phaser.BitmapData.beginFill
- * @param {string} color - A CSS compatible color value (ex. "red", "#FF0000", or "rgba(255,0,0,0.5)"). Setting to null will result in no fill.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- beginFill: function (color) {
-
- this.fillStyle(color);
-
- return this;
-
- },
-
- /**
- * Begins a linear gradient fill defined by the line (x0, y0) to (x1, y1). This ends the current sub-path. For
- * example, the following code defines a black to white vertical gradient ranging from 20px to 120px, and draws a square to display it:
- *
- * ```myGraphics.beginLinearGradientFill(["#000","#FFF"], [0, 1], 0, 20, 0, 120).rect(20, 20, 120, 120);```
- *
- * @method Phaser.BitmapData.beginLinearGradientFill
- * @param {Array} colors - An array of CSS compatible color values. For example, ["#F00","#00F"] would define a gradient drawing from red to blue.
- * @param {Array} ratios - An array of gradient positions which correspond to the colors. For example, [0.1, 0.9] would draw the first color to 10% then interpolating to the second color at 90%.
- * @param {number} x0 - The position of the first point defining the line that defines the gradient direction and size.
- * @param {number} y0 - The position of the first point defining the line that defines the gradient direction and size.
- * @param {number} x1 - The position of the second point defining the line that defines the gradient direction and size.
- * @param {number} y1 - The position of the second point defining the line that defines the gradient direction and size.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- beginLinearGradientFill: function (colors, ratios, x0, y0, x1, y1) {
-
- var gradient = this.createLinearGradient(x0, y0, x1, y1);
-
- for (var i = 0, len = colors.length; i < len; i++)
- {
- gradient.addColorStop(ratios[i], colors[i]);
- }
-
- this.fillStyle(gradient);
-
- return this;
-
- },
-
- /**
- * Begins a linear gradient stroke defined by the line (x0, y0) to (x1, y1). This ends the current sub-path. For
- * example, the following code defines a black to white vertical gradient ranging from 20px to 120px, and draws a
- * square to display it:
- *
- * ```myGraphics.setStrokeStyle(10).beginLinearGradientStroke(["#000","#FFF"], [0, 1], 0, 20, 0, 120).drawRect(20, 20, 120, 120);```
- *
- * @method Phaser.BitmapData.beginLinearGradientStroke
- * @param {Array} colors - An array of CSS compatible color values. For example, ["#F00","#00F"] would define a gradient drawing from red to blue.
- * @param {Array} ratios - An array of gradient positions which correspond to the colors. For example, [0.1, 0.9] would draw the first color to 10% then interpolating to the second color at 90%.
- * @param {number} x0 - The position of the first point defining the line that defines the gradient direction and size.
- * @param {number} y0 - The position of the first point defining the line that defines the gradient direction and size.
- * @param {number} x1 - The position of the second point defining the line that defines the gradient direction and size.
- * @param {number} y1 - The position of the second point defining the line that defines the gradient direction and size.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- beginLinearGradientStroke: function (colors, ratios, x0, y0, x1, y1) {
-
- var gradient = this.createLinearGradient(x0, y0, x1, y1);
-
- for (var i = 0, len = colors.length; i < len; i++)
- {
- gradient.addColorStop(ratios[i], colors[i]);
- }
-
- this.strokeStyle(gradient);
-
- return this;
-
- },
-
- /**
- * Begins a radial gradient stroke. This ends the current sub-path. For example, the following code defines a red to
- * blue radial gradient centered at (100, 100), with a radius of 50, and draws a rectangle to display it:
- *
- * myGraphics.setStrokeStyle(10)
- * .beginRadialGradientStroke(["#F00","#00F"], [0, 1], 100, 100, 0, 100, 100, 50)
- * .drawRect(50, 90, 150, 110);
- *
- * @method Phaser.BitmapData.beginRadialGradientStroke
- * @param {Array} colors - An array of CSS compatible color values. For example, ["#F00","#00F"] would define a gradient drawing from red to blue.
- * @param {Array} ratios - An array of gradient positions which correspond to the colors. For example, [0.1, 0.9] would draw the first color to 10% then interpolating to the second color at 90%.
- * @param {number} x0 - Center position of the inner circle that defines the gradient.
- * @param {number} y0 - Center position of the inner circle that defines the gradient.
- * @param {number} r0 - Radius of the inner circle that defines the gradient.
- * @param {number} x1 - Center position of the outer circle that defines the gradient.
- * @param {number} y1 - Center position of the outer circle that defines the gradient.
- * @param {number} r1 - Radius of the outer circle that defines the gradient.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- beginRadialGradientStroke: function (colors, ratios, x0, y0, r0, x1, y1, r1) {
-
- var gradient = this.createRadialGradient(x0, y0, r0, x1, y1, r1);
-
- for (var i = 0, len = colors.length; i < len; i++)
- {
- gradient.addColorStop(ratios[i], colors[i]);
- }
-
- this.strokeStyle(gradient);
-
- return this;
-
- },
-
- /**
- * Starts a new path by resetting the list of sub-paths. Call this method when you want to create a new path.
- * @method Phaser.BitmapData.beginPath
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- beginPath: function () {
-
- this.context.beginPath();
- return this;
-
- },
-
- /**
- * Begins a stroke with the specified color. This ends the current sub-path.
- * @method Phaser.BitmapData.beginStroke
- * @param {String} color A CSS compatible color value (ex. "#FF0000", "red", or "rgba(255,0,0,0.5)"). Setting to null will result in no stroke.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- beginStroke: function (color) {
-
- this.strokeStyle(color);
- return this;
-
- },
-
- /**
- * Adds a bezier curve from the current context point to (x, y) using the control points (cp1x, cp1y) and (cp2x, cp2y).
- * @method Phaser.BitmapData.bezierCurveTo
- * @param {number} cp1x - The x axis of control point 1.
- * @param {number} cp1y - The y axis of control point 1.
- * @param {number} cp2x - The x axis of control point 2.
- * @param {number} cp2y - The y axis of control point 2.
- * @param {number} x - The x axis of the ending point.
- * @param {number} y - The y axis of the ending point.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- bezierCurveTo: function (cp1x, cp1y, cp2x, cp2y, x, y) {
-
- this._dirty = true;
- this.context.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
- return this;
-
- },
-
- /**
- * Draws a circle with the specified radius at (x, y).
- * @method Phaser.BitmapData.circle
- * @param {number} x - x coordinate center point of circle.
- * @param {number} y - y coordinate center point of circle.
- * @param {number} radius - Radius of circle in radians.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- circle: function (x, y, radius) {
-
- this.arc(x, y, radius, 0, Math.PI*2);
- return this;
-
- },
-
- /**
- * Sets all pixels in the rectangle defined by starting point (x, y) and size (width, height) to transparent black.
- * @method Phaser.BitmapData.clearRect
- * @param {number} x - The x axis of the coordinate for the rectangle starting point.
- * @param {number} y - The y axis of the coordinate for the rectangle starting point.
- * @param {number} width - The rectangles width.
- * @param {number} height - The rectangles height.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- clearRect: function (x, y, width, height) {
-
- this._dirty = true;
- this.context.clearRect(x, y, width, height);
- return this;
-
- },
-
- /**
- * Creates a clipping path from the current sub-paths. Everything drawn after clip() is called appears inside the clipping path only.
- * @method Phaser.BitmapData.clip
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- clip: function (x, y, width, height) {
-
- this._dirty = true;
- this.context.clip();
- return this;
-
- },
-
- /**
- * Tries to draw a straight line from the current point to the start. If the shape has already been closed or has only one point, this function does nothing.
- * @method Phaser.BitmapData.closePath
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- closePath: function () {
-
- this._dirty = true;
- this.context.closePath();
- return this;
-
- },
-
- /**
- * Creates a linear gradient with defined by an imaginary line which implies the direction of the gradient.
- * Once the gradient is created colors can be inserted using the addColorStop method.
- * @method Phaser.BitmapData.createLinearGradient
- * @param {number} x - The x axis of the coordinate for the gradients starting point.
- * @param {number} y - The y axis of the coordinate for the gradients starting point.
- * @param {number} width - The width of the gradient.
- * @param {number} height - The height of the gradient.
- * @return {CanvasGradient} The Linear Gradient.
- */
- createLinearGradient: function (x, y, width, height) {
-
- return this.context.createLinearGradient(x, y, width, height);
-
- },
-
- // createPattern
-
- /**
- * Creates a radial gradient.
- * @method Phaser.BitmapData.createRadialGradient
- * @param {number} x0
- * @param {number} y0
- * @param {number} r0
- * @param {number} x1
- * @param {number} y1
- * @param {number} r1
- * @return {CanvasGradient} The Radial Gradient.
- */
- createRadialGradient: function (x, y, width, height) {
-
- return this.context.createRadialGradient(x0, y0, r0, x1, y1, r1);
-
- },
-
- // drawImage
- // drawSystemFocusRing (?)
-
- /**
- * Draws an ellipse (oval) with a specified width (w) and height (h).
- * @method Phaser.BitmapData.ellipse
- * @param {number} x - x coordinate center point of ellipse.
- * @param {number} y - y coordinate center point of ellipse.
- * @param {number} w - height (horizontal diameter) of ellipse. The horizontal radius will be half of this number.
- * @param {number} h - width (vertical diameter) of ellipse. The vertical radius will be half of this number.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- ellipse: function (x, y, w, h) {
-
- var k = 0.5522848;
- var ox = (w / 2) * k;
- var oy = (h / 2) * k;
- var xe = x + w;
- var ye = y + h;
- var xm = x + w / 2;
- var ym = y + h / 2;
-
- this.moveTo(x, ym);
- this.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
- this.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
- this.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
- this.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
-
- return this;
-
- },
-
- /**
- * Fills the subpaths with the current fill style.
- * @method Phaser.BitmapData.fill
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- fill: function () {
-
- this._dirty = true;
- this.context.fill();
- return this;
-
- },
-
- /**
- * Draws a filled rectangle at (x, y) position whose size is determined by width and height.
- * @method Phaser.BitmapData.fillRect
- * @param {number} x - The x axis of the coordinate for the rectangle starting point.
- * @param {number} y - The y axis of the coordinate for the rectangle starting point.
- * @param {number} width - The rectangles width.
- * @param {number} height - The rectangles height.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- fillRect: function (x, y, width, height) {
-
- this._dirty = true;
- this.context.fillRect(x, y, width, height);
- return this;
-
- },
-
- /**
- * Sets the fill style.
- * @method Phaser.BitmapData.fillStyle
- * @param {string} color - The fill color value in CSS format: #RRGGBB or rgba(r,g,b,a)
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- fillStyle: function (color) {
-
- this.context.fillStyle = color;
- return this;
-
- },
-
- // fillText
-
- /**
- * Sets the font.
- * @method Phaser.BitmapData.font
- * @param {DOMString} font - The font to be used for any text rendering. Default value 10px sans-serif.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- font: function (font) {
-
- this.context.font = font;
- return this;
-
- },
-
- /**
- * Alpha value that is applied to shapes and images before they are composited onto the canvas. Default 1.0 (opaque).
- * @method Phaser.BitmapData.globalAlpha
- * @param {number} alpha - Alpha value that is applied to shapes and images before they are composited onto the canvas. Default 1.0 (opaque).
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- globalAlpha: function (alpha) {
-
- this.context.globalAlpha = alpha;
- return this;
-
- },
-
- /**
- * With globalAlpha applied this sets how shapes and images are drawn onto the existing bitmap. Possible values: source-atop, source-in, source-out,
- * source-over (default), destination-atop, destination-in, destination-out, destination-over, lighter, darker, copy and xor.
- * @method Phaser.BitmapData.globalCompositeOperation
- * @param {DOMString} operation - The composite operation to apply.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- globalCompositeOperation: function (operation) {
-
- this.context.globalCompositeOperation = operation;
- return this;
-
- },
-
- /**
- * Type of endings on the end of lines. Possible values: butt (default), round, square.
- * @method Phaser.BitmapData.lineCap
- * @param {DOMString} style - Possible values: butt (default), round, square
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- lineCap: function (style) {
-
- this.context.lineCap = style;
- return this;
-
- },
-
- /**
- * Specifies where to start a dasharray on a line.
- * @method Phaser.BitmapData.lineDashOffset
- * @param {number} offset - Specifies where to start a dasharray on a line.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- lineDashOffset: function (offset) {
-
- this.context.lineDashOffset = offset;
- return this;
-
- },
-
- /**
- * Defines the type of corners where two lines meet. Possible values: round, bevel, miter (default)
- * @method Phaser.BitmapData.lineJoin
- * @param {DOMString} join - Possible values: round, bevel, miter (default)
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- lineJoin: function (join) {
-
- this.context.lineJoin = join;
- return this;
-
- },
-
- /**
- * Width of lines. Default 1.0
- * @method Phaser.BitmapData.lineWidth
- * @param {number} width - Width of lines. Default 1.0
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- lineWidth: function (width) {
-
- this.context.lineWidth = width;
- return this;
-
- },
-
- /**
- * Default 10.
- * @method Phaser.BitmapData.miterLimit
- * @param {number} limit - Default 10.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- miterLimit: function (limit) {
-
- this.context.miterLimit = limit;
- return this;
-
- },
-
- // getImageData
- // getLineDash
- // isPointInPath
- // isPointInStroke
-
- /**
- * Connects the last point in the subpath to the x, y coordinates with a straight line.
- * @method Phaser.BitmapData.lineTo
- * @param {number} x - The x axis of the coordinate for the end of the line.
- * @param {number} y - The y axis of the coordinate for the end of the line.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- lineTo: function (x, y) {
-
- this._dirty = true;
- this.context.lineTo(x, y);
- return this;
-
- },
-
- // measureText
-
- /**
- * Moves the starting point of a new subpath to the (x, y) coordinates.
- * @method Phaser.BitmapData.moveTo
- * @param {number} x - The x axis of the point.
- * @param {number} y - The y axis of the point.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- moveTo: function (x, y) {
-
- this.context.moveTo(x, y);
- return this;
-
- },
-
- // putImageData
-
- /**
- * Draws a quadratic curve from the current drawing point to (x, y) using the control point (cpx, cpy).
- * @method Phaser.BitmapData.quadraticCurveTo
- * @param {Number} cpx - The x axis of the control point.
- * @param {Number} cpy - The y axis of the control point.
- * @param {Number} x - The x axis of the ending point.
- * @param {Number} y - The y axis of the ending point.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- quadraticCurveTo: function(cpx, cpy, x, y) {
-
- this._dirty = true;
- this.context.quadraticCurveTo(cpx, cpy, x, y);
- return this;
-
- },
-
- /**
- * Draws a rectangle at (x, y) position whose size is determined by width and height.
- * @method Phaser.BitmapData.rect
- * @param {number} x - The x axis of the coordinate for the rectangle starting point.
- * @param {number} y - The y axis of the coordinate for the rectangle starting point.
- * @param {number} width - The rectangles width.
- * @param {number} height - The rectangles height.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- rect: function (x, y, width, height) {
-
- this._dirty = true;
- this.context.rect(x, y, width, height);
- return this;
-
- },
-
- /**
- * Restores the drawing style state to the last element on the 'state stack' saved by save().
- * @method Phaser.BitmapData.restore
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- restore: function () {
-
- this._dirty = true;
- this.context.restore();
- return this;
-
- },
-
- /**
- * Rotates the drawing context values by r radians.
- * @method Phaser.BitmapData.rotate
- * @param {number} angle - The angle of rotation given in radians.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- rotate: function (angle) {
-
- this._dirty = true;
- this.context.rotate(angle);
- return this;
-
- },
-
- /**
- * Sets the stroke style for the current sub-path. Like all drawing methods, this can be chained, so you can define
- * the stroke style and color in a single line of code like so:
- *
- * ```myGraphics.setStrokeStyle(8,"round").beginStroke("#F00");```
- *
- * @method Phaser.BitmapData.setStrokeStyle
- * @param {number} thickness - The width of the stroke.
- * @param {string|number} [caps=0] - Indicates the type of caps to use at the end of lines. One of butt, round, or square. Defaults to "butt". Also accepts the values 0 (butt), 1 (round), and 2 (square) for use with he tiny API.
- * @param {string|number} [joints=0] Specifies the type of joints that should be used where two lines meet. One of bevel, round, or miter. Defaults to "miter". Also accepts the values 0 (miter), 1 (round), and 2 (bevel) for use with the tiny API.
- * @param {number} [miterLimit=10] - If joints is set to "miter", then you can specify a miter limit ratio which controls at what point a mitered joint will be clipped.
- * @param {boolean} [ignoreScale=false] - If true, the stroke will be drawn at the specified thickness regardless of active transformations.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- setStrokeStyle: function (thickness, caps, joints, miterLimit, ignoreScale) {
-
- if (typeof thickness === 'undefined') { thickness = 1; }
- if (typeof caps === 'undefined') { caps = 'butt'; }
- if (typeof joints === 'undefined') { joints = 'miter'; }
- if (typeof miterLimit === 'undefined') { miterLimit = 10; }
-
- this.lineWidth(thickness);
- this.lineCap(caps);
- this.lineJoin(joints);
- this.miterLimit(miterLimit);
-
- return this;
-
- },
-
- /**
- * Saves the current drawing style state using a stack so you can revert any change you make to it using restore().
- * @method Phaser.BitmapData.save
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- save: function () {
-
- this._dirty = true;
- this.context.save();
- return this;
-
- },
-
- /**
- * Scales the current drawing context.
- * @method Phaser.BitmapData.scale
- * @param {number} x
- * @param {number} y
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- scale: function (x, y) {
-
- this._dirty = true;
- this.context.scale(x, y);
- return this;
-
- },
-
- /**
- *
- * @method Phaser.BitmapData.scrollPathIntoView
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- scrollPathIntoView: function () {
-
- this._dirty = true;
- this.context.scrollPathIntoView();
- return this;
-
- },
-
- // setLineDash
- // setTransform
-
- /**
- * Strokes the subpaths with the current stroke style.
- * @method Phaser.BitmapData.stroke
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- stroke: function () {
-
- this._dirty = true;
- this.context.stroke();
- return this;
-
- },
-
- /**
- * Paints a rectangle which has a starting point at (x, y) and has a w width and an h height onto the canvas, using the current stroke style.
- * @method Phaser.BitmapData.strokeRect
- * @param {number} x - The x axis for the starting point of the rectangle.
- * @param {number} y - The y axis for the starting point of the rectangle.
- * @param {number} width - The rectangles width.
- * @param {number} height - The rectangles height.
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- strokeRect: function () {
-
- this._dirty = true;
- this.context.strokeRect(x, y, width, height);
- return this;
-
- },
-
- /**
- * Color or style to use for the lines around shapes. Default #000 (black).
- * @method Phaser.BitmapData.strokeStyle
- * @param {string} style - Color or style to use for the lines around shapes. Default #000 (black).
- * @return {Phaser.BitmapData} The BitmapData instance this method was called on.
- */
- strokeStyle: function (style) {
-
- this.context.strokeStyle = style;
- return this;
-
- },
-
- // strokeText
- // transform
- // translate
-
- /**
- * If the game is running in WebGL this will push the texture up to the GPU if it's dirty.
- * This is called automatically if the BitmapData is being used by a Sprite, otherwise you need to remember to call it in your render function.
- * @method Phaser.BitmapData.render
- */
- render: function () {
-
- if (this._dirty)
- {
- // Only needed if running in WebGL, otherwise this array will never get cleared down
- if (this.game.renderType == Phaser.WEBGL)
- {
- PIXI.texturesToUpdate.push(this.baseTexture);
- }
-
- this._dirty = false;
- }
-
- }
-
-}
-
-// EaselJS Tiny API emulation
-
-/**
-* Shortcut to moveTo.
-* @method Phaser.BitmapData.prototype.mt
-*/
-Phaser.BitmapData.prototype.mt = Phaser.BitmapData.prototype.moveTo;
-
-/**
-* Shortcut to lineTo.
-* @method Phaser.BitmapData.prototype.mt
-*/
-Phaser.BitmapData.prototype.lt = Phaser.BitmapData.prototype.lineTo;
-
-/**
-* Shortcut to arcTo.
-* @method Phaser.BitmapData.prototype.at
-*/
-Phaser.BitmapData.prototype.at = Phaser.BitmapData.prototype.arcTo;
-
-/**
-* Shortcut to bezierCurveTo.
-* @method Phaser.BitmapData.prototype.bt
-*/
-Phaser.BitmapData.prototype.bt = Phaser.BitmapData.prototype.bezierCurveTo;
-
-/**
-* Shortcut to quadraticCurveTo.
-* @method Phaser.BitmapData.prototype.qt
-*/
-Phaser.BitmapData.prototype.qt = Phaser.BitmapData.prototype.quadraticCurveTo;
-
-/**
-* Shortcut to arc.
-* @method Phaser.BitmapData.prototype.a
-*/
-Phaser.BitmapData.prototype.a = Phaser.BitmapData.prototype.arc;
-
-/**
-* Shortcut to rect.
-* @method Phaser.BitmapData.prototype.r
-*/
-Phaser.BitmapData.prototype.r = Phaser.BitmapData.prototype.rect;
-
-/**
-* Shortcut to closePath.
-* @method Phaser.BitmapData.prototype.cp
-*/
-Phaser.BitmapData.prototype.cp = Phaser.BitmapData.prototype.closePath;
-
-/**
-* Shortcut to clear.
-* @method Phaser.BitmapData.prototype.c
-*/
-Phaser.BitmapData.prototype.c = Phaser.BitmapData.prototype.clear;
-
-/**
-* Shortcut to beginFill.
-* @method Phaser.BitmapData.prototype.f
-*/
-Phaser.BitmapData.prototype.f = Phaser.BitmapData.prototype.beginFill;
-
-/**
-* Shortcut to beginLinearGradientFill.
-* @method Phaser.BitmapData.prototype.lf
-*/
-Phaser.BitmapData.prototype.lf = Phaser.BitmapData.prototype.beginLinearGradientFill;
-
-/**
-* Shortcut to beginRadialGradientFill.
-* @method Phaser.BitmapData.prototype.rf
-*/
-Phaser.BitmapData.prototype.rf = Phaser.BitmapData.prototype.beginRadialGradientFill;
-
-/**
-* Shortcut to beginBitmapFill.
-* @method Phaser.BitmapData.prototype.bf
-*/
-//Phaser.BitmapData.prototype.bf = Phaser.BitmapData.prototype.beginBitmapFill;
-
-/**
-* Shortcut to endFill.
-* @method Phaser.BitmapData.prototype.ef
-*/
-Phaser.BitmapData.prototype.ef = Phaser.BitmapData.prototype.endFill;
-
-/**
-* Shortcut to setStrokeStyle.
-* @method Phaser.BitmapData.prototype.ss
-*/
-Phaser.BitmapData.prototype.ss = Phaser.BitmapData.prototype.setStrokeStyle;
-
-/**
-* Shortcut to beginStroke.
-* @method Phaser.BitmapData.prototype.s
-*/
-Phaser.BitmapData.prototype.s = Phaser.BitmapData.prototype.beginStroke;
-
-/**
-* Shortcut to beginLinearGradientStroke.
-* @method Phaser.BitmapData.prototype.ls
-*/
-Phaser.BitmapData.prototype.ls = Phaser.BitmapData.prototype.beginLinearGradientStroke;
-
-/**
-* Shortcut to beginRadialGradientStroke.
-* @method Phaser.BitmapData.prototype.rs
-*/
-Phaser.BitmapData.prototype.rs = Phaser.BitmapData.prototype.beginRadialGradientStroke;
-
-/**
-* Shortcut to beginBitmapStroke.
-* @method Phaser.BitmapData.prototype.bs
-*/
-// Phaser.BitmapData.prototype.bs = Phaser.BitmapData.prototype.beginBitmapStroke;
-
-/**
-* Shortcut to endStroke.
-* @method Phaser.BitmapData.prototype.es
-*/
-// Phaser.BitmapData.prototype.es = Phaser.BitmapData.prototype.endStroke;
-
-/**
-* Shortcut to rect.
-* @method Phaser.BitmapData.prototype.dr
-*/
-Phaser.BitmapData.prototype.dr = Phaser.BitmapData.prototype.rect;
-
-/**
-* Shortcut to drawRoundRect.
-* @method Phaser.BitmapData.prototype.rr
-*/
-// Phaser.BitmapData.prototype.rr = Phaser.BitmapData.prototype.drawRoundRect;
-
-/**
-* Shortcut to drawRoundRectComplex.
-* @method Phaser.BitmapData.prototype.rc
-*/
-// Phaser.BitmapData.prototype.rc = Phaser.BitmapData.prototype.drawRoundRectComplex;
-
-/**
-* Shortcut to drawCircle.
-* @method Phaser.BitmapData.prototype.dc
-*/
-Phaser.BitmapData.prototype.dc = Phaser.BitmapData.prototype.circle;
-
-/**
-* Shortcut to drawEllipse.
-* @method Phaser.BitmapData.prototype.de
-*/
-Phaser.BitmapData.prototype.de = Phaser.BitmapData.prototype.ellipse;
-
-/**
-* Shortcut to drawPolyStar.
-* @method Phaser.BitmapData.prototype.dp
-*/
-// Phaser.BitmapData.prototype.dp = Phaser.BitmapData.prototype.drawPolyStar;
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Create a new `Sprite` object. Sprites are the lifeblood of your game, used for nearly everything visual.
-* At its most basic a Sprite consists of a set of coordinates and a texture that is rendered to the canvas.
-* They also contain additional properties allowing for physics motion (via Sprite.body), input handling (via Sprite.input),
-* events (via Sprite.events), animation (via Sprite.animations), camera culling and more. Please see the Examples for use cases.
-*
-* @class Phaser.Sprite
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-* @param {number} x - The x coordinate (in world space) to position the Sprite at.
-* @param {number} y - The y coordinate (in world space) to position the Sprite at.
-* @param {string|Phaser.RenderTexture|Phaser.BitmapData|PIXI.Texture} key - This is the image or texture used by the Sprite during rendering. It can be a string which is a reference to the Cache entry, or an instance of a RenderTexture or PIXI.Texture.
-* @param {string|number} frame - If this Sprite is using part of a sprite sheet or texture atlas you can specify the exact frame to use by giving a string or numeric index.
-*/
-Phaser.Sprite = function (game, x, y, key, frame) {
-
- x = x || 0;
- y = y || 0;
- key = key || null;
- frame = frame || null;
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running Game.
- */
- this.game = game;
-
- /**
- * @property {boolean} exists - If exists = false then the Sprite isn't updated by the core game loop or physics subsystem at all.
- * @default
- */
- this.exists = true;
-
- /**
- * @property {boolean} alive - This is a handy little var your game can use to determine if a sprite is alive or not, it doesn't effect rendering.
- * @default
- */
- this.alive = true;
-
- /**
- * @property {Phaser.Group} group - The parent Group of this Sprite. This is usually set after Sprite instantiation by the parent.
- */
- this.group = null;
-
- /**
- * @property {string} name - The user defined name given to this Sprite.
- * @default
- */
- this.name = '';
-
- /**
- * @property {number} type - The const type of this object.
- * @default
- */
- this.type = Phaser.SPRITE;
-
- /**
- * @property {number} renderOrderID - Used by the Renderer and Input Manager to control picking order.
- * @default
- */
- this.renderOrderID = -1;
-
- /**
- * If you would like the Sprite to have a lifespan once 'born' you can set this to a positive value. Handy for particles, bullets, etc.
- * The lifespan is decremented by game.time.elapsed each update, once it reaches zero the kill() function is called.
- * @property {number} lifespan - The lifespan of the Sprite (in ms) before it will be killed.
- * @default
- */
- this.lifespan = 0;
-
- /**
- * @property {Events} events - The Events you can subscribe to that are dispatched when certain things happen on this Sprite or its components.
- */
- this.events = new Phaser.Events(this);
-
- /**
- * @property {Phaser.AnimationManager} animations - This manages animations of the sprite. You can modify animations through it (see Phaser.AnimationManager)
- */
- this.animations = new Phaser.AnimationManager(this);
-
- /**
- * @property {InputHandler} input - The Input Handler Component.
- */
- this.input = new Phaser.InputHandler(this);
-
- /**
- * @property {string|Phaser.RenderTexture|Phaser.BitmapData|PIXI.Texture} key - This is the image or texture used by the Sprite during rendering. It can be a string which is a reference to the Cache entry, or an instance of a RenderTexture, BitmapData or PIXI.Texture.
- */
- this.key = key;
-
- /**
- * @property {Phaser.Frame} currentFrame - A reference to the currently displayed frame.
- */
- this.currentFrame = null;
-
- if (key instanceof Phaser.RenderTexture)
- {
- PIXI.Sprite.call(this, key);
-
- this.currentFrame = this.game.cache.getTextureFrame(key.name);
- }
- else if (key instanceof Phaser.BitmapData)
- {
- PIXI.Sprite.call(this, key.texture, key.textureFrame);
-
- this.currentFrame = key.textureFrame;
- }
- else if (key instanceof PIXI.Texture)
- {
- PIXI.Sprite.call(this, key);
-
- this.currentFrame = frame;
- }
- else
- {
- if (key === null || typeof key === 'undefined')
- {
- key = '__default';
- this.key = key;
- }
- else if (typeof key === 'string' && this.game.cache.checkImageKey(key) == false)
- {
- key = '__missing';
- this.key = key;
- }
-
- PIXI.Sprite.call(this, PIXI.TextureCache[key]);
-
- if (this.game.cache.isSpriteSheet(key))
- {
- this.animations.loadFrameData(this.game.cache.getFrameData(key));
-
- if (frame !== null)
- {
- if (typeof frame === 'string')
- {
- this.frameName = frame;
- }
- else
- {
- this.frame = frame;
- }
- }
- }
- else
- {
- this.currentFrame = this.game.cache.getFrame(key);
- }
- }
-
- /**
- * The rectangular area from the texture that will be rendered.
- * @property {Phaser.Rectangle} textureRegion
- */
- this.textureRegion = new Phaser.Rectangle(this.texture.frame.x, this.texture.frame.y, this.texture.frame.width, this.texture.frame.height);
-
- /**
- * The anchor sets the origin point of the texture.
- * The default is 0,0 this means the textures origin is the top left
- * Setting than anchor to 0.5,0.5 means the textures origin is centered
- * Setting the anchor to 1,1 would mean the textures origin points will be the bottom right
- *
- * @property {Phaser.Point} anchor - The anchor around with Sprite rotation and scaling takes place.
- */
- this.anchor = new Phaser.Point();
-
- /**
- * @property {number} x - The x coordinate (in world space) of this Sprite.
- */
- this.x = x;
-
- /**
- * @property {number} y - The y coordinate (in world space) of this Sprite.
- */
- this.y = y;
-
- this.position.x = x;
- this.position.y = y;
-
- /**
- * @property {Phaser.Point} world - The world coordinates of this Sprite. This differs from the x/y coordinates which are relative to the Sprites container.
- */
- this.world = new Phaser.Point(x, y);
-
- /**
- * Should this Sprite be automatically culled if out of range of the camera?
- * A culled sprite has its renderable property set to 'false'.
- *
- * @property {boolean} autoCull - A flag indicating if the Sprite should be automatically camera culled or not.
- * @default
- */
- this.autoCull = false;
-
- /**
- * @property {Phaser.Point} scale - The scale of the Sprite when rendered. By default it's set to 1 (no scale). You can modify it via scale.x or scale.y or scale.setTo(x, y). A value of 1 means no change to the scale, 0.5 means "half the size", 2 means "twice the size", etc.
- */
- this.scale = new Phaser.Point(1, 1);
-
- /**
- * @property {Phaser.Point} _cache - A mini cache for storing all of the calculated values.
- * @private
- */
- this._cache = {
-
- dirty: false,
-
- // Transform cache
- a00: -1, a01: -1, a02: -1, a10: -1, a11: -1, a12: -1, id: -1,
-
- // Input specific transform cache
- i01: -1, i10: -1, idi: -1,
-
- // Bounds check
- left: null, right: null, top: null, bottom: null,
-
- // delta cache
- prevX: x, prevY: y,
-
- // The previous calculated position
- x: -1, y: -1,
-
- // The actual scale values based on the worldTransform
- scaleX: 1, scaleY: 1,
-
- // The width/height of the image, based on the un-modified frame size multiplied by the final calculated scale size
- width: this.currentFrame.sourceSizeW, height: this.currentFrame.sourceSizeH,
-
- // The actual width/height of the image if from a trimmed atlas, multiplied by the final calculated scale size
- halfWidth: Math.floor(this.currentFrame.sourceSizeW / 2), halfHeight: Math.floor(this.currentFrame.sourceSizeH / 2),
-
- // The width/height of the image, based on the un-modified frame size multiplied by the final calculated scale size
- calcWidth: -1, calcHeight: -1,
-
- // The current frame details
- // frameID: this.currentFrame.uuid, frameWidth: this.currentFrame.width, frameHeight: this.currentFrame.height,
- frameID: -1, frameWidth: this.currentFrame.width, frameHeight: this.currentFrame.height,
-
- // If this sprite visible to the camera (regardless of being set to visible or not)
- cameraVisible: true,
-
- // Crop cache
- cropX: 0, cropY: 0, cropWidth: this.currentFrame.sourceSizeW, cropHeight: this.currentFrame.sourceSizeH
-
- };
-
- /**
- * @property {Phaser.Point} offset - Corner point defaults. Should not typically be modified.
- */
- this.offset = new Phaser.Point;
-
- /**
- * @property {Phaser.Point} center - A Point containing the center coordinate of the Sprite. Takes rotation and scale into account.
- */
- this.center = new Phaser.Point(x + Math.floor(this._cache.width / 2), y + Math.floor(this._cache.height / 2));
-
- /**
- * @property {Phaser.Point} topLeft - A Point containing the top left coordinate of the Sprite. Takes rotation and scale into account.
- */
- this.topLeft = new Phaser.Point(x, y);
-
- /**
- * @property {Phaser.Point} topRight - A Point containing the top right coordinate of the Sprite. Takes rotation and scale into account.
- */
- this.topRight = new Phaser.Point(x + this._cache.width, y);
-
- /**
- * @property {Phaser.Point} bottomRight - A Point containing the bottom right coordinate of the Sprite. Takes rotation and scale into account.
- */
- this.bottomRight = new Phaser.Point(x + this._cache.width, y + this._cache.height);
-
- /**
- * @property {Phaser.Point} bottomLeft - A Point containing the bottom left coordinate of the Sprite. Takes rotation and scale into account.
- */
- this.bottomLeft = new Phaser.Point(x, y + this._cache.height);
-
- /**
- * This Rectangle object fully encompasses the Sprite and is updated in real-time.
- * The bounds is the full bounding area after rotation and scale have been taken into account. It should not be modified directly.
- * It's used for Camera culling and physics body alignment.
- * @property {Phaser.Rectangle} bounds
- */
- this.bounds = new Phaser.Rectangle(x, y, this._cache.width, this._cache.height);
-
- /**
- * @property {Phaser.Physics.Arcade.Body} body - By default Sprites have a Phaser.Physics Body attached to them. You can operate physics actions via this property, or null it to skip all physics updates.
- */
- this.body = new Phaser.Physics.Arcade.Body(this);
-
- /**
- * @property {number} health - Health value. Used in combination with damage() to allow for quick killing of Sprites.
- */
- this.health = 1;
-
- /**
- * @property {boolean} inWorld - This value is set to true if the Sprite is positioned within the World, otherwise false.
- */
- this.inWorld = Phaser.Rectangle.intersects(this.bounds, this.game.world.bounds);
-
- /**
- * @property {number} inWorldThreshold - A threshold value applied to the inWorld check. If you don't want a Sprite to be considered "out of the world" until at least 100px away for example then set it to 100.
- * @default
- */
- this.inWorldThreshold = 0;
-
- /**
- * @property {boolean} outOfBoundsKill - If true the Sprite is killed as soon as Sprite.inWorld is false.
- * @default
- */
- this.outOfBoundsKill = false;
-
- /**
- * @property {boolean} _outOfBoundsFired - Internal flag.
- * @private
- * @default
- */
- this._outOfBoundsFired = false;
-
- /**
- * A Sprite that is fixed to the camera ignores the position of any ancestors in the display list and uses its x/y coordinates as offsets from the top left of the camera.
- * @property {boolean} fixedToCamera - Fixes this Sprite to the Camera.
- * @default
- */
- this.fixedToCamera = false;
-
- /**
- * @property {Phaser.Point} cameraOffset - If this Sprite is fixed to the camera then use this Point to specify how far away from the Camera x/y it's rendered.
- */
- this.cameraOffset = new Phaser.Point;
-
- /**
- * You can crop the Sprites texture by modifying the crop properties. For example crop.width = 50 would set the Sprite to only render 50px wide.
- * The crop is only applied if you have set Sprite.cropEnabled to true.
- * @property {Phaser.Rectangle} crop - The crop Rectangle applied to the Sprite texture before rendering.
- * @default
- */
- this.crop = new Phaser.Rectangle(0, 0, this._cache.width, this._cache.height);
-
- /**
- * @property {boolean} cropEnabled - If true the Sprite.crop property is used to crop the texture before render. Set to false to disable.
- * @default
- */
- this.cropEnabled = false;
-
- this.updateCache();
- this.updateBounds();
-
-};
-
-// Needed to keep the PIXI.Sprite constructor in the prototype chain (as the core pixi renderer uses an instanceof check sadly)
-Phaser.Sprite.prototype = Object.create(PIXI.Sprite.prototype);
-Phaser.Sprite.prototype.constructor = Phaser.Sprite;
-
-/**
-* Automatically called by World.preUpdate. Handles cache updates, lifespan checks, animation updates and physics updates.
-*
-* @method Phaser.Sprite#preUpdate
-* @memberof Phaser.Sprite
-*/
-Phaser.Sprite.prototype.preUpdate = function() {
-
- if (!this.exists || (this.group && !this.group.exists))
- {
- this.renderOrderID = -1;
-
- // Skip children if not exists
- return false;
- }
-
- if (this.lifespan > 0)
- {
- this.lifespan -= this.game.time.elapsed;
-
- if (this.lifespan <= 0)
- {
- this.kill();
- return false;
- }
- }
-
- this._cache.dirty = false;
-
- if (this.visible)
- {
- this.renderOrderID = this.game.world.currentRenderOrderID++;
- }
-
- this.updateCache();
-
- this.updateAnimation();
-
- this.updateCrop();
-
- // Re-run the camera visibility check
- if (this._cache.dirty || this.world.x !== this._cache.prevX || this.world.y !== this._cache.prevY)
- {
- this.updateBounds();
- }
-
- if (this.body)
- {
- this.body.preUpdate();
- }
-
- return true;
-
-};
-
-/**
-* Internal function called by preUpdate.
-*
-* @method Phaser.Sprite#updateCache
-* @memberof Phaser.Sprite
-*/
-Phaser.Sprite.prototype.updateCache = function() {
-
- this._cache.prevX = this.world.x;
- this._cache.prevY = this.world.y;
-
- if (this.fixedToCamera)
- {
- this.x = this.game.camera.view.x + this.cameraOffset.x;
- this.y = this.game.camera.view.y + this.cameraOffset.y;
- }
-
- this.world.setTo(this.game.camera.x + this.worldTransform[2], this.game.camera.y + this.worldTransform[5]);
-
- if (this.worldTransform[1] != this._cache.i01 || this.worldTransform[3] != this._cache.i10 || this.worldTransform[0] != this._cache.a00 || this.worldTransform[41] != this._cache.a11)
- {
- this._cache.a00 = this.worldTransform[0]; // scaleX a |a c tx|
- this._cache.a01 = this.worldTransform[1]; // skewY c |b d ty|
- this._cache.a10 = this.worldTransform[3]; // skewX b |0 0 1|
- this._cache.a11 = this.worldTransform[4]; // scaleY d
-
- this._cache.i01 = this.worldTransform[1]; // skewY c (remains non-modified for input checks)
- this._cache.i10 = this.worldTransform[3]; // skewX b (remains non-modified for input checks)
-
- this._cache.scaleX = Math.sqrt((this._cache.a00 * this._cache.a00) + (this._cache.a01 * this._cache.a01)); // round this off a bit?
- this._cache.scaleY = Math.sqrt((this._cache.a10 * this._cache.a10) + (this._cache.a11 * this._cache.a11)); // round this off a bit?
-
- this._cache.a01 *= -1;
- this._cache.a10 *= -1;
-
- this._cache.id = 1 / (this._cache.a00 * this._cache.a11 + this._cache.a01 * -this._cache.a10);
- this._cache.idi = 1 / (this._cache.a00 * this._cache.a11 + this._cache.i01 * -this._cache.i10);
-
- this._cache.dirty = true;
- }
-
- this._cache.a02 = this.worldTransform[2]; // translateX tx
- this._cache.a12 = this.worldTransform[5]; // translateY ty
-
-};
-
-/**
-* Internal function called by preUpdate.
-*
-* @method Phaser.Sprite#updateAnimation
-* @memberof Phaser.Sprite
-*/
-Phaser.Sprite.prototype.updateAnimation = function() {
-
- if (this.animations.update() || (this.currentFrame && this.currentFrame.uuid != this._cache.frameID))
- {
- this._cache.frameID = this.currentFrame.uuid;
-
- this._cache.frameWidth = this.texture.frame.width;
- this._cache.frameHeight = this.texture.frame.height;
-
- this._cache.width = this.currentFrame.width;
- this._cache.height = this.currentFrame.height;
-
- this._cache.halfWidth = Math.floor(this._cache.width / 2);
- this._cache.halfHeight = Math.floor(this._cache.height / 2);
-
- this._cache.dirty = true;
-
- }
-
-};
-
-/**
-* Internal function called by preUpdate.
-*
-* @method Phaser.Sprite#updateCrop
-* @memberof Phaser.Sprite
-*/
-Phaser.Sprite.prototype.updateCrop = function() {
-
- // This only runs if crop is enabled
- if (this.cropEnabled && (this.crop.width != this._cache.cropWidth || this.crop.height != this._cache.cropHeight || this.crop.x != this._cache.cropX || this.crop.y != this._cache.cropY))
- {
- this.crop.floorAll();
-
- this._cache.cropX = this.crop.x;
- this._cache.cropY = this.crop.y;
- this._cache.cropWidth = this.crop.width;
- this._cache.cropHeight = this.crop.height;
-
- this.texture.frame = this.crop;
- this.texture.width = this.crop.width;
- this.texture.height = this.crop.height;
-
- this.texture.updateFrame = true;
-
- PIXI.Texture.frameUpdates.push(this.texture);
- }
-
-};
-
-/**
-* Internal function called by preUpdate.
-*
-* @method Phaser.Sprite#updateBounds
-* @memberof Phaser.Sprite
-*/
-Phaser.Sprite.prototype.updateBounds = function() {
-
- this.offset.setTo(this._cache.a02 - (this.anchor.x * this.width), this._cache.a12 - (this.anchor.y * this.height));
-
- this.getLocalPosition(this.center, this.offset.x + (this.width / 2), this.offset.y + (this.height / 2));
- this.getLocalPosition(this.topLeft, this.offset.x, this.offset.y);
- this.getLocalPosition(this.topRight, this.offset.x + this.width, this.offset.y);
- this.getLocalPosition(this.bottomLeft, this.offset.x, this.offset.y + this.height);
- this.getLocalPosition(this.bottomRight, this.offset.x + this.width, this.offset.y + this.height);
-
- this._cache.left = Phaser.Math.min(this.topLeft.x, this.topRight.x, this.bottomLeft.x, this.bottomRight.x);
- this._cache.right = Phaser.Math.max(this.topLeft.x, this.topRight.x, this.bottomLeft.x, this.bottomRight.x);
- this._cache.top = Phaser.Math.min(this.topLeft.y, this.topRight.y, this.bottomLeft.y, this.bottomRight.y);
- this._cache.bottom = Phaser.Math.max(this.topLeft.y, this.topRight.y, this.bottomLeft.y, this.bottomRight.y);
-
- this.bounds.setTo(this._cache.left, this._cache.top, this._cache.right - this._cache.left, this._cache.bottom - this._cache.top);
-
- this.updateFrame = true;
-
- if (this.inWorld == false)
- {
- // Sprite WAS out of the screen, is it still?
- this.inWorld = Phaser.Rectangle.intersects(this.bounds, this.game.world.bounds, this.inWorldThreshold);
-
- if (this.inWorld)
- {
- // It's back again, reset the OOB check
- this._outOfBoundsFired = false;
- }
- }
- else
- {
- // Sprite WAS in the screen, has it now left?
- this.inWorld = Phaser.Rectangle.intersects(this.bounds, this.game.world.bounds, this.inWorldThreshold);
-
- if (this.inWorld == false)
- {
- this.events.onOutOfBounds.dispatch(this);
- this._outOfBoundsFired = true;
-
- if (this.outOfBoundsKill)
- {
- this.kill();
- }
- }
- }
-
- this._cache.cameraVisible = Phaser.Rectangle.intersects(this.game.world.camera.screenView, this.bounds, 0);
-
- if (this.autoCull)
- {
- // Won't get rendered but will still get its transform updated
- this.renderable = this._cache.cameraVisible;
- }
-
- // Update our physics bounds
- if (this.body)
- {
- this.body.updateBounds(this.center.x, this.center.y, this._cache.scaleX, this._cache.scaleY);
- }
-
-};
-
-/**
-* Gets the local position of a coordinate relative to the Sprite, factoring in rotation and scale.
-* Mostly only used internally.
-*
-* @method Phaser.Sprite#getLocalPosition
-* @memberof Phaser.Sprite
-* @param {Phaser.Point} p - The Point object to store the results in.
-* @param {number} x - x coordinate within the Sprite to translate.
-* @param {number} y - x coordinate within the Sprite to translate.
-* @param {number} sx - Scale factor to be applied.
-* @param {number} sy - Scale factor to be applied.
-* @return {Phaser.Point} The translated point.
-*/
-Phaser.Sprite.prototype.getLocalPosition = function(p, x, y) {
-
- p.x = ((this._cache.a11 * this._cache.id * x + -this._cache.a01 * this._cache.id * y + (this._cache.a12 * this._cache.a01 - this._cache.a02 * this._cache.a11) * this._cache.id) * this.scale.x) + this._cache.a02;
- p.y = ((this._cache.a00 * this._cache.id * y + -this._cache.a10 * this._cache.id * x + (-this._cache.a12 * this._cache.a00 + this._cache.a02 * this._cache.a10) * this._cache.id) * this.scale.y) + this._cache.a12;
-
- return p;
-
-};
-
-/**
-* Gets the local unmodified position of a coordinate relative to the Sprite, factoring in rotation and scale.
-* Mostly only used internally by the Input Manager, but also useful for custom hit detection.
-*
-* @method Phaser.Sprite#getLocalUnmodifiedPosition
-* @memberof Phaser.Sprite
-* @param {Phaser.Point} p - The Point object to store the results in.
-* @param {number} x - x coordinate within the Sprite to translate.
-* @param {number} y - x coordinate within the Sprite to translate.
-* @return {Phaser.Point} The translated point.
-*/
-Phaser.Sprite.prototype.getLocalUnmodifiedPosition = function(p, gx, gy) {
-
- p.x = (this._cache.a11 * this._cache.idi * gx + -this._cache.i01 * this._cache.idi * gy + (this._cache.a12 * this._cache.i01 - this._cache.a02 * this._cache.a11) * this._cache.idi) + (this.anchor.x * this._cache.width);
- p.y = (this._cache.a00 * this._cache.idi * gy + -this._cache.i10 * this._cache.idi * gx + (-this._cache.a12 * this._cache.a00 + this._cache.a02 * this._cache.i10) * this._cache.idi) + (this.anchor.y * this._cache.height);
-
- return p;
-
-};
-
-/**
-* Resets the Sprite.crop value back to the frame dimensions.
-*
-* @method Phaser.Sprite#resetCrop
-* @memberof Phaser.Sprite
-*/
-Phaser.Sprite.prototype.resetCrop = function() {
-
- this.crop = new Phaser.Rectangle(0, 0, this._cache.width, this._cache.height);
- this.texture.setFrame(this.crop);
- this.cropEnabled = false;
-
-};
-
-/**
-* Internal function called by the World postUpdate cycle.
-*
-* @method Phaser.Sprite#postUpdate
-* @memberof Phaser.Sprite
-*/
-Phaser.Sprite.prototype.postUpdate = function() {
-
- if (this.key instanceof Phaser.BitmapData && this.key._dirty)
- {
- this.key.render();
- }
-
- if (this.exists)
- {
- // The sprite is positioned in this call, after taking into consideration motion updates and collision
- if (this.body)
- {
- this.body.postUpdate();
- }
-
- if (this.fixedToCamera)
- {
- this._cache.x = this.game.camera.view.x + this.cameraOffset.x;
- this._cache.y = this.game.camera.view.y + this.cameraOffset.y;
- }
- else
- {
- this._cache.x = this.x;
- this._cache.y = this.y;
- }
-
- this.world.setTo(this.game.camera.x + this.worldTransform[2], this.game.camera.y + this.worldTransform[5]);
-
- this.position.x = this._cache.x;
- this.position.y = this._cache.y;
- }
-
-};
-
-/**
-* Changes the Texture the Sprite is using entirely. The old texture is removed and the new one is referenced or fetched from the Cache.
-* This causes a WebGL texture update, so use sparingly or in low-intensity portions of your game.
-*
-* @method Phaser.Sprite#loadTexture
-* @memberof Phaser.Sprite
-* @param {string|Phaser.RenderTexture|Phaser.BitmapData|PIXI.Texture} key - This is the image or texture used by the Sprite during rendering. It can be a string which is a reference to the Cache entry, or an instance of a RenderTexture, BitmapData or PIXI.Texture.
-* @param {string|number} frame - If this Sprite is using part of a sprite sheet or texture atlas you can specify the exact frame to use by giving a string or numeric index.
-*/
-Phaser.Sprite.prototype.loadTexture = function (key, frame) {
-
- this.key = key;
-
- if (key instanceof Phaser.RenderTexture)
- {
- this.currentFrame = this.game.cache.getTextureFrame(key.name);
- }
- else if (key instanceof Phaser.BitmapData)
- {
- this.setTexture(key.texture);
- this.currentFrame = key.textureFrame;
- }
- else if (key instanceof PIXI.Texture)
- {
- this.currentFrame = frame;
- }
- else
- {
- if (typeof key === 'undefined' || this.game.cache.checkImageKey(key) === false)
- {
- key = '__default';
- this.key = key;
- }
-
- if (this.game.cache.isSpriteSheet(key))
- {
- this.animations.loadFrameData(this.game.cache.getFrameData(key));
-
- if (typeof frame !== 'undefined')
- {
- if (typeof frame === 'string')
- {
- this.frameName = frame;
- }
- else
- {
- this.frame = frame;
- }
- }
- }
- else
- {
- this.currentFrame = this.game.cache.getFrame(key);
- this.setTexture(PIXI.TextureCache[key]);
- }
- }
-
-};
-
-/**
-* Moves the sprite so its center is located on the given x and y coordinates.
-* Doesn't change the anchor point of the sprite.
-*
-* @method Phaser.Sprite#centerOn
-* @memberof Phaser.Sprite
-* @param {number} x - The x coordinate (in world space) to position the Sprite at.
-* @param {number} y - The y coordinate (in world space) to position the Sprite at.
-* @return (Phaser.Sprite) This instance.
-*/
-Phaser.Sprite.prototype.centerOn = function(x, y) {
-
- this.x = x + (this.x - this.center.x);
- this.y = y + (this.y - this.center.y);
- return this;
-
-};
-
-/**
-* Brings a 'dead' Sprite back to life, optionally giving it the health value specified.
-* A resurrected Sprite has its alive, exists and visible properties all set to true.
-* It will dispatch the onRevived event, you can listen to Sprite.events.onRevived for the signal.
-*
-* @method Phaser.Sprite#revive
-* @memberof Phaser.Sprite
-* @param {number} [health=1] - The health to give the Sprite.
-* @return (Phaser.Sprite) This instance.
-*/
-Phaser.Sprite.prototype.revive = function(health) {
-
- if (typeof health === 'undefined') { health = 1; }
-
- this.alive = true;
- this.exists = true;
- this.visible = true;
- this.health = health;
-
- if (this.events)
- {
- this.events.onRevived.dispatch(this);
- }
-
- return this;
-
-};
-
-/**
-* Kills a Sprite. A killed Sprite has its alive, exists and visible properties all set to false.
-* It will dispatch the onKilled event, you can listen to Sprite.events.onKilled for the signal.
-* Note that killing a Sprite is a way for you to quickly recycle it in a Sprite pool, it doesn't free it up from memory.
-* If you don't need this Sprite any more you should call Sprite.destroy instead.
-*
-* @method Phaser.Sprite#kill
-* @memberof Phaser.Sprite
-* @return (Phaser.Sprite) This instance.
-*/
-Phaser.Sprite.prototype.kill = function() {
-
- this.alive = false;
- this.exists = false;
- this.visible = false;
-
- if (this.events)
- {
- this.events.onKilled.dispatch(this);
- }
-
- return this;
-
-};
-
-/**
-* Destroys the Sprite. This removes it from its parent group, destroys the input, event and animation handlers if present
-* and nulls its reference to game, freeing it up for garbage collection.
-*
-* @method Phaser.Sprite#destroy
-* @memberof Phaser.Sprite
-*/
-Phaser.Sprite.prototype.destroy = function() {
-
- if (this.group)
- {
- this.group.remove(this);
- }
-
- if (this.input)
- {
- this.input.destroy();
- }
-
- if (this.events)
- {
- this.events.destroy();
- }
-
- if (this.animations)
- {
- this.animations.destroy();
- }
-
- this.alive = false;
- this.exists = false;
- this.visible = false;
-
- this.game = null;
-
-};
-
-/**
-* Damages the Sprite, this removes the given amount from the Sprites health property.
-* If health is then taken below zero Sprite.kill is called.
-*
-* @method Phaser.Sprite#damage
-* @memberof Phaser.Sprite
-* @param {number} amount - The amount to subtract from the Sprite.health value.
-* @return (Phaser.Sprite) This instance.
-*/
-Phaser.Sprite.prototype.damage = function(amount) {
-
- if (this.alive)
- {
- this.health -= amount;
-
- if (this.health < 0)
- {
- this.kill();
- }
- }
-
- return this;
-
-};
-
-/**
-* Resets the Sprite. This places the Sprite at the given x/y world coordinates and then
-* sets alive, exists, visible and renderable all to true. Also resets the outOfBounds state and health values.
-* If the Sprite has a physics body that too is reset.
-*
-* @method Phaser.Sprite#reset
-* @memberof Phaser.Sprite
-* @param {number} x - The x coordinate (in world space) to position the Sprite at.
-* @param {number} y - The y coordinate (in world space) to position the Sprite at.
-* @param {number} [health=1] - The health to give the Sprite.
-* @return (Phaser.Sprite) This instance.
-*/
-Phaser.Sprite.prototype.reset = function(x, y, health) {
-
- if (typeof health === 'undefined') { health = 1; }
-
- this.x = x;
- this.y = y;
- this.position.x = this.x;
- this.position.y = this.y;
- this.alive = true;
- this.exists = true;
- this.visible = true;
- this.renderable = true;
- this._outOfBoundsFired = false;
-
- this.health = health;
-
- if (this.body)
- {
- this.body.reset();
- }
-
- return this;
-
-};
-
-/**
-* Brings the Sprite to the top of the display list it is a child of. Sprites that are members of a Phaser.Group are only
-* bought to the top of that Group, not the entire display list.
-*
-* @method Phaser.Sprite#bringToTop
-* @memberof Phaser.Sprite
-* @return (Phaser.Sprite) This instance.
-*/
-Phaser.Sprite.prototype.bringToTop = function() {
-
- if (this.group)
- {
- this.group.bringToTop(this);
- }
- else
- {
- this.game.world.bringToTop(this);
- }
-
- return this;
-
-};
-
-/**
-* Play an animation based on the given key. The animation should previously have been added via sprite.animations.add()
-* If the requested animation is already playing this request will be ignored. If you need to reset an already running animation do so directly on the Animation object itself.
-*
-* @method Phaser.Sprite#play
-* @memberof Phaser.Sprite
-* @param {string} name - The name of the animation to be played, e.g. "fire", "walk", "jump".
-* @param {number} [frameRate=null] - The framerate to play the animation at. The speed is given in frames per second. If not provided the previously set frameRate of the Animation is used.
-* @param {boolean} [loop=false] - Should the animation be looped after playback. If not provided the previously set loop value of the Animation is used.
-* @param {boolean} [killOnComplete=false] - If set to true when the animation completes (only happens if loop=false) the parent Sprite will be killed.
-* @return {Phaser.Animation} A reference to playing Animation instance.
-*/
-Phaser.Sprite.prototype.play = function (name, frameRate, loop, killOnComplete) {
-
- if (this.animations)
- {
- return this.animations.play(name, frameRate, loop, killOnComplete);
- }
-
-};
-
-/**
-* Indicates the rotation of the Sprite, in degrees, from its original orientation. Values from 0 to 180 represent clockwise rotation; values from 0 to -180 represent counterclockwise rotation.
-* Values outside this range are added to or subtracted from 360 to obtain a value within the range. For example, the statement player.angle = 450 is the same as player.angle = 90.
-* If you wish to work in radians instead of degrees use the property Sprite.rotation instead.
-* @name Phaser.Sprite#angle
-* @property {number} angle - Gets or sets the Sprites angle of rotation in degrees.
-*/
-Object.defineProperty(Phaser.Sprite.prototype, 'angle', {
-
- get: function() {
- return Phaser.Math.wrapAngle(Phaser.Math.radToDeg(this.rotation));
- },
-
- set: function(value) {
- this.rotation = Phaser.Math.degToRad(Phaser.Math.wrapAngle(value));
- }
-
-});
-
-/**
-* @name Phaser.Sprite#frame
-* @property {number} frame - Gets or sets the current frame index and updates the Texture Cache for display.
-*/
-Object.defineProperty(Phaser.Sprite.prototype, "frame", {
-
- get: function () {
- return this.animations.frame;
- },
-
- set: function (value) {
- this.animations.frame = value;
- }
-
-});
-
-/**
-* @name Phaser.Sprite#frameName
-* @property {string} frameName - Gets or sets the current frame name and updates the Texture Cache for display.
-*/
-Object.defineProperty(Phaser.Sprite.prototype, "frameName", {
-
- get: function () {
- return this.animations.frameName;
- },
-
- set: function (value) {
- this.animations.frameName = value;
- }
-
-});
-
-/**
-* @name Phaser.Sprite#inCamera
-* @property {boolean} inCamera - Is this sprite visible to the camera or not?
-* @readonly
-*/
-Object.defineProperty(Phaser.Sprite.prototype, "inCamera", {
-
- get: function () {
- return this._cache.cameraVisible;
- }
-
-});
-
-/**
-* The width of the sprite in pixels, setting this will actually modify the scale to acheive the value desired.
-* If you wish to crop the Sprite instead see the Sprite.crop value.
-*
-* @name Phaser.Sprite#width
-* @property {number} width - The width of the Sprite in pixels.
-*/
-Object.defineProperty(Phaser.Sprite.prototype, 'width', {
-
- get: function() {
- return this.scale.x * this.currentFrame.width;
- },
-
- set: function(value) {
-
- this.scale.x = value / this.currentFrame.width;
- this._cache.scaleX = value / this.currentFrame.width;
- this._width = value;
-
- }
-
-});
-
-/**
-* The height of the sprite in pixels, setting this will actually modify the scale to acheive the value desired.
-* If you wish to crop the Sprite instead see the Sprite.crop value.
-*
-* @name Phaser.Sprite#height
-* @property {number} height - The height of the Sprite in pixels.
-*/
-Object.defineProperty(Phaser.Sprite.prototype, 'height', {
-
- get: function() {
- return this.scale.y * this.currentFrame.height;
- },
-
- set: function(value) {
-
- this.scale.y = value / this.currentFrame.height;
- this._cache.scaleY = value / this.currentFrame.height;
- this._height = value;
-
- }
-
-});
-
-/**
-* By default a Sprite won't process any input events at all. By setting inputEnabled to true the Phaser.InputHandler is
-* activated for this Sprite instance and it will then start to process click/touch events and more.
-*
-* @name Phaser.Sprite#inputEnabled
-* @property {boolean} inputEnabled - Set to true to allow this Sprite to receive input events, otherwise false.
-*/
-Object.defineProperty(Phaser.Sprite.prototype, "inputEnabled", {
-
- get: function () {
-
- return (this.input.enabled);
-
- },
-
- set: function (value) {
-
- if (value)
- {
- if (this.input.enabled == false)
- {
- this.input.start();
- }
- }
- else
- {
- if (this.input.enabled)
- {
- this.input.stop();
- }
- }
-
- }
-
-});
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Create a new TileSprite.
-* @class Phaser.Tilemap
-* @constructor
-* @param {Phaser.Game} game - Current game instance.
-* @param {number} x - X position of the new tileSprite.
-* @param {number} y - Y position of the new tileSprite.
-* @param {number} width - the width of the tilesprite.
-* @param {number} height - the height of the tilesprite.
-* @param {string|Phaser.RenderTexture|PIXI.Texture} key - This is the image or texture used by the Sprite during rendering. It can be a string which is a reference to the Cache entry, or an instance of a RenderTexture or PIXI.Texture.
-* @param {string|number} frame - If this Sprite is using part of a sprite sheet or texture atlas you can specify the exact frame to use by giving a string or numeric index.
-*/
-Phaser.TileSprite = function (game, x, y, width, height, key, frame) {
-
- x = x || 0;
- y = y || 0;
- width = width || 256;
- height = height || 256;
- key = key || null;
- frame = frame || null;
-
- Phaser.Sprite.call(this, game, x, y, key, frame);
-
- /**
- * @property {Description} texture - Description.
- */
- this.texture = PIXI.TextureCache[key];
-
- PIXI.TilingSprite.call(this, this.texture, width, height);
-
- /**
- * @property {Description} type - Description.
- */
- this.type = Phaser.TILESPRITE;
-
- /**
- * @property {Point} tileScale - The scaling of the image that is being tiled.
- */
- this.tileScale = new Phaser.Point(1, 1);
-
- /**
- * @property {Point} tilePosition - The offset position of the image that is being tiled.
- */
- this.tilePosition = new Phaser.Point(0, 0);
-
-};
-
-Phaser.TileSprite.prototype = Phaser.Utils.extend(true, PIXI.TilingSprite.prototype, Phaser.Sprite.prototype);
-Phaser.TileSprite.prototype.constructor = Phaser.TileSprite;
-
-// Add our own custom methods
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Create a new Text.
-* @class Phaser.Text
-* @constructor
-* @param {Phaser.Game} game - Current game instance.
-* @param {number} x - X position of the new text object.
-* @param {number} y - Y position of the new text object.
-* @param {string} text - The actual text that will be written.
-* @param {object} style - The style object containing style attributes like font, font size ,
-*/
-Phaser.Text = function (game, x, y, text, style) {
-
- x = x || 0;
- y = y || 0;
- text = text || '';
- style = style || '';
-
- // If exists = false then the Sprite isn't updated by the core game loop or physics subsystem at all
- /**
- * @property {boolean} exists - Description.
- * @default
- */
- this.exists = true;
-
- // This is a handy little var your game can use to determine if a sprite is alive or not, it doesn't effect rendering
- /**
- * @property {boolean} alive - Description.
- * @default
- */
- this.alive = true;
-
- /**
- * @property {Description} group - Description.
- * @default
- */
- this.group = null;
-
- /**
- * @property {string} name - Description.
- * @default
- */
- this.name = '';
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running game.
- */
- this.game = game;
-
- this._text = text;
- this._style = style;
-
- PIXI.Text.call(this, text, style);
-
- /**
- * @property {Description} type - Description.
- */
- this.type = Phaser.TEXT;
-
- /**
- * @property {Description} position - Description.
- */
- this.position.x = this.x = x;
- this.position.y = this.y = y;
-
- // Replaces the PIXI.Point with a slightly more flexible one
- /**
- * @property {Phaser.Point} anchor - Description.
- */
- this.anchor = new Phaser.Point();
-
- /**
- * @property {Phaser.Point} scale - Description.
- */
- this.scale = new Phaser.Point(1, 1);
-
- // A mini cache for storing all of the calculated values
- /**
- * @property {Description} _cache - Description.
- * @private
- */
- this._cache = {
-
- dirty: false,
-
- // Transform cache
- a00: 1, a01: 0, a02: x, a10: 0, a11: 1, a12: y, id: 1,
-
- // The previous calculated position
- x: -1, y: -1,
-
- // The actual scale values based on the worldTransform
- scaleX: 1, scaleY: 1
-
- };
-
- this._cache.x = this.x;
- this._cache.y = this.y;
-
- /**
- * @property {boolean} renderable - Description.
- */
- this.renderable = true;
-
-};
-
-Phaser.Text.prototype = Object.create(PIXI.Text.prototype);
-Phaser.Text.prototype.constructor = Phaser.Text;
-
-/**
-* Automatically called by World.update.
-* @method Phaser.Text.prototype.update
-*/
-Phaser.Text.prototype.update = function() {
-
- if (!this.exists)
- {
- return;
- }
-
- this._cache.dirty = false;
-
- this._cache.x = this.x;
- this._cache.y = this.y;
-
- if (this.position.x != this._cache.x || this.position.y != this._cache.y)
- {
- this.position.x = this._cache.x;
- this.position.y = this._cache.y;
- this._cache.dirty = true;
- }
-
-}
-
-/**
-* @method Phaser.Text.prototype.destroy
-*/
-Phaser.Text.prototype.destroy = function() {
-
- if (this.group)
- {
- this.group.remove(this);
- }
-
- if (this.canvas.parentNode)
- {
- this.canvas.parentNode.removeChild(this.canvas);
- }
- else
- {
- this.canvas = null;
- this.context = null;
- }
-
- this.exists = false;
-
- this.group = null;
-
-}
-
-/**
-* Get
-* @returns {Description}
-*//**
-* Set
-* @param {Description} value - Description
-*/
-Object.defineProperty(Phaser.Text.prototype, 'angle', {
-
- get: function() {
- return Phaser.Math.radToDeg(this.rotation);
- },
-
- set: function(value) {
- this.rotation = Phaser.Math.degToRad(value);
- }
-
-});
-
-Object.defineProperty(Phaser.Text.prototype, 'content', {
-
- get: function() {
- return this._text;
- },
-
- set: function(value) {
-
- // Let's not update unless needed, this way we can safely update the text in a core loop without constant re-draws
- if (value !== this._text)
- {
- this._text = value;
- this.setText(value);
- }
-
- }
-
-});
-
-Object.defineProperty(Phaser.Text.prototype, 'font', {
-
- get: function() {
- return this._style;
- },
-
- set: function(value) {
-
- // Let's not update unless needed, this way we can safely update the text in a core loop without constant re-draws
- if (value !== this._style)
- {
- this._style = value;
- this.setStyle(value);
- }
-
- }
-
-});
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Creates a new `BitmapText` object. BitmapText work by taking a texture file and an XML file that describes the font layout.
-* On Windows you can use the free app BMFont: http://www.angelcode.com/products/bmfont/
-* On OS X we recommend Glyph Designer: http://www.71squared.com/en/glyphdesigner
-*
-* @class Phaser.BitmapText
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-* @param {number} x - X position of the new bitmapText object.
-* @param {number} y - Y position of the new bitmapText object.
-* @param {string} text - The actual text that will be written.
-* @param {object} style - The style object containing style attributes like font, font size , etc.
-*/
-Phaser.BitmapText = function (game, x, y, text, style) {
-
- x = x || 0;
- y = y || 0;
-
- text = text || '';
- style = style || '';
-
- /**
- * @property {boolean} exists - If exists = false then the Sprite isn't updated by the core game loop or physics subsystem at all.
- * @default
- */
- this.exists = true;
-
- /**
- * @property {boolean} alive - This is a handy little var your game can use to determine if a sprite is alive or not, it doesn't effect rendering.
- * @default
- */
- this.alive = true;
-
- /**
- * @property {Description} group - Description.
- * @default
- */
- this.group = null;
-
- /**
- * @property {string} name - Description.
- * @default
- */
- this.name = '';
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running Game.
- */
- this.game = game;
-
- PIXI.BitmapText.call(this, text, style);
-
- /**
- * @property {Description} type - Description.
- */
- this.type = Phaser.BITMAPTEXT;
-
- /**
- * @property {number} position.x - Description.
- */
- this.position.x = x;
-
- /**
- * @property {number} position.y - Description.
- */
- this.position.y = y;
-
- // Replaces the PIXI.Point with a slightly more flexible one
- /**
- * @property {Phaser.Point} anchor - Description.
- */
- this.anchor = new Phaser.Point();
-
- /**
- * @property {Phaser.Point} scale - Description.
- */
- this.scale = new Phaser.Point(1, 1);
-
- // A mini cache for storing all of the calculated values
- /**
- * @property {function} _cache - Description.
- * @private
- */
- this._cache = {
-
- dirty: false,
-
- // Transform cache
- a00: 1, a01: 0, a02: x, a10: 0, a11: 1, a12: y, id: 1,
-
- // The previous calculated position
- x: -1, y: -1,
-
- // The actual scale values based on the worldTransform
- scaleX: 1, scaleY: 1
-
- };
-
- this._cache.x = this.x;
- this._cache.y = this.y;
-
- /**
- * @property {boolean} renderable - Description.
- * @private
- */
- this.renderable = true;
-
-};
-
-Phaser.BitmapText.prototype = Object.create(PIXI.BitmapText.prototype);
-// Phaser.BitmapText.prototype = Phaser.Utils.extend(true, PIXI.BitmapText.prototype);
-Phaser.BitmapText.prototype.constructor = Phaser.BitmapText;
-
-/**
-* Automatically called by World.update
-* @method Phaser.BitmapText.prototype.update
-*/
-Phaser.BitmapText.prototype.update = function() {
-
- if (!this.exists)
- {
- return;
- }
-
- this._cache.dirty = false;
-
- this._cache.x = this.x;
- this._cache.y = this.y;
-
- if (this.position.x != this._cache.x || this.position.y != this._cache.y)
- {
- this.position.x = this._cache.x;
- this.position.y = this._cache.y;
- this._cache.dirty = true;
- }
-
- this.pivot.x = this.anchor.x*this.width;
- this.pivot.y = this.anchor.y*this.height;
-
-}
-
-/**
-* @method Phaser.Text.prototype.destroy
-*/
-Phaser.BitmapText.prototype.destroy = function() {
-
- if (this.group)
- {
- this.group.remove(this);
- }
-
- if (this.canvas && this.canvas.parentNode)
- {
- this.canvas.parentNode.removeChild(this.canvas);
- }
- else
- {
- this.canvas = null;
- this.context = null;
- }
-
- this.exists = false;
-
- this.group = null;
-
-}
-
-/**
-* Get
-* @returns {Description}
-*//**
-* Set
-* @param {Description} value - Description
-*/
-Object.defineProperty(Phaser.BitmapText.prototype, 'angle', {
-
- get: function() {
- return Phaser.Math.radToDeg(this.rotation);
- },
-
- set: function(value) {
- this.rotation = Phaser.Math.degToRad(value);
- }
-
-});
-
-/**
-* Get
-* @returns {Description}
-*//**
-* Set
-* @param {Description} value - Description
-*/
-Object.defineProperty(Phaser.BitmapText.prototype, 'x', {
-
- get: function() {
- return this.position.x;
- },
-
- set: function(value) {
- this.position.x = value;
- }
-
-});
-
-/**
-* Get
-* @returns {Description}
-*//**
-* Set
-* @param {Description} value - Description
-*/
-Object.defineProperty(Phaser.BitmapText.prototype, 'y', {
-
- get: function() {
- return this.position.y;
- },
-
- set: function(value) {
- this.position.y = value;
- }
-
-});
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Create a new `Button` object. A Button is a special type of Sprite that is set-up to handle Pointer events automatically. The four states a Button responds to are:
-* 'Over' - when the Pointer moves over the Button. This is also commonly known as 'hover'.
-* 'Out' - when the Pointer that was previously over the Button moves out of it.
-* 'Down' - when the Pointer is pressed down on the Button. I.e. touched on a touch enabled device or clicked with the mouse.
-* 'Up' - when the Pointer that was pressed down on the Button is released again.
-* You can set a unique texture frame and Sound for any of these states.
-*
-* @class Phaser.Button
-* @constructor
-*
-* @param {Phaser.Game} game Current game instance.
-* @param {number} [x] - X position of the Button.
-* @param {number} [y] - Y position of the Button.
-* @param {string} [key] - The image key as defined in the Game.Cache to use as the texture for this Button.
-* @param {function} [callback] - The function to call when this Button is pressed.
-* @param {object} [callbackContext] - The context in which the callback will be called (usually 'this').
-* @param {string|number} [overFrame] - This is the frame or frameName that will be set when this button is in an over state. Give either a number to use a frame ID or a string for a frame name.
-* @param {string|number} [outFrame] - This is the frame or frameName that will be set when this button is in an out state. Give either a number to use a frame ID or a string for a frame name.
-* @param {string|number} [downFrame] - This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name.
-*/
-Phaser.Button = function (game, x, y, key, callback, callbackContext, overFrame, outFrame, downFrame) {
-
- x = x || 0;
- y = y || 0;
- key = key || null;
- callback = callback || null;
- callbackContext = callbackContext || this;
-
- Phaser.Sprite.call(this, game, x, y, key, outFrame);
-
- /**
- * @property {number} type - The Phaser Object Type.
- */
- this.type = Phaser.BUTTON;
-
- /**
- * @property {string} _onOverFrameName - Internal variable.
- * @private
- * @default
- */
- this._onOverFrameName = null;
-
- /**
- * @property {string} _onOutFrameName - Internal variable.
- * @private
- * @default
- */
- this._onOutFrameName = null;
-
- /**
- * @property {string} _onDownFrameName - Internal variable.
- * @private
- * @default
- */
- this._onDownFrameName = null;
-
- /**
- * @property {string} _onUpFrameName - Internal variable.
- * @private
- * @default
- */
- this._onUpFrameName = null;
-
- /**
- * @property {number} _onOverFrameID - Internal variable.
- * @private
- * @default
- */
- this._onOverFrameID = null;
-
- /**
- * @property {number} _onOutFrameID - Internal variable.
- * @private
- * @default
- */
- this._onOutFrameID = null;
-
- /**
- * @property {number} _onDownFrameID - Internal variable.
- * @private
- * @default
- */
- this._onDownFrameID = null;
-
- /**
- * @property {number} _onUpFrameID - Internal variable.
- * @private
- * @default
- */
- this._onUpFrameID = null;
-
- /**
- * @property {Phaser.Sound} onOverSound - The Sound to be played when this Buttons Over state is activated.
- * @default
- */
- this.onOverSound = null;
-
- /**
- * @property {Phaser.Sound} onOutSound - The Sound to be played when this Buttons Out state is activated.
- * @default
- */
- this.onOutSound = null;
-
- /**
- * @property {Phaser.Sound} onDownSound - The Sound to be played when this Buttons Down state is activated.
- * @default
- */
- this.onDownSound = null;
-
- /**
- * @property {Phaser.Sound} onUpSound - The Sound to be played when this Buttons Up state is activated.
- * @default
- */
- this.onUpSound = null;
-
- /**
- * @property {string} onOverSoundMarker - The Sound Marker used in conjunction with the onOverSound.
- * @default
- */
- this.onOverSoundMarker = '';
-
- /**
- * @property {string} onOutSoundMarker - The Sound Marker used in conjunction with the onOutSound.
- * @default
- */
- this.onOutSoundMarker = '';
-
- /**
- * @property {string} onDownSoundMarker - The Sound Marker used in conjunction with the onDownSound.
- * @default
- */
- this.onDownSoundMarker = '';
-
- /**
- * @property {string} onUpSoundMarker - The Sound Marker used in conjunction with the onUpSound.
- * @default
- */
- this.onUpSoundMarker = '';
-
- /**
- * @property {Phaser.Signal} onInputOver - The Signal (or event) dispatched when this Button is in an Over state.
- */
- this.onInputOver = new Phaser.Signal;
-
- /**
- * @property {Phaser.Signal} onInputOut - The Signal (or event) dispatched when this Button is in an Out state.
- */
- this.onInputOut = new Phaser.Signal;
-
- /**
- * @property {Phaser.Signal} onInputDown - The Signal (or event) dispatched when this Button is in an Down state.
- */
- this.onInputDown = new Phaser.Signal;
-
- /**
- * @property {Phaser.Signal} onInputUp - The Signal (or event) dispatched when this Button is in an Up state.
- */
- this.onInputUp = new Phaser.Signal;
-
- /**
- * @property {boolean} freezeFrames - When true the Button will cease to change texture frame on all events (over, out, up, down).
- */
- this.freezeFrames = false;
-
- /**
- * When the Button is clicked you can optionally force the state to "out".
- * @property {boolean} forceOut
- * @default
- */
- this.forceOut = true;
-
- this.setFrames(overFrame, outFrame, downFrame);
-
- if (callback !== null)
- {
- this.onInputUp.add(callback, callbackContext);
- }
-
- this.input.start(0, true);
-
- // Redirect the input events to here so we can handle animation updates, etc
- this.events.onInputOver.add(this.onInputOverHandler, this);
- this.events.onInputOut.add(this.onInputOutHandler, this);
- this.events.onInputDown.add(this.onInputDownHandler, this);
- this.events.onInputUp.add(this.onInputUpHandler, this);
-
-};
-
-Phaser.Button.prototype = Object.create(Phaser.Sprite.prototype);
-Phaser.Button.prototype = Phaser.Utils.extend(true, Phaser.Button.prototype, Phaser.Sprite.prototype, PIXI.Sprite.prototype);
-Phaser.Button.prototype.constructor = Phaser.Button;
-
-/**
-* Used to manually set the frames that will be used for the different states of the button
-* exactly like setting them in the constructor.
-*
-* @method Phaser.Button.prototype.setFrames
-* @param {string|number} [overFrame] - This is the frame or frameName that will be set when this button is in an over state. Give either a number to use a frame ID or a string for a frame name.
-* @param {string|number} [outFrame] - This is the frame or frameName that will be set when this button is in an out state. Give either a number to use a frame ID or a string for a frame name.
-* @param {string|number} [downFrame] - This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name.
-*/
-Phaser.Button.prototype.setFrames = function (overFrame, outFrame, downFrame) {
-
- if (overFrame !== null)
- {
- if (typeof overFrame === 'string')
- {
- this._onOverFrameName = overFrame;
-
- if (this.input.pointerOver())
- {
- this.frameName = overFrame;
- }
- }
- else
- {
- this._onOverFrameID = overFrame;
-
- if (this.input.pointerOver())
- {
- this.frame = overFrame;
- }
- }
- }
-
- if (outFrame !== null)
- {
- if (typeof outFrame === 'string')
- {
- this._onOutFrameName = outFrame;
- this._onUpFrameName = outFrame;
-
- if (this.input.pointerOver() == false)
- {
- this.frameName = outFrame;
- }
- }
- else
- {
- this._onOutFrameID = outFrame;
- this._onUpFrameID = outFrame;
-
- if (this.input.pointerOver() == false)
- {
- this.frame = outFrame;
- }
- }
- }
-
- if (downFrame !== null)
- {
- if (typeof downFrame === 'string')
- {
- this._onDownFrameName = downFrame;
-
- if (this.input.pointerDown())
- {
- this.frameName = downFrame;
- }
- }
- else
- {
- this._onDownFrameID = downFrame;
-
- if (this.input.pointerDown())
- {
- this.frame = downFrame;
- }
- }
- }
-
-};
-
-/**
-* Sets the sounds to be played whenever this Button is interacted with. Sounds can be either full Sound objects, or markers pointing to a section of a Sound object.
-* The most common forms of sounds are 'hover' effects and 'click' effects, which is why the order of the parameters is overSound then downSound.
-* Call this function with no parameters at all to reset all sounds on this Button.
-*
-* @method Phaser.Button.prototype.setSounds
-* @param {Phaser.Sound} [overSound] - Over Button Sound.
-* @param {string} [overMarker] - Over Button Sound Marker.
-* @param {Phaser.Sound} [downSound] - Down Button Sound.
-* @param {string} [downMarker] - Down Button Sound Marker.
-* @param {Phaser.Sound} [outSound] - Out Button Sound.
-* @param {string} [outMarker] - Out Button Sound Marker.
-* @param {Phaser.Sound} [upSound] - Up Button Sound.
-* @param {string} [upMarker] - Up Button Sound Marker.
-*/
-Phaser.Button.prototype.setSounds = function (overSound, overMarker, downSound, downMarker, outSound, outMarker, upSound, upMarker) {
-
- this.setOverSound(overSound, overMarker);
- this.setOutSound(outSound, outMarker);
- this.setUpSound(upSound, upMarker);
- this.setDownSound(downSound, downMarker);
-
-}
-
-/**
-* The Sound to be played when a Pointer moves over this Button.
-*
-* @method Phaser.Button.prototype.setOverSound
-* @param {Phaser.Sound} sound - The Sound that will be played.
-* @param {string} [marker] - A Sound Marker that will be used in the playback.
-*/
-Phaser.Button.prototype.setOverSound = function (sound, marker) {
-
- this.onOverSound = null;
- this.onOverSoundMarker = '';
-
- if (sound instanceof Phaser.Sound)
- {
- this.onOverSound = sound;
- }
-
- if (typeof marker === 'string')
- {
- this.onOverSoundMarker = marker;
- }
-
-}
-
-/**
-* The Sound to be played when a Pointer moves out of this Button.
-*
-* @method Phaser.Button.prototype.setOutSound
-* @param {Phaser.Sound} sound - The Sound that will be played.
-* @param {string} [marker] - A Sound Marker that will be used in the playback.
-*/
-Phaser.Button.prototype.setOutSound = function (sound, marker) {
-
- this.onOutSound = null;
- this.onOutSoundMarker = '';
-
- if (sound instanceof Phaser.Sound)
- {
- this.onOutSound = sound;
- }
-
- if (typeof marker === 'string')
- {
- this.onOutSoundMarker = marker;
- }
-
-}
-
-/**
-* The Sound to be played when a Pointer clicks on this Button.
-*
-* @method Phaser.Button.prototype.setUpSound
-* @param {Phaser.Sound} sound - The Sound that will be played.
-* @param {string} [marker] - A Sound Marker that will be used in the playback.
-*/
-Phaser.Button.prototype.setUpSound = function (sound, marker) {
-
- this.onUpSound = null;
- this.onUpSoundMarker = '';
-
- if (sound instanceof Phaser.Sound)
- {
- this.onUpSound = sound;
- }
-
- if (typeof marker === 'string')
- {
- this.onUpSoundMarker = marker;
- }
-
-}
-
-/**
-* The Sound to be played when a Pointer clicks on this Button.
-*
-* @method Phaser.Button.prototype.setDownSound
-* @param {Phaser.Sound} sound - The Sound that will be played.
-* @param {string} [marker] - A Sound Marker that will be used in the playback.
-*/
-Phaser.Button.prototype.setDownSound = function (sound, marker) {
-
- this.onDownSound = null;
- this.onDownSoundMarker = '';
-
- if (sound instanceof Phaser.Sound)
- {
- this.onDownSound = sound;
- }
-
- if (typeof marker === 'string')
- {
- this.onDownSoundMarker = marker;
- }
-
-}
-
-/**
-* Internal function that handles input events.
-*
-* @protected
-* @method Phaser.Button.prototype.onInputOverHandler
-* @param {Phaser.Pointer} pointer - The Pointer that activated the Button.
-*/
-Phaser.Button.prototype.onInputOverHandler = function (pointer) {
-
- if (this.freezeFrames == false)
- {
- if (this._onOverFrameName != null)
- {
- this.frameName = this._onOverFrameName;
- }
- else if (this._onOverFrameID != null)
- {
- this.frame = this._onOverFrameID;
- }
- }
-
- if (this.onOverSound)
- {
- this.onOverSound.play(this.onOverSoundMarker);
- }
-
- if (this.onInputOver)
- {
- this.onInputOver.dispatch(this, pointer);
- }
-};
-
-/**
-* Internal function that handles input events.
-*
-* @protected
-* @method Phaser.Button.prototype.onInputOverHandler
-* @param {Phaser.Pointer} pointer - The Pointer that activated the Button.
-*/
-Phaser.Button.prototype.onInputOutHandler = function (pointer) {
-
- if (this.freezeFrames == false)
- {
- if (this._onOutFrameName != null)
- {
- this.frameName = this._onOutFrameName;
- }
- else if (this._onOutFrameID != null)
- {
- this.frame = this._onOutFrameID;
- }
- }
-
- if (this.onOutSound)
- {
- this.onOutSound.play(this.onOutSoundMarker);
- }
-
- if (this.onInputOut)
- {
- this.onInputOut.dispatch(this, pointer);
- }
-};
-
-/**
-* Internal function that handles input events.
-*
-* @protected
-* @method Phaser.Button.prototype.onInputOverHandler
-* @param {Phaser.Pointer} pointer - The Pointer that activated the Button.
-*/
-Phaser.Button.prototype.onInputDownHandler = function (pointer) {
-
- if (this.freezeFrames == false)
- {
- if (this._onDownFrameName != null)
- {
- this.frameName = this._onDownFrameName;
- }
- else if (this._onDownFrameID != null)
- {
- this.frame = this._onDownFrameID;
- }
- }
-
- if (this.onDownSound)
- {
- this.onDownSound.play(this.onDownSoundMarker);
- }
-
- if (this.onInputDown)
- {
- this.onInputDown.dispatch(this, pointer);
- }
-};
-
-/**
-* Internal function that handles input events.
-*
-* @protected
-* @method Phaser.Button.prototype.onInputOverHandler
-* @param {Phaser.Pointer} pointer - The Pointer that activated the Button.
-*/
-Phaser.Button.prototype.onInputUpHandler = function (pointer) {
-
- if (this.freezeFrames == false)
- {
- if (this._onUpFrameName != null)
- {
- this.frameName = this._onUpFrameName;
- }
- else if (this._onUpFrameID != null)
- {
- this.frame = this._onUpFrameID;
- }
- }
-
- if (this.onUpSound)
- {
- this.onUpSound.play(this.onUpSoundMarker);
- }
-
- if (this.forceOut && this.freezeFrames == false)
- {
- if (this._onOutFrameName != null)
- {
- this.frameName = this._onOutFrameName;
- }
- else if (this._onOutFrameID != null)
- {
- this.frame = this._onOutFrameID;
- }
- }
-
- if (this.onInputUp)
- {
- this.onInputUp.dispatch(this, pointer);
- }
-
-};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Creates a new Graphics object.
-*
-* @class Phaser.Graphics
-* @constructor
-*
-* @param {Phaser.Game} game Current game instance.
-* @param {number} x - X position of the new graphics object.
-* @param {number} y - Y position of the new graphics object.
-*/
-Phaser.Graphics = function (game, x, y) {
-
- this.game = game;
-
- PIXI.Graphics.call(this);
-
- /**
- * @property {Description} type - Description.
- */
- this.type = Phaser.GRAPHICS;
-
- this.position.x = x;
- this.position.y = y;
-
-};
-
-Phaser.Graphics.prototype = Object.create(PIXI.Graphics.prototype);
-Phaser.Graphics.prototype.constructor = Phaser.Graphics;
-
-// Add our own custom methods
-
-/**
-* Description.
-*
-* @method Phaser.Sprite.prototype.destroy
-*/
-Phaser.Graphics.prototype.destroy = function() {
-
- this.clear();
-
- if (this.group)
- {
- this.group.remove(this);
- }
-
- this.game = null;
-
-}
-
-/*
-* Draws a {Phaser.Polygon} or a {PIXI.Polygon} filled
-*/
-Phaser.Graphics.prototype.drawPolygon = function (poly) {
-
- graphics.moveTo(poly.points[0].x, poly.points[0].y);
-
- for (var i = 1; i < poly.points.length; i += 1)
- {
- graphics.lineTo(poly.points[i].x, poly.points[i].y);
- }
-
- graphics.lineTo(poly.points[0].x, poly.points[0].y);
-
-}
-
-Object.defineProperty(Phaser.Graphics.prototype, 'angle', {
-
- get: function() {
- return Phaser.Math.wrapAngle(Phaser.Math.radToDeg(this.rotation));
- },
-
- set: function(value) {
- this.rotation = Phaser.Math.degToRad(Phaser.Math.wrapAngle(value));
- }
-
-});
-
-Object.defineProperty(Phaser.Graphics.prototype, 'x', {
-
- get: function() {
- return this.position.x;
- },
-
- set: function(value) {
- this.position.x = value;
- }
-
-});
-
-Object.defineProperty(Phaser.Graphics.prototype, 'y', {
-
- get: function() {
- return this.position.y;
- },
-
- set: function(value) {
- this.position.y = value;
- }
-
-});
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* A RenderTexture is a special texture that allows any displayObject to be rendered to it.
-* @class Phaser.RenderTexture
-* @constructor
-* @param {Phaser.Game} game - Current game instance.
-* @param {string} key - Asset key for the render texture.
-* @param {number} width - the width of the render texture.
-* @param {number} height - the height of the render texture.
-*/
-Phaser.RenderTexture = function (game, key, width, height) {
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running game.
- */
- this.game = game;
-
- /**
- * @property {string} name - the name of the object.
- */
- this.name = key;
-
- PIXI.EventTarget.call(this);
-
- /**
- * @property {number} width - the width.
- */
- this.width = width || 100;
-
- /**
- * @property {number} height - the height.
- */
- this.height = height || 100;
-
- /**
- * @property {PIXI.mat3} indetityMatrix - Matrix object.
- */
- this.indetityMatrix = PIXI.mat3.create();
-
- /**
- * @property {PIXI.Rectangle} frame - The frame for this texture.
- */
- this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
- /**
- * @property {number} type - Base Phaser object type.
- */
- this.type = Phaser.RENDERTEXTURE;
-
- this._tempPoint = { x: 0, y: 0 };
-
- if (PIXI.gl)
- {
- this.initWebGL();
- }
- else
- {
- this.initCanvas();
- }
-
-};
-
-Phaser.RenderTexture.prototype = Object.create(PIXI.Texture.prototype);
-Phaser.RenderTexture.prototype.constructor = PIXI.RenderTexture;
-
-/**
-* This function will draw the display object to the texture. If the display object is a Group or has children it will
-* draw all children as well.
-*
-* @method render
-* @param {DisplayObject} displayObject - The display object to render this texture on.
-* @param {Phaser.Point} [position] - Where to draw the display object.
-* @param {boolean} [clear=false] - If true the texture will be cleared before the displayObject is drawn.
-*/
-Phaser.RenderTexture.prototype.render = function(displayObject, position, clear) {
-
- if (typeof position === 'undefined') { position = false; }
- if (typeof clear === 'undefined') { clear = false; }
-
- if (displayObject instanceof Phaser.Group)
- {
- displayObject = displayObject._container;
- }
-
- if (PIXI.gl)
- {
- this.renderWebGL(displayObject, position, clear);
- }
- else
- {
- this.renderCanvas(displayObject, position, clear);
- }
-
-}
-
-/**
-* This function will draw the display object to the texture at the given x/y coordinates.
-* If the display object is a Group or has children it will draw all children as well.
-*
-* @method renderXY
-* @param {DisplayObject} displayObject - The display object to render this texture on.
-* @param {number} x - The x coordinate to draw the display object at.
-* @param {number} y - The y coordinate to draw the display object at.
-* @param {boolean} [clear=false] - If true the texture will be cleared before the displayObject is drawn.
-*/
-Phaser.RenderTexture.prototype.renderXY = function(displayObject, x, y, clear) {
-
- this._tempPoint.x = x;
- this._tempPoint.y = y;
-
- this.render(displayObject, this._tempPoint, clear);
-
-}
-
-/**
- * Initializes the webgl data for this texture
- *
- * @method initWebGL
- * @private
- */
-Phaser.RenderTexture.prototype.initWebGL = function()
-{
- var gl = PIXI.gl;
- this.glFramebuffer = gl.createFramebuffer();
-
- gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
- this.glFramebuffer.width = this.width;
- this.glFramebuffer.height = this.height;
-
- this.baseTexture = new PIXI.BaseTexture();
-
- this.baseTexture.width = this.width;
- this.baseTexture.height = this.height;
-
- this.baseTexture._glTexture = gl.createTexture();
- gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
-
- gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, this.width, this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
- gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-
- this.baseTexture.isRender = true;
-
- gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
- gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.baseTexture._glTexture, 0);
-
- // create a projection matrix..
- this.projection = new PIXI.Point(this.width/2 , -this.height/2);
-
- // set the correct render function..
- // this.render = this.renderWebGL;
-}
-
-
-Phaser.RenderTexture.prototype.resize = function(width, height)
-{
-
- this.width = width;
- this.height = height;
-
- if(PIXI.gl)
- {
- this.projection.x = this.width/2
- this.projection.y = -this.height/2;
-
- var gl = PIXI.gl;
- gl.bindTexture(gl.TEXTURE_2D, this.baseTexture._glTexture);
- gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, this.width, this.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
- }
- else
- {
-
- this.frame.width = this.width
- this.frame.height = this.height;
- this.renderer.resize(this.width, this.height);
- }
-}
-
-/**
- * Initializes the canvas data for this texture
- *
- * @method initCanvas
- * @private
- */
-Phaser.RenderTexture.prototype.initCanvas = function()
-{
- this.renderer = new PIXI.CanvasRenderer(this.width, this.height, null, 0);
-
- this.baseTexture = new PIXI.BaseTexture(this.renderer.view);
- this.frame = new PIXI.Rectangle(0, 0, this.width, this.height);
-
- // this.render = this.renderCanvas;
-}
-
-/**
- * This function will draw the display object to the texture.
- *
- * @method renderWebGL
- * @param displayObject {DisplayObject} The display object to render this texture on
- * @param clear {Boolean} If true the texture will be cleared before the displayObject is drawn
- * @private
- */
-Phaser.RenderTexture.prototype.renderWebGL = function(displayObject, position, clear)
-{
- var gl = PIXI.gl;
-
- // enable the alpha color mask..
- gl.colorMask(true, true, true, true);
-
- gl.viewport(0, 0, this.width, this.height);
-
- gl.bindFramebuffer(gl.FRAMEBUFFER, this.glFramebuffer );
-
- if(clear)
- {
- gl.clearColor(0,0,0, 0);
- gl.clear(gl.COLOR_BUFFER_BIT);
- }
-
- // THIS WILL MESS WITH HIT TESTING!
- var children = displayObject.children;
-
- //TODO -? create a new one??? dont think so!
- var originalWorldTransform = displayObject.worldTransform;
- displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
- // modify to flip...
- displayObject.worldTransform[4] = -1;
- displayObject.worldTransform[5] = this.projection.y * -2;
-
- if(position)
- {
- displayObject.worldTransform[2] = position.x;
- displayObject.worldTransform[5] -= position.y;
- }
-
- PIXI.visibleCount++;
- displayObject.vcount = PIXI.visibleCount;
-
- for(var i=0,j=children.length; i
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* The Canvas class handles everything related to the <canvas> tag as a DOM Element, like styles, offset, aspect ratio
-*
-* @class Phaser.Canvas
-* @static
-*/
-Phaser.Canvas = {
-
- /**
- * Creates the <canvas> tag
- *
- * @method Phaser.Canvas.create
- * @param {number} width - The desired width.
- * @param {number} height - The desired height.
- * @return {HTMLCanvasElement} The newly created <canvas> tag.
- */
- create: function (width, height) {
-
- width = width || 256;
- height = height || 256;
-
- var canvas = document.createElement('canvas');
- canvas.width = width;
- canvas.height = height;
- canvas.style.display = 'block';
-
- return canvas;
-
- },
-
- /**
- * Get the DOM offset values of any given element
- * @method Phaser.Canvas.getOffset
- * @param {HTMLElement} element - The targeted element that we want to retrieve the offset.
- * @param {Phaser.Point} [point] - The point we want to take the x/y values of the offset.
- * @return {Phaser.Point} - A point objet with the offsetX and Y as its properties.
- */
- getOffset: function (element, point) {
-
- point = point || new Phaser.Point;
-
- var box = element.getBoundingClientRect();
- var clientTop = element.clientTop || document.body.clientTop || 0;
- var clientLeft = element.clientLeft || document.body.clientLeft || 0;
- var scrollTop = window.pageYOffset || element.scrollTop || document.body.scrollTop;
- var scrollLeft = window.pageXOffset || element.scrollLeft || document.body.scrollLeft;
-
- point.x = box.left + scrollLeft - clientLeft;
- point.y = box.top + scrollTop - clientTop;
-
- return point;
-
- },
-
- /**
- * Returns the aspect ratio of the given canvas.
- *
- * @method Phaser.Canvas.getAspectRatio
- * @param {HTMLCanvasElement} canvas - The canvas to get the aspect ratio from.
- * @return {number} The ratio between canvas' width and height.
- */
- getAspectRatio: function (canvas) {
- return canvas.width / canvas.height;
- },
-
- /**
- * Sets the background color behind the canvas. This changes the canvas style property.
- *
- * @method Phaser.Canvas.setBackgroundColor
- * @param {HTMLCanvasElement} canvas - The canvas to set the background color on.
- * @param {string} [color] - The color to set. Can be in the format 'rgb(r,g,b)', or '#RRGGBB' or any valid CSS color.
- * @return {HTMLCanvasElement} Returns the source canvas.
- */
- setBackgroundColor: function (canvas, color) {
-
- color = color || 'rgb(0,0,0)';
-
- canvas.style.backgroundColor = color;
-
- return canvas;
-
- },
-
- /**
- * Sets the touch-action property on the canvas style. Can be used to disable default browser touch actions.
- *
- * @method Phaser.Canvas.setTouchAction
- * @param {HTMLCanvasElement} canvas - The canvas to set the touch action on.
- * @param {String} [value] - The touch action to set. Defaults to 'none'.
- * @return {HTMLCanvasElement} The source canvas.
- */
- setTouchAction: function (canvas, value) {
-
- value = value || 'none';
-
- canvas.style.msTouchAction = value;
- canvas.style['ms-touch-action'] = value;
- canvas.style['touch-action'] = value;
-
- return canvas;
-
- },
-
- /**
- * Sets the user-select property on the canvas style. Can be used to disable default browser selection actions.
- *
- * @method Phaser.Canvas.setUserSelect
- * @param {HTMLCanvasElement} canvas - The canvas to set the touch action on.
- * @param {String} [value] - The touch action to set. Defaults to 'none'.
- * @return {HTMLCanvasElement} The source canvas.
- */
- setUserSelect: function (canvas, value) {
-
- value = value || 'none';
-
- canvas.style['-webkit-touch-callout'] = value;
- canvas.style['-webkit-user-select'] = value;
- canvas.style['-khtml-user-select'] = value;
- canvas.style['-moz-user-select'] = value;
- canvas.style['-ms-user-select'] = value;
- canvas.style['user-select'] = value;
- canvas.style['-webkit-tap-highlight-color'] = 'rgba(0, 0, 0, 0)';
-
- return canvas;
-
- },
-
- /**
- * Adds the given canvas element to the DOM. The canvas will be added as a child of the given parent.
- * If no parent is given it will be added as a child of the document.body.
- *
- * @method Phaser.Canvas.addToDOM
- * @param {HTMLCanvasElement} canvas - The canvas to set the touch action on.
- * @param {string|HTMLElement} parent - The DOM element to add the canvas to. Defaults to ''.
- * @param {boolean} overflowHidden - If set to true it will add the overflow='hidden' style to the parent DOM element.
- * @return {HTMLCanvasElement} Returns the source canvas.
- */
- addToDOM: function (canvas, parent, overflowHidden) {
-
- var target;
-
- if (typeof overflowHidden === 'undefined') { overflowHidden = true; }
-
- if (parent)
- {
- // hopefully an element ID
- if (typeof parent === 'string')
- {
- target = document.getElementById(parent);
- }
- // quick test for a HTMLelement
- else if (typeof parent === 'object' && parent.nodeType === 1)
- {
- target = parent;
- }
-
- if (overflowHidden)
- {
- target.style.overflow = 'hidden';
- }
- }
-
- // fallback, covers an invalid ID and a none HTMLelement object
- if(!target)
- {
- target = document.body;
- }
-
- target.appendChild(canvas);
-
- return canvas;
-
- },
-
- /**
- * Sets the transform of the given canvas to the matrix values provided.
- *
- * @method Phaser.Canvas.setTransform
- * @param {CanvasRenderingContext2D} context - The context to set the transform on.
- * @param {number} translateX - The value to translate horizontally by.
- * @param {number} translateY - The value to translate vertically by.
- * @param {number} scaleX - The value to scale horizontally by.
- * @param {number} scaleY - The value to scale vertically by.
- * @param {number} skewX - The value to skew horizontaly by.
- * @param {number} skewY - The value to skew vertically by.
- * @return {CanvasRenderingContext2D} Returns the source context.
- */
- setTransform: function (context, translateX, translateY, scaleX, scaleY, skewX, skewY) {
-
- context.setTransform(scaleX, skewX, skewY, scaleY, translateX, translateY);
-
- return context;
-
- },
-
- /**
- * Sets the Image Smoothing property on the given context. Set to false to disable image smoothing.
- * By default browsers have image smoothing enabled, which isn't always what you visually want, especially
- * when using pixel art in a game. Note that this sets the property on the context itself, so that any image
- * drawn to the context will be affected. This sets the property across all current browsers but support is
- * patchy on earlier browsers, especially on mobile.
- *
- * @method Phaser.Canvas.setSmoothingEnabled
- * @param {CanvasRenderingContext2D} context - The context to enable or disable the image smoothing on.
- * @param {boolean} value - If set to true it will enable image smoothing, false will disable it.
- * @return {CanvasRenderingContext2D} Returns the source context.
- */
- setSmoothingEnabled: function (context, value) {
-
- context['imageSmoothingEnabled'] = value;
- context['mozImageSmoothingEnabled'] = value;
- context['oImageSmoothingEnabled'] = value;
- context['webkitImageSmoothingEnabled'] = value;
- context['msImageSmoothingEnabled'] = value;
-
- return context;
-
- },
-
- /**
- * Sets the CSS image-rendering property on the given canvas to be 'crisp' (aka 'optimize contrast on webkit').
- * Note that if this doesn't given the desired result then see the setSmoothingEnabled.
- *
- * @method Phaser.Canvas.setImageRenderingCrisp
- * @param {HTMLCanvasElement} canvas - The canvas to set image-rendering crisp on.
- * @return {HTMLCanvasElement} Returns the source canvas.
- */
- setImageRenderingCrisp: function (canvas) {
-
- canvas.style['image-rendering'] = 'crisp-edges';
- canvas.style['image-rendering'] = '-moz-crisp-edges';
- canvas.style['image-rendering'] = '-webkit-optimize-contrast';
- canvas.style.msInterpolationMode = 'nearest-neighbor';
-
- return canvas;
-
- },
-
- /**
- * Sets the CSS image-rendering property on the given canvas to be 'bicubic' (aka 'auto').
- * Note that if this doesn't given the desired result then see the CanvasUtils.setSmoothingEnabled method.
- *
- * @method Phaser.Canvas.setImageRenderingBicubic
- * @param {HTMLCanvasElement} canvas The canvas to set image-rendering bicubic on.
- * @return {HTMLCanvasElement} Returns the source canvas.
- */
- setImageRenderingBicubic: function (canvas) {
-
- canvas.style['image-rendering'] = 'auto';
- canvas.style.msInterpolationMode = 'bicubic';
-
- return canvas;
-
- }
-
-};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* An Animation instance contains a single animation and the controls to play it.
-* It is created by the AnimationManager, consists of Animation.Frame objects and belongs to a single Game Object such as a Sprite.
-*
-* @class Phaser.StageScaleMode
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-* @param {number} width - Description.
-* @param {number} height - Description.
-*/
-Phaser.StageScaleMode = function (game, width, height) {
-
- /**
- * @property {Phaser.Game} game - A reference to the currently running game.
- */
- this.game = game;
-
- /**
- * @property {number} width - Width of the stage after calculation.
- */
- this.width = width;
-
- /**
- * @property {number} height - Height of the stage after calculation.
- */
- this.height = height;
-
- /**
- * @property {number} minWidth - Minimum width the canvas should be scaled to (in pixels).
- * @default
- */
- this.minWidth = null;
-
- /**
- * @property {number} maxWidth - Maximum width the canvas should be scaled to (in pixels).
- * If null it will scale to whatever width the browser can handle.
- * @default
- */
- this.maxWidth = null;
-
- /**
- * @property {number} minHeight - Minimum height the canvas should be scaled to (in pixels).
- * @default
- */
- this.minHeight = null;
-
- /**
- * @property {number} maxHeight - Maximum height the canvas should be scaled to (in pixels).
- * If null it will scale to whatever height the browser can handle.
- * @default
- */
- this.maxHeight = null;
-
- /**
- * @property {number} _startHeight - Stage height when starting the game.
- * @default
- * @private
- */
- this._startHeight = 0;
-
- /**
- * @property {boolean} forceLandscape - If the game should be forced to use Landscape mode, this is set to true by Game.Stage
- * @default
- */
- this.forceLandscape = false;
-
- /**
- * @property {boolean} forcePortrait - If the game should be forced to use Portrait mode, this is set to true by Game.Stage
- * @default
- */
- this.forcePortrait = false;
-
- /**
- * @property {boolean} incorrectOrientation - If the game should be forced to use a specific orientation and the device currently isn't in that orientation this is set to true.
- * @default
- */
- this.incorrectOrientation = false;
-
- /**
- * @property {boolean} pageAlignHorizontally - If you wish to align your game in the middle of the page then you can set this value to true.
- * It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing.
- * It doesn't care about any other DOM element that may be on the page, it literally just sets the margin.
- * @default
- */
- this.pageAlignHorizontally = false;
-
- /**
- * @property {boolean} pageAlignVertically - If you wish to align your game in the middle of the page then you can set this value to true.
- * It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing.
- * It doesn't care about any other DOM element that may be on the page, it literally just sets the margin.
- * @default
- */
- this.pageAlignVertically = false;
-
- /**
- * @property {number} _width - Cached stage width for full screen mode.
- * @default
- * @private
- */
- this._width = 0;
-
- /**
- * @property {number} _height - Cached stage height for full screen mode.
- * @default
- * @private
- */
- this._height = 0;
-
- /**
- * @property {number} maxIterations - The maximum number of times it will try to resize the canvas to fill the browser.
- * @default
- */
- this.maxIterations = 5;
-
-
- /**
- * @property {PIXI.Sprite} orientationSprite - The Sprite that is optionally displayed if the browser enters an unsupported orientation.
- * @default
- */
- this.orientationSprite = null;
-
- /**
- * @property {Phaser.Signal} enterLandscape - The event that is dispatched when the browser enters landscape orientation.
- */
- this.enterLandscape = new Phaser.Signal();
-
- /**
- * @property {Phaser.Signal} enterPortrait - The event that is dispatched when the browser enters horizontal orientation.
- */
- this.enterPortrait = new Phaser.Signal();
-
- /**
- * @property {Phaser.Signal} enterIncorrectOrientation - The event that is dispatched when the browser enters an incorrect orientation, as defined by forceOrientation.
- */
- this.enterIncorrectOrientation = new Phaser.Signal();
-
- /**
- * @property {Phaser.Signal} leaveIncorrectOrientation - The event that is dispatched when the browser leaves an incorrect orientation, as defined by forceOrientation.
- */
- this.leaveIncorrectOrientation = new Phaser.Signal();
-
- if (window['orientation'])
- {
- this.orientation = window['orientation'];
- }
- else
- {
- if (window.outerWidth > window.outerHeight)
- {
- this.orientation = 90;
- }
- else
- {
- this.orientation = 0;
- }
- }
-
- /**
- * @property {Phaser.Point} scaleFactor - The scale factor based on the game dimensions vs. the scaled dimensions.
- */
- this.scaleFactor = new Phaser.Point(1, 1);
-
- /**
- * @property {number} aspectRatio - Aspect ratio.
- * @default
- */
- this.aspectRatio = 0;
-
- var _this = this;
-
- window.addEventListener('orientationchange', function (event) {
- return _this.checkOrientation(event);
- }, false);
-
- window.addEventListener('resize', function (event) {
- return _this.checkResize(event);
- }, false);
-
- document.addEventListener('webkitfullscreenchange', function (event) {
- return _this.fullScreenChange(event);
- }, false);
-
- document.addEventListener('mozfullscreenchange', function (event) {
- return _this.fullScreenChange(event);
- }, false);
-
- document.addEventListener('fullscreenchange', function (event) {
- return _this.fullScreenChange(event);
- }, false);
-
-};
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.StageScaleMode.EXACT_FIT = 0;
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.StageScaleMode.NO_SCALE = 1;
-
-/**
-* @constant
-* @type {number}
-*/
-Phaser.StageScaleMode.SHOW_ALL = 2;
-
-Phaser.StageScaleMode.prototype = {
-
- /**
- * Tries to enter the browser into full screen mode.
- * Please note that this needs to be supported by the web browser and isn't the same thing as setting your game to fill the browser.
- * @method Phaser.StageScaleMode#startFullScreen
- * @param {boolean} antialias - You can toggle the anti-alias feature of the canvas before jumping in to full screen (false = retain pixel art, true = smooth art)
- */
- startFullScreen: function (antialias) {
-
- if (this.isFullScreen)
- {
- return;
- }
-
- if (typeof antialias !== 'undefined')
- {
- Phaser.Canvas.setSmoothingEnabled(this.game.context, antialias);
- }
-
- var element = this.game.canvas;
-
- this._width = this.width;
- this._height = this.height;
-
- console.log('startFullScreen', this._width, this._height);
-
- if (element['requestFullScreen'])
- {
- element['requestFullScreen']();
- }
- else if (element['mozRequestFullScreen'])
- {
- element['mozRequestFullScreen']();
- }
- else if (element['webkitRequestFullScreen'])
- {
- element['webkitRequestFullScreen'](Element.ALLOW_KEYBOARD_INPUT);
- }
-
- },
-
- /**
- * Stops full screen mode if the browser is in it.
- * @method Phaser.StageScaleMode#stopFullScreen
- */
- stopFullScreen: function () {
-
- if (document['cancelFullScreen'])
- {
- document['cancelFullScreen']();
- }
- else if (document['mozCancelFullScreen'])
- {
- document['mozCancelFullScreen']();
- }
- else if (document['webkitCancelFullScreen'])
- {
- document['webkitCancelFullScreen']();
- }
-
- },
-
- /**
- * Called automatically when the browser enters of leaves full screen mode.
- * @method Phaser.StageScaleMode#fullScreenChange
- * @param {Event} event - The fullscreenchange event
- * @protected
- */
- fullScreenChange: function (event) {
-
- if (this.isFullScreen)
- {
- this.game.stage.canvas.style['width'] = '100%';
- this.game.stage.canvas.style['height'] = '100%';
-
- this.setMaximum();
-
- this.game.input.scale.setTo(this.game.width / this.width, this.game.height / this.height);
-
- this.aspectRatio = this.width / this.height;
- this.scaleFactor.x = this.game.width / this.width;
- this.scaleFactor.y = this.game.height / this.height;
- }
- else
- {
- this.game.stage.canvas.style['width'] = this.game.width + 'px';
- this.game.stage.canvas.style['height'] = this.game.height + 'px';
-
- this.width = this._width;
- this.height = this._height;
-
- this.game.input.scale.setTo(this.game.width / this.width, this.game.height / this.height);
-
- this.aspectRatio = this.width / this.height;
- this.scaleFactor.x = this.game.width / this.width;
- this.scaleFactor.y = this.game.height / this.height;
- }
-
- },
-
- /**
- * If you need your game to run in only one orientation you can force that to happen.
- * The optional orientationImage is displayed when the game is in the incorrect orientation.
- * @method Phaser.StageScaleMode#forceOrientation
- * @param {boolean} forceLandscape - true if the game should run in landscape mode only.
- * @param {boolean} [forcePortrait=false] - true if the game should run in portrait mode only.
- * @param {string} [orientationImage=''] - The string of an image in the Phaser.Cache to display when this game is in the incorrect orientation.
- */
- forceOrientation: function (forceLandscape, forcePortrait, orientationImage) {
-
- if (typeof forcePortrait === 'undefined') { forcePortrait = false; }
-
- this.forceLandscape = forceLandscape;
- this.forcePortrait = forcePortrait;
-
- if (typeof orientationImage !== 'undefined')
- {
- if (orientationImage == null || this.game.cache.checkImageKey(orientationImage) == false)
- {
- orientationImage = '__default';
- }
-
- this.orientationSprite = new PIXI.Sprite(PIXI.TextureCache[orientationImage]);
- this.orientationSprite.anchor.x = 0.5;
- this.orientationSprite.anchor.y = 0.5;
- this.orientationSprite.position.x = this.game.width / 2;
- this.orientationSprite.position.y = this.game.height / 2;
-
- this.checkOrientationState();
-
- if (this.incorrectOrientation)
- {
- this.orientationSprite.visible = true;
- this.game.world.visible = false;
- }
- else
- {
- this.orientationSprite.visible = false;
- this.game.world.visible = true;
- }
-
- this.game.stage._stage.addChild(this.orientationSprite);
- }
-
- },
-
- /**
- * Checks if the browser is in the correct orientation for your game (if forceLandscape or forcePortrait have been set)
- * @method Phaser.StageScaleMode#checkOrientationState
- */
- checkOrientationState: function () {
-
- // They are in the wrong orientation
- if (this.incorrectOrientation)
- {
- if ((this.forceLandscape && window.innerWidth > window.innerHeight) || (this.forcePortrait && window.innerHeight > window.innerWidth))
- {
- // Back to normal
- this.game.paused = false;
- this.incorrectOrientation = false;
- this.leaveIncorrectOrientation.dispatch();
-
- if (this.orientationSprite)
- {
- this.orientationSprite.visible = false;
- this.game.world.visible = true;
- }
-
- this.refresh();
- }
- }
- else
- {
- if ((this.forceLandscape && window.innerWidth < window.innerHeight) || (this.forcePortrait && window.innerHeight < window.innerWidth))
- {
- // Show orientation screen
- this.game.paused = true;
- this.incorrectOrientation = true;
- this.enterIncorrectOrientation.dispatch();
-
- if (this.orientationSprite && this.orientationSprite.visible == false)
- {
- this.orientationSprite.visible = true;
- this.game.world.visible = false;
- }
-
- this.refresh();
- }
- }
- },
-
- /**
- * Handle window.orientationchange events
- * @method Phaser.StageScaleMode#checkOrientation
- * @param {Event} event - The orientationchange event data.
- */
- checkOrientation: function (event) {
-
- this.orientation = window['orientation'];
-
- if (this.isLandscape)
- {
- this.enterLandscape.dispatch(this.orientation, true, false);
- }
- else
- {
- this.enterPortrait.dispatch(this.orientation, false, true);
- }
-
- if (this.game.stage.scaleMode !== Phaser.StageScaleMode.NO_SCALE)
- {
- this.refresh();
- }
-
- },
-
- /**
- * Handle window.resize events
- * @method Phaser.StageScaleMode#checkResize
- * @param {Event} event - The resize event data.
- */
- checkResize: function (event) {
-
- if (window.outerWidth > window.outerHeight)
- {
- this.orientation = 90;
- }
- else
- {
- this.orientation = 0;
- }
-
- if (this.isLandscape)
- {
- this.enterLandscape.dispatch(this.orientation, true, false);
- }
- else
- {
- this.enterPortrait.dispatch(this.orientation, false, true);
- }
-
- if (this.game.stage.scaleMode !== Phaser.StageScaleMode.NO_SCALE)
- {
- this.refresh();
- }
-
- this.checkOrientationState();
-
- },
-
- /**
- * Re-calculate scale mode and update screen size.
- * @method Phaser.StageScaleMode#refresh
- */
- refresh: function () {
-
- var _this = this;
-
- // We can't do anything about the status bars in iPads, web apps or desktops
- if (this.game.device.iPad == false && this.game.device.webApp == false && this.game.device.desktop == false)
- {
- // document.documentElement['style'].minHeight = '2000px';
- // this._startHeight = window.innerHeight;
-
- if (this.game.device.android && this.game.device.chrome == false)
- {
- window.scrollTo(0, 1);
- }
- else
- {
- window.scrollTo(0, 0);
- }
- }
-
- if (this._check == null && this.maxIterations > 0)
- {
- this._iterations = this.maxIterations;
- this._check = window.setInterval(function () {
- return _this.setScreenSize();
- }, 10);
- this.setScreenSize();
- }
-
- },
-
- /**
- * Set screen size automatically based on the scaleMode.
- * @param {boolean} force - If force is true it will try to resize the game regardless of the document dimensions.
- */
- setScreenSize: function (force) {
-
- if (typeof force == 'undefined')
- {
- force = false;
- }
-
- if (this.game.device.iPad == false && this.game.device.webApp == false && this.game.device.desktop == false)
- {
- if (this.game.device.android && this.game.device.chrome == false)
- {
- window.scrollTo(0, 1);
- }
- else
- {
- window.scrollTo(0, 0);
- }
- }
-
- this._iterations--;
-
- if (force || window.innerHeight > this._startHeight || this._iterations < 0)
- {
- // Set minimum height of content to new window height
- document.documentElement['style'].minHeight = window.innerHeight + 'px';
-
- if (this.incorrectOrientation == true)
- {
- this.setMaximum();
- }
- else if (this.game.stage.scaleMode == Phaser.StageScaleMode.EXACT_FIT)
- {
- this.setExactFit();
- }
- else if (this.game.stage.scaleMode == Phaser.StageScaleMode.SHOW_ALL)
- {
- this.setShowAll();
- }
-
- this.setSize();
- clearInterval(this._check);
- this._check = null;
- }
-
- },
-
- /**
- * Sets the canvas style width and height values based on minWidth/Height and maxWidth/Height.
- * @method Phaser.StageScaleMode#setSize
- */
- setSize: function () {
-
- if (this.incorrectOrientation == false)
- {
- if (this.maxWidth && this.width > this.maxWidth)
- {
- this.width = this.maxWidth;
- }
-
- if (this.maxHeight && this.height > this.maxHeight)
- {
- this.height = this.maxHeight;
- }
-
- if (this.minWidth && this.width < this.minWidth)
- {
- this.width = this.minWidth;
- }
-
- if (this.minHeight && this.height < this.minHeight)
- {
- this.height = this.minHeight;
- }
- }
-
- this.game.canvas.style.width = this.width + 'px';
- this.game.canvas.style.height = this.height + 'px';
-
- this.game.input.scale.setTo(this.game.width / this.width, this.game.height / this.height);
-
- if (this.pageAlignHorizontally)
- {
- if (this.width < window.innerWidth && this.incorrectOrientation == false)
- {
- this.game.canvas.style.marginLeft = Math.round((window.innerWidth - this.width) / 2) + 'px';
- }
- else
- {
- this.game.canvas.style.marginLeft = '0px';
- }
- }
-
- if (this.pageAlignVertically)
- {
- if (this.height < window.innerHeight && this.incorrectOrientation == false)
- {
- this.game.canvas.style.marginTop = Math.round((window.innerHeight - this.height) / 2) + 'px';
- }
- else
- {
- this.game.canvas.style.marginTop = '0px';
- }
- }
-
- Phaser.Canvas.getOffset(this.game.canvas, this.game.stage.offset);
-
- this.aspectRatio = this.width / this.height;
-
- this.scaleFactor.x = this.game.width / this.width;
- this.scaleFactor.y = this.game.height / this.height;
-
- this.checkOrientationState();
-
- },
-
- /**
- * Sets this.width equal to window.innerWidth and this.height equal to window.innerHeight
- * @method Phaser.StageScaleMode#setMaximum
- */
- setMaximum: function () {
-
- this.width = window.innerWidth;
- this.height = window.innerHeight;
-
- },
-
- /**
- * Calculates the multiplier needed to scale the game proportionally.
- * @method Phaser.StageScaleMode#setShowAll
- */
- setShowAll: function () {
-
- var multiplier = Math.min((window.innerHeight / this.game.height), (window.innerWidth / this.game.width));
-
- this.width = Math.round(this.game.width * multiplier);
- this.height = Math.round(this.game.height * multiplier);
-
- },
-
- /**
- * Sets the width and height values of the canvas, no larger than the maxWidth/Height.
- * @method Phaser.StageScaleMode#setExactFit
- */
- setExactFit: function () {
-
- var availableWidth = window.innerWidth;
- var availableHeight = window.innerHeight;
-
- // console.log('available', availableWidth, availableHeight);
-
- if (this.maxWidth && availableWidth > this.maxWidth)
- {
- this.width = this.maxWidth;
- }
- else
- {
- this.width = availableWidth;
- }
-
- if (this.maxHeight && availableHeight > this.maxHeight)
- {
- this.height = this.maxHeight;
- }
- else
- {
- this.height = availableHeight;
- }
-
- }
-
-};
-
-/**
-* @name Phaser.StageScaleMode#isFullScreen
-* @property {boolean} isFullScreen - Returns true if the browser is in full screen mode, otherwise false.
-* @readonly
-*/
-Object.defineProperty(Phaser.StageScaleMode.prototype, "isFullScreen", {
-
- get: function () {
-
- return (document['fullscreenElement'] || document['mozFullScreenElement'] || document['webkitFullscreenElement'])
-
- }
-
-});
-
-/**
-* @name Phaser.StageScaleMode#isPortrait
-* @property {boolean} isPortrait - Returns true if the browser dimensions match a portrait display.
-* @readonly
-*/
-Object.defineProperty(Phaser.StageScaleMode.prototype, "isPortrait", {
-
- get: function () {
- return this.orientation == 0 || this.orientation == 180;
- }
-
-});
-
-/**
-* @name Phaser.StageScaleMode#isLandscape
-* @property {boolean} isLandscape - Returns true if the browser dimensions match a landscape display.
-* @readonly
-*/
-Object.defineProperty(Phaser.StageScaleMode.prototype, "isLandscape", {
-
- get: function () {
- return this.orientation === 90 || this.orientation === -90;
- }
-
-});
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Detects device support capabilities. Using some elements from System.js by MrDoob and Modernizr
-*
-* @class Phaser.Device
-* @constructor
-*/
-
-Phaser.Device = function () {
-
- /**
- * An optional 'fix' for the horrendous Android stock browser bug https://code.google.com/p/android/issues/detail?id=39247
- * @property {boolean} patchAndroidClearRectBug - Description.
- * @default
- */
- this.patchAndroidClearRectBug = false;
-
- // Operating System
-
- /**
- * @property {boolean} desktop - Is running desktop?
- * @default
- */
- this.desktop = false;
-
- /**
- * @property {boolean} iOS - Is running on iOS?
- * @default
- */
- this.iOS = false;
-
- /**
- * @property {boolean} android - Is running on android?
- * @default
- */
- this.android = false;
-
- /**
- * @property {boolean} chromeOS - Is running on chromeOS?
- * @default
- */
- this.chromeOS = false;
-
- /**
- * @property {boolean} linux - Is running on linux?
- * @default
- */
- this.linux = false;
-
- /**
- * @property {boolean} macOS - Is running on macOS?
- * @default
- */
- this.macOS = false;
-
- /**
- * @property {boolean} windows - Is running on windows?
- * @default
- */
- this.windows = false;
-
- // Features
-
- /**
- * @property {boolean} canvas - Is canvas available?
- * @default
- */
- this.canvas = false;
-
- /**
- * @property {boolean} file - Is file available?
- * @default
- */
- this.file = false;
-
- /**
- * @property {boolean} fileSystem - Is fileSystem available?
- * @default
- */
- this.fileSystem = false;
-
- /**
- * @property {boolean} localStorage - Is localStorage available?
- * @default
- */
- this.localStorage = false;
-
- /**
- * @property {boolean} webGL - Is webGL available?
- * @default
- */
- this.webGL = false;
-
- /**
- * @property {boolean} worker - Is worker available?
- * @default
- */
- this.worker = false;
-
- /**
- * @property {boolean} touch - Is touch available?
- * @default
- */
- this.touch = false;
-
- /**
- * @property {boolean} mspointer - Is mspointer available?
- * @default
- */
- this.mspointer = false;
-
- /**
- * @property {boolean} css3D - Is css3D available?
- * @default
- */
- this.css3D = false;
-
- /**
- * @property {boolean} pointerLock - Is Pointer Lock available?
- * @default
- */
- this.pointerLock = false;
-
- /**
- * @property {boolean} typedArray - Does the browser support TypedArrays?
- * @default
- */
- this.typedArray = false;
-
- // Browser
-
- /**
- * @property {boolean} arora - Set to true if running in Arora.
- * @default
- */
- this.arora = false;
-
- /**
- * @property {boolean} chrome - Set to true if running in Chrome.
- * @default
- */
- this.chrome = false;
-
- /**
- * @property {boolean} epiphany - Set to true if running in Epiphany.
- * @default
- */
- this.epiphany = false;
-
- /**
- * @property {boolean} firefox - Set to true if running in Firefox.
- * @default
- */
- this.firefox = false;
-
- /**
- * @property {boolean} ie - Set to true if running in Internet Explorer.
- * @default
- */
- this.ie = false;
-
- /**
- * @property {number} ieVersion - If running in Internet Explorer this will contain the major version number.
- * @default
- */
- this.ieVersion = 0;
-
- /**
- * @property {boolean} mobileSafari - Set to true if running in Mobile Safari.
- * @default
- */
- this.mobileSafari = false;
-
- /**
- * @property {boolean} midori - Set to true if running in Midori.
- * @default
- */
- this.midori = false;
-
- /**
- * @property {boolean} opera - Set to true if running in Opera.
- * @default
- */
- this.opera = false;
-
- /**
- * @property {boolean} safari - Set to true if running in Safari.
- * @default
- */
- this.safari = false;
-
- /**
- * @property {boolean} webApp - Set to true if running as a WebApp, i.e. within a WebView
- * @default
- */
- this.webApp = false;
-
- // Audio
-
- /**
- * @property {boolean} audioData - Are Audio tags available?
- * @default
- */
- this.audioData = false;
-
- /**
- * @property {boolean} webAudio - Is the WebAudio API available?
- * @default
- */
- this.webAudio = false;
-
- /**
- * @property {boolean} ogg - Can this device play ogg files?
- * @default
- */
- this.ogg = false;
-
- /**
- * @property {boolean} opus - Can this device play opus files?
- * @default
- */
- this.opus = false;
-
- /**
- * @property {boolean} mp3 - Can this device play mp3 files?
- * @default
- */
- this.mp3 = false;
-
- /**
- * @property {boolean} wav - Can this device play wav files?
- * @default
- */
- this.wav = false;
-
- /**
- * Can this device play m4a files?
- * @property {boolean} m4a - True if this device can play m4a files.
- * @default
- */
- this.m4a = false;
-
- /**
- * @property {boolean} webm - Can this device play webm files?
- * @default
- */
- this.webm = false;
-
- // Device
-
- /**
- * @property {boolean} iPhone - Is running on iPhone?
- * @default
- */
- this.iPhone = false;
-
- /**
- * @property {boolean} iPhone4 - Is running on iPhone4?
- * @default
- */
- this.iPhone4 = false;
-
- /**
- * @property {boolean} iPad - Is running on iPad?
- * @default
- */
- this.iPad = false;
-
- /**
- * @property {number} pixelRatio - PixelRatio of the host device?
- * @default
- */
- this.pixelRatio = 0;
-
- /**
- * @property {boolean} littleEndian - Is the device big or little endian? (only detected if the browser supports TypedArrays)
- * @default
- */
- this.littleEndian = false;
-
- // Run the checks
- this._checkAudio();
- this._checkBrowser();
- this._checkCSS3D();
- this._checkDevice();
- this._checkFeatures();
- this._checkOS();
-
-};
-
-Phaser.Device.prototype = {
-
- /**
- * Check which OS is game running on.
- * @method Phaser.Device#_checkOS
- * @private
- */
- _checkOS: function () {
-
- var ua = navigator.userAgent;
-
- if (/Android/.test(ua)) {
- this.android = true;
- } else if (/CrOS/.test(ua)) {
- this.chromeOS = true;
- } else if (/iP[ao]d|iPhone/i.test(ua)) {
- this.iOS = true;
- } else if (/Linux/.test(ua)) {
- this.linux = true;
- } else if (/Mac OS/.test(ua)) {
- this.macOS = true;
- } else if (/Windows/.test(ua)) {
- this.windows = true;
- }
-
- if (this.windows || this.macOS || this.linux) {
- this.desktop = true;
- }
-
- },
-
- /**
- * Check HTML5 features of the host environment.
- * @method Phaser.Device#_checkFeatures
- * @private
- */
- _checkFeatures: function () {
-
- this.canvas = !!window['CanvasRenderingContext2D'];
-
- try {
- this.localStorage = !!localStorage.getItem;
- } catch (error) {
- this.localStorage = false;
- }
-
- this.file = !!window['File'] && !!window['FileReader'] && !!window['FileList'] && !!window['Blob'];
- this.fileSystem = !!window['requestFileSystem'];
- this.webGL = ( function () { try { var canvas = document.createElement( 'canvas' ); return !! window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ); } catch( e ) { return false; } } )();
-
- if (this.webGL === null || this.webGL === false)
- {
- this.webGL = false;
- }
- else
- {
- this.webGL = true;
- }
-
- this.worker = !!window['Worker'];
-
- if ('ontouchstart' in document.documentElement || window.navigator.msPointerEnabled) {
- this.touch = true;
- }
-
- if (window.navigator.msPointerEnabled) {
- this.mspointer = true;
- }
-
- this.pointerLock = 'pointerLockElement' in document || 'mozPointerLockElement' in document || 'webkitPointerLockElement' in document;
-
- },
-
- /**
- * Check what browser is game running in.
- * @method Phaser.Device#_checkBrowser
- * @private
- */
- _checkBrowser: function () {
-
- var ua = navigator.userAgent;
-
- if (/Arora/.test(ua)) {
- this.arora = true;
- } else if (/Chrome/.test(ua)) {
- this.chrome = true;
- } else if (/Epiphany/.test(ua)) {
- this.epiphany = true;
- } else if (/Firefox/.test(ua)) {
- this.firefox = true;
- } else if (/Mobile Safari/.test(ua)) {
- this.mobileSafari = true;
- } else if (/MSIE (\d+\.\d+);/.test(ua)) {
- this.ie = true;
- this.ieVersion = parseInt(RegExp.$1);
- } else if (/Midori/.test(ua)) {
- this.midori = true;
- } else if (/Opera/.test(ua)) {
- this.opera = true;
- } else if (/Safari/.test(ua)) {
- this.safari = true;
- }
-
- // WebApp mode in iOS
- if (navigator['standalone']) {
- this.webApp = true;
- }
-
- },
-
- /**
- * Check audio support.
- * @method Phaser.Device#_checkAudio
- * @private
- */
- _checkAudio: function () {
-
- this.audioData = !!(window['Audio']);
- this.webAudio = !!(window['webkitAudioContext'] || window['AudioContext']);
- var audioElement = document.createElement('audio');
- var result = false;
-
- try {
- if (result = !!audioElement.canPlayType) {
-
- if (audioElement.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/, '')) {
- this.ogg = true;
- }
-
- if (audioElement.canPlayType('audio/ogg; codecs="opus"').replace(/^no$/, '')) {
- this.opus = true;
- }
-
- if (audioElement.canPlayType('audio/mpeg;').replace(/^no$/, '')) {
- this.mp3 = true;
- }
-
- // Mimetypes accepted:
- // developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
- // bit.ly/iphoneoscodecs
- if (audioElement.canPlayType('audio/wav; codecs="1"').replace(/^no$/, '')) {
- this.wav = true;
- }
-
- if (audioElement.canPlayType('audio/x-m4a;') || audioElement.canPlayType('audio/aac;').replace(/^no$/, '')) {
- this.m4a = true;
- }
-
- if (audioElement.canPlayType('audio/webm; codecs="vorbis"').replace(/^no$/, '')) {
- this.webm = true;
- }
- }
- } catch (e) {
- }
-
- },
-
- /**
- * Check PixelRatio of devices.
- * @method Phaser.Device#_checkDevice
- * @private
- */
- _checkDevice: function () {
-
- this.pixelRatio = window['devicePixelRatio'] || 1;
- this.iPhone = navigator.userAgent.toLowerCase().indexOf('iphone') != -1;
- this.iPhone4 = (this.pixelRatio == 2 && this.iPhone);
- this.iPad = navigator.userAgent.toLowerCase().indexOf('ipad') != -1;
-
- if (typeof Int8Array !== 'undefined')
- {
- this.littleEndian = new Int8Array(new Int16Array([1]).buffer)[0] > 0;
- this.typedArray = true;
- }
- else
- {
- this.littleEndian = false;
- this.typedArray = false;
- }
-
- },
-
- /**
- * Check whether the host environment support 3D CSS.
- * @method Phaser.Device#_checkCSS3D
- * @private
- */
- _checkCSS3D: function () {
-
- var el = document.createElement('p');
- var has3d;
- var transforms = {
- 'webkitTransform': '-webkit-transform',
- 'OTransform': '-o-transform',
- 'msTransform': '-ms-transform',
- 'MozTransform': '-moz-transform',
- 'transform': 'transform'
- };
-
- // Add it to the body to get the computed style.
- document.body.insertBefore(el, null);
-
- for (var t in transforms) {
- if (el.style[t] !== undefined) {
- el.style[t] = "translate3d(1px,1px,1px)";
- has3d = window.getComputedStyle(el).getPropertyValue(transforms[t]);
- }
- }
-
- document.body.removeChild(el);
- this.css3D = (has3d !== undefined && has3d.length > 0 && has3d !== "none");
-
- },
-
- /**
- * Check whether the host environment can play audio.
- * @method Phaser.Device#canPlayAudio
- * @param {string} type - One of 'mp3, 'ogg', 'm4a', 'wav', 'webm'.
- * @return {boolean} True if the given file type is supported by the browser, otherwise false.
- */
- canPlayAudio: function (type) {
-
- if (type == 'mp3' && this.mp3)
- {
- return true;
- }
- else if (type == 'ogg' && (this.ogg || this.opus))
- {
- return true;
- }
- else if (type == 'm4a' && this.m4a)
- {
- return true;
- }
- else if (type == 'wav' && this.wav)
- {
- return true;
- }
- else if (type == 'webm' && this.webm)
- {
- return true;
- }
-
- return false;
-
- },
-
- /**
- * Check whether the console is open.
- * @method Phaser.Device#isConsoleOpen
- * @return {boolean} True if the browser dev console is open.
- */
- isConsoleOpen: function () {
-
- if (window.console && window.console['firebug'])
- {
- return true;
- }
-
- if (window.console)
- {
- console.profile();
- console.profileEnd();
-
- if (console.clear)
- {
- console.clear();
- }
-
- return console['profiles'].length > 0;
- }
-
- return false;
-
- }
-
-};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Abstracts away the use of RAF or setTimeOut for the core game update loop.
-*
-* @class Phaser.RequestAnimationFrame
-* @constructor
-* @param {Phaser.Game} game - A reference to the currently running game.
-*/
-Phaser.RequestAnimationFrame = function(game) {
-
- /**
- * @property {Phaser.Game} game - The currently running game.
- */
- this.game = game;
-
- /**
- * @property {boolean} isRunning - true if RequestAnimationFrame is running, otherwise false.
- * @default
- */
- this.isRunning = false;
-
- var vendors = [
- 'ms',
- 'moz',
- 'webkit',
- 'o'
- ];
-
- for (var x = 0; x < vendors.length && !window.requestAnimationFrame; x++)
- {
- window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
- window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'];
- }
-
- /**
- * @property {boolean} _isSetTimeOut - true if the browser is using setTimeout instead of raf.
- * @private
- */
- this._isSetTimeOut = false;
-
- /**
- * @property {function} _onLoop - The function called by the update.
- * @private
- */
- this._onLoop = null;
-
- /**
- * @property {number} _timeOutID - The callback ID used when calling cancel.
- * @private
- */
- this._timeOutID = null;
-
-};
-
-Phaser.RequestAnimationFrame.prototype = {
-
- /**
- * Starts the requestAnimatioFrame running or setTimeout if unavailable in browser
- * @method Phaser.RequestAnimationFrame#start
- */
- start: function () {
-
- this.isRunning = true;
-
- var _this = this;
-
- if (!window.requestAnimationFrame)
- {
- this._isSetTimeOut = true;
-
- this._onLoop = function () {
- return _this.updateSetTimeout();
- };
-
- this._timeOutID = window.setTimeout(this._onLoop, 0);
- }
- else
- {
- this._isSetTimeOut = false;
-
- this._onLoop = function (time) {
- return _this.updateRAF(time);
- };
-
- this._timeOutID = window.requestAnimationFrame(this._onLoop);
- }
-
- },
-
- /**
- * The update method for the requestAnimationFrame
- * @method Phaser.RequestAnimationFrame#updateRAF
- * @param {number} time - A timestamp, either from RAF or setTimeOut
- */
- updateRAF: function (time) {
-
- this.game.update(time);
-
- this._timeOutID = window.requestAnimationFrame(this._onLoop);
-
- },
-
- /**
- * The update method for the setTimeout.
- * @method Phaser.RequestAnimationFrame#updateSetTimeout
- */
- updateSetTimeout: function () {
-
- this.game.update(Date.now());
-
- this._timeOutID = window.setTimeout(this._onLoop, this.game.time.timeToCall);
-
- },
-
- /**
- * Stops the requestAnimationFrame from running.
- * @method Phaser.RequestAnimationFrame#stop
- */
- stop: function () {
-
- if (this._isSetTimeOut)
- {
- clearTimeout(this._timeOutID);
- }
- else
- {
- window.cancelAnimationFrame(this._timeOutID);
- }
-
- this.isRunning = false;
-
- },
-
- /**
- * Is the browser using setTimeout?
- * @method Phaser.RequestAnimationFrame#isSetTimeOut
- * @return {boolean}
- */
- isSetTimeOut: function () {
- return this._isSetTimeOut;
- },
-
- /**
- * Is the browser using requestAnimationFrame?
- * @method Phaser.RequestAnimationFrame#isRAF
- * @return {boolean}
- */
- isRAF: function () {
- return (this._isSetTimeOut === false);
- }
-
-};
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* Phaser.RandomDataGenerator constructor.
-*
-* @class Phaser.RandomDataGenerator
-* @classdesc An extremely useful repeatable random data generator. Access it via Phaser.Game.rnd
-* Based on Nonsense by Josh Faul https://github.com/jocafa/Nonsense.
-* Random number generator from http://baagoe.org/en/wiki/Better_random_numbers_for_javascript
-*
-* @constructor
-* @param {array} seeds
-*/
-Phaser.RandomDataGenerator = function (seeds) {
-
- if (typeof seeds === "undefined") { seeds = []; }
-
- this.sow(seeds);
-
-};
-
-Phaser.RandomDataGenerator.prototype = {
-
- /**
- * @property {number} c
- * @private
- */
- c: 1,
-
- /**
- * @property {number} s0
- * @private
- */
- s0: 0,
-
- /**
- * @property {number} s1
- * @private
- */
- s1: 0,
-
- /**
- * @property {number} s2
- * @private
- */
- s2: 0,
-
- /**
- * Private random helper.
- * @method Phaser.RandomDataGenerator#rnd
- * @private
- * @return {number} Description.
- */
- rnd: function () {
-
- var t = 2091639 * this.s0 + this.c * 2.3283064365386963e-10; // 2^-32
-
- this.c = t | 0;
- this.s0 = this.s1;
- this.s1 = this.s2;
- this.s2 = t - this.c;
-
- return this.s2;
- },
-
- /**
- * Reset the seed of the random data generator.
- *
- * @method Phaser.RandomDataGenerator#sow
- * @param {array} seeds
- */
- sow: function (seeds) {
-
- if (typeof seeds === "undefined") { seeds = []; }
-
- this.s0 = this.hash(' ');
- this.s1 = this.hash(this.s0);
- this.s2 = this.hash(this.s1);
- this.c = 1;
-
- var seed;
-
- for (var i = 0; seed = seeds[i++]; )
- {
- this.s0 -= this.hash(seed);
- this.s0 += ~~(this.s0 < 0);
- this.s1 -= this.hash(seed);
- this.s1 += ~~(this.s1 < 0);
- this.s2 -= this.hash(seed);
- this.s2 += ~~(this.s2 < 0);
- }
-
- },
-
- /**
- * Description.
- * @method Phaser.RandomDataGenerator#hash
- * @param {Any} data
- * @private
- * @return {number} Description.
- */
- hash: function (data) {
-
- var h, i, n;
- n = 0xefc8249d;
- data = data.toString();
-
- for (i = 0; i < data.length; i++) {
- n += data.charCodeAt(i);
- h = 0.02519603282416938 * n;
- n = h >>> 0;
- h -= n;
- h *= n;
- n = h >>> 0;
- h -= n;
- n += h * 0x100000000;// 2^32
- }
-
- return (n >>> 0) * 2.3283064365386963e-10;// 2^-32
-
- },
-
- /**
- * Returns a random integer between 0 and 2^32.
- * @method Phaser.RandomDataGenerator#integer
- * @return {number}
- */
- integer: function() {
- return this.rnd.apply(this) * 0x100000000;// 2^32
- },
-
- /**
- * Returns a random real number between 0 and 1.
- * @method Phaser.RandomDataGenerator#frac
- * @return {number}
- */
- frac: function() {
- return this.rnd.apply(this) + (this.rnd.apply(this) * 0x200000 | 0) * 1.1102230246251565e-16;// 2^-53
- },
-
- /**
- * Returns a random real number between 0 and 2^32.
- * @method Phaser.RandomDataGenerator#real
- * @return {number}
- */
- real: function() {
- return this.integer() + this.frac();
- },
-
- /**
- * Returns a random integer between min and max.
- * @method Phaser.RandomDataGenerator#integerInRange
- * @param {number} min
- * @param {number} max
- * @return {number}
- */
- integerInRange: function (min, max) {
- return Math.floor(this.realInRange(min, max));
- },
-
- /**
- * Returns a random real number between min and max.
- * @method Phaser.RandomDataGenerator#realInRange
- * @param {number} min
- * @param {number} max
- * @return {number}
- */
- realInRange: function (min, max) {
-
- return this.frac() * (max - min) + min;
-
- },
-
- /**
- * Returns a random real number between -1 and 1.
- * @method Phaser.RandomDataGenerator#normal
- * @return {number}
- */
- normal: function () {
- return 1 - 2 * this.frac();
- },
-
- /**
- * Returns a valid RFC4122 version4 ID hex string from https://gist.github.com/1308368
- * @method Phaser.RandomDataGenerator#uuid
- * @return {string}
- */
- uuid: function () {
-
- var a, b;
-
- for (
- b=a='';
- a++<36;
- b+=~a%5|a*3&4?(a^15?8^this.frac()*(a^20?16:4):4).toString(16):'-'
- );
-
- return b;
-
- },
-
- /**
- * Returns a random member of `array`.
- * @method Phaser.RandomDataGenerator#pick
- * @param {Any} ary
- * @return {number}
- */
- pick: function (ary) {
- return ary[this.integerInRange(0, ary.length)];
- },
-
- /**
- * Returns a random member of `array`, favoring the earlier entries.
- * @method Phaser.RandomDataGenerator#weightedPick
- * @param {Any} ary
- * @return {number}
- */
- weightedPick: function (ary) {
- return ary[~~(Math.pow(this.frac(), 2) * ary.length)];
- },
-
- /**
- * Returns a random timestamp between min and max, or between the beginning of 2000 and the end of 2020 if min and max aren't specified.
- * @method Phaser.RandomDataGenerator#timestamp
- * @param {number} min
- * @param {number} max
- * @return {number}
- */
- timestamp: function (a, b) {
- return this.realInRange(a || 946684800000, b || 1577862000000);
- },
-
- /**
- * Returns a random angle between -180 and 180.
- * @method Phaser.RandomDataGenerator#angle
- * @return {number}
- */
- angle: function() {
- return this.integerInRange(-180, 180);
- }
-
-};
-
-/**
-* @author Richard Davey
-* @copyright 2013 Photon Storm Ltd.
-* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-/**
-* A collection of mathematical methods.
-*
-* @class Phaser.Math
-*/
-Phaser.Math = {
-
- /**
- * = 2 π
- * @method Phaser.Math#PI2
- */
- PI2: Math.PI * 2,
-
- /**
- * Two number are fuzzyEqual if their difference is less than ε.
- * @method Phaser.Math#fuzzyEqual
- * @param {number} a
- * @param {number} b
- * @param {number} epsilon
- * @return {boolean} True if |a-b|<ε
- */
- fuzzyEqual: function (a, b, epsilon) {
- if (typeof epsilon === "undefined") { epsilon = 0.0001; }
- return Math.abs(a - b) < epsilon;
- },
-
- /**
- * a is fuzzyLessThan b if it is less than b + ε.
- * @method Phaser.Math#fuzzyEqual
- * @param {number} a
- * @param {number} b
- * @param {number} epsilon
- * @return {boolean} True if ab+ε
- */
- fuzzyGreaterThan: function (a, b, epsilon) {
- if (typeof epsilon === "undefined") { epsilon = 0.0001; }
- return a > b - epsilon;
- },
-
- /**
- * @method Phaser.Math#fuzzyCeil
- * @param {number} val
- * @param {number} epsilon
- * @return {boolean} ceiling(val-ε)
- */
- fuzzyCeil: function (val, epsilon) {
- if (typeof epsilon === "undefined") { epsilon = 0.0001; }
- return Math.ceil(val - epsilon);
- },
-
- /**
- * @method Phaser.Math#fuzzyFloor
- * @param {number} val
- * @param {number} epsilon
- * @return {boolean} floor(val-ε)
- */
- fuzzyFloor: function (val, epsilon) {
- if (typeof epsilon === "undefined") { epsilon = 0.0001; }
- return Math.floor(val + epsilon);
- },
-
- /**
- * Averages all values passed to the function and returns the result. You can pass as many parameters as you like.
- * @method Phaser.Math#average
- * @return {number} The average of all given values.
- */
- average: function () {
-
- var args = [];
-
- for (var _i = 0; _i < (arguments.length - 0); _i++) {
- args[_i] = arguments[_i + 0];
- }
-
- var avg = 0;
-
- for (var i = 0; i < args.length; i++) {
- avg += args[i];
- }
-
- return avg / args.length;
-
- },
-
- /**
- * @method Phaser.Math#truncate
- * @param {number} n
- * @return {number}
- */
- truncate: function (n) {
- return (n > 0) ? Math.floor(n) : Math.ceil(n);
- },
-
- /**
- * @method Phaser.Math#shear
- * @param {number} n
- * @return {number} n mod 1
- */
- shear: function (n) {
- return n % 1;
- },
-
- /**
- * Snap a value to nearest grid slice, using rounding.
- *
- * Example: if you have an interval gap of 5 and a position of 12... you will snap to 10 whereas 14 will snap to 15.
- *
- * @method Phaser.Math#snapTo
- * @param {number} input - The value to snap.
- * @param {number} gap - The interval gap of the grid.
- * @param {number} [start] - Optional starting offset for gap.
- * @return {number}
- */
- snapTo: function (input, gap, start) {
-
- if (typeof start === "undefined") { start = 0; }
-
- if (gap == 0) {
- return input;
- }
-
- input -= start;
- input = gap * Math.round(input / gap);
-
- return start + input;
-
- },
-
- /**
- * Snap a value to nearest grid slice, using floor.
- *
- * Example: if you have an interval gap of 5 and a position of 12... you will snap to 10. As will 14 snap to 10... but 16 will snap to 15
- *
- * @method Phaser.Math#snapToFloor
- * @param {number} input - The value to snap.
- * @param {number} gap - The interval gap of the grid.
- * @param {number} [start] - Optional starting offset for gap.
- * @return {number}
- */
- snapToFloor: function (input, gap, start) {
-
- if (typeof start === "undefined") { start = 0; }
-
- if (gap == 0) {
- return input;
- }
-
- input -= start;
- input = gap * Math.floor(input / gap);
-
- return start + input;
-
- },
-
- /**
- * Snap a value to nearest grid slice, using ceil.
- *
- * Example: if you have an interval gap of 5 and a position of 12... you will snap to 15. As will 14 will snap to 15... but 16 will snap to 20.
- *
- * @method Phaser.Math#snapToCeil
- * @param {number} input - The value to snap.
- * @param {number} gap - The interval gap of the grid.
- * @param {number} [start] - Optional starting offset for gap.
- * @return {number}
- */
- snapToCeil: function (input, gap, start) {
-
- if (typeof start === "undefined") { start = 0; }
-
- if (gap == 0) {
- return input;
- }
-
- input -= start;
- input = gap * Math.ceil(input / gap);
-
- return start + input;
-
- },
-
-
- /**
- * Snaps a value to the nearest value in an array.
- * @method Phaser.Math#snapToInArray
- * @param {number} input
- * @param {array} arr
- * @param {boolean} sort - True if the array needs to be sorted.
- * @return {number}
- */
- snapToInArray: function (input, arr, sort) {
-
- if (typeof sort === "undefined") { sort = true; }
-
- if (sort) {
- arr.sort();
- }
-
- if (input < arr[0]) {
- return arr[0];
- }
-
- var i = 1;
-
- while (arr[i] < input) {
- i++;
- }
-
- var low = arr[i - 1];
- var high = (i < arr.length) ? arr[i] : Number.POSITIVE_INFINITY;
-
- return ((high - input) <= (input - low)) ? high : low;
-
- },
-
- /**
- * Round to some place comparative to a 'base', default is 10 for decimal place.
- *
- * 'place' is represented by the power applied to 'base' to get that place
- * e.g.
- * 2000/7 ~= 285.714285714285714285714 ~= (bin)100011101.1011011011011011
- *
- * roundTo(2000/7,3) == 0
- * roundTo(2000/7,2) == 300
- * roundTo(2000/7,1) == 290
- * roundTo(2000/7,0) == 286
- * roundTo(2000/7,-1) == 285.7
- * roundTo(2000/7,-2) == 285.71
- * roundTo(2000/7,-3) == 285.714
- * roundTo(2000/7,-4) == 285.7143
- * roundTo(2000/7,-5) == 285.71429
- *
- * roundTo(2000/7,3,2) == 288 -- 100100000
- * roundTo(2000/7,2,2) == 284 -- 100011100
- * roundTo(2000/7,1,2) == 286 -- 100011110
- * roundTo(2000/7,0,2) == 286 -- 100011110
- * roundTo(2000/7,-1,2) == 285.5 -- 100011101.1
- * roundTo(2000/7,-2,2) == 285.75 -- 100011101.11
- * roundTo(2000/7,-3,2) == 285.75 -- 100011101.11
- * roundTo(2000/7,-4,2) == 285.6875 -- 100011101.1011
- * roundTo(2000/7,-5,2) == 285.71875 -- 100011101.10111
- *
- * Note what occurs when we round to the 3rd space (8ths place), 100100000, this is to be assumed
- * because we are rounding 100011.1011011011011011 which rounds up.
- *
- * @method Phaser.Math#roundTo
- * @param {number} value - The value to round.
- * @param {number} place - The place to round to.
- * @param {number} base - The base to round in... default is 10 for decimal.
- * @return {number}
- */
- roundTo: function (value, place, base) {
-
- if (typeof place === "undefined") { place = 0; }
- if (typeof base === "undefined") { base = 10; }
-
- var p = Math.pow(base, -place);
-
- return Math.round(value * p) / p;
-
- },
-
- /**
- * @method Phaser.Math#floorTo
- * @param {number} value - The value to round.
- * @param {number} place - The place to round to.
- * @param {number} base - The base to round in... default is 10 for decimal.
- * @return {number}
- */
- floorTo: function (value, place, base) {
-
- if (typeof place === "undefined") { place = 0; }
- if (typeof base === "undefined") { base = 10; }
-
- var p = Math.pow(base, -place);
-
- return Math.floor(value * p) / p;
-
- },
-
- /**
- * @method Phaser.Math#ceilTo
- * @param {number} value - The value to round.
- * @param {number} place - The place to round to.
- * @param {number} base - The base to round in... default is 10 for decimal.
- * @return {number}
- */
- ceilTo: function (value, place, base) {
-
- if (typeof place === "undefined") { place = 0; }
- if (typeof base === "undefined") { base = 10; }
-
- var p = Math.pow(base, -place);
-
- return Math.ceil(value * p) / p;
-
- },
-
- /**
- * A one dimensional linear interpolation of a value.
- * @method Phaser.Math#interpolateFloat
- * @param {number} a
- * @param {number} b
- * @param {number} weight
- * @return {number}
- */
- interpolateFloat: function (a, b, weight) {
- return (b - a) * weight + a;
- },
-
- /**
- * Find the angle of a segment from (x1, y1) -> (x2, y2 ).
- * @method Phaser.Math#angleBetween
- * @param {number} x1
- * @param {number} y1
- * @param {number} x2
- * @param {number} y2
- * @return {number}
- */
- angleBetween: function (x1, y1, x2, y2) {
- return Math.atan2(y2 - y1, x2 - x1);
- },
-
- /**
- * Set an angle within the bounds of -π toπ.
- * @method Phaser.Math#normalizeAngle
- * @param {number} angle
- * @param {boolean} radians - True if angle size is expressed in radians.
- * @return {number}
- */
- normalizeAngle: function (angle, radians) {
-
- if (typeof radians === "undefined") { radians = true; }
-
- var rd = (radians) ? Math.PI : 180;
- return this.wrap(angle, rd, -rd);
-
- },
-
- /**
- * Closest angle between two angles from a1 to a2
- * absolute value the return for exact angle
- * @method Phaser.Math#nearestAngleBetween
- * @param {number} a1
- * @param {number} a2
- * @param {boolean} radians - True if angle sizes are expressed in radians.
- * @return {number}
- */
- nearestAngleBetween: function (a1, a2, radians) {
-
- if (typeof radians === "undefined") { radians = true; }
-
- var rd = (radians) ? Math.PI : 180;
- a1 = this.normalizeAngle(a1, radians);
- a2 = this.normalizeAngle(a2, radians);
-
- if (a1 < -rd / 2 && a2 > rd / 2)
- {
- a1 += rd * 2;
- }
-
- if (a2 < -rd / 2 && a1 > rd / 2)
- {
- a2 += rd * 2;
- }
-
- return a2 - a1;
-
- },
-
- /**
- * Interpolate across the shortest arc between two angles.
- * @method Phaser.Math#interpolateAngles
- * @param {number} a1 - Description.
- * @param {number} a2 - Description.
- * @param {number} weight - Description.
- * @param {boolean} radians - True if angle sizes are expressed in radians.
- * @param {Description} ease - Description.
- * @return {number}
- */
- interpolateAngles: function (a1, a2, weight, radians, ease) {
-
- if (typeof radians === "undefined") { radians = true; }
- if (typeof ease === "undefined") { ease = null; }
-
- a1 = this.normalizeAngle(a1, radians);
- a2 = this.normalizeAngleToAnother(a2, a1, radians);
-
- return (typeof ease === 'function') ? ease(weight, a1, a2 - a1, 1) : this.interpolateFloat(a1, a2, weight);
-
- },
-
- /**
- * Generate a random bool result based on the chance value.
- *
- * Returns true or false based on the chance value (default 50%). For example if you wanted a player to have a 30% chance
- * of getting a bonus, call chanceRoll(30) - true means the chance passed, false means it failed.
- *
- * @method Phaser.Math#chanceRoll
- * @param {number} chance - The chance of receiving the value. A number between 0 and 100 (effectively 0% to 100%).
- * @return {boolean} True if the roll passed, or false otherwise.
- */
- chanceRoll: function (chance) {
-
- if (typeof chance === "undefined") { chance = 50; }
-
- if (chance <= 0)
- {
- return false;
- }
- else if (chance >= 100)
- {
- return true;
- }
- else
- {
- if (Math.random() * 100 >= chance)
- {
- return false;
- }
- else
- {
- return true;
- }
- }
-
- },
-
- /**
- * Returns an Array containing the numbers from min to max (inclusive).
- *
- * @method Phaser.Math#numberArray
- * @param {number} min - The minimum value the array starts with.
- * @param {number} max - The maximum value the array contains.
- * @return {array} The array of number values.
- */
- numberArray: function (min, max) {
-
- var result = [];
-
- for (var i = min; i <= max; i++)
- {
- result.push(i);
- }
-
- return result;
-
- },
-
- /**
- * Adds the given amount to the value, but never lets the value go over the specified maximum.
- *
- * @method Phaser.Math#maxAdd
- * @param {number} value - The value to add the amount to.
- * @param {number} amount - The amount to add to the value.
- * @param {number} max- The maximum the value is allowed to be.
- * @return {number}
- */
- maxAdd: function (value, amount, max) {
-
- value += amount;
-
- if (value > max)
- {
- value = max;
- }
-
- return value;
-
- },
-
- /**
- * Subtracts the given amount from the value, but never lets the value go below the specified minimum.
- *
- * @method Phaser.Math#minSub
- * @param {number} value - The base value.
- * @param {number} amount - The amount to subtract from the base value.
- * @param {number} min - The minimum the value is allowed to be.
- * @return {number} The new value.
- */
- minSub: function (value, amount, min) {
-
- value -= amount;
-
- if (value < min)
- {
- value = min;
- }
-
- return value;
-
- },
-
- /**
- * Ensures that the value always stays between min and max, by wrapping the value around.
- *
max should be larger than min, or the function will return 0
- *
- * @method Phaser.Math#wrap
- * @param value The value to wrap
- * @param min The minimum the value is allowed to be
- * @param max The maximum the value is allowed to be
- * @return {number} The wrapped value
- */
- wrap: function (value, min, max) {
-
- var range = max - min;
-
- if (range <= 0)
- {
- return 0;
- }
-
- var result = (value - min) % range;
-
- if (result < 0)
- {
- result += range;
- }
-
- return result + min;
-
- },
-
- /**
- * Adds value to amount and ensures that the result always stays between 0 and max, by wrapping the value around.
- *
Values must be positive integers, and are passed through Math.abs
- *
- * @method Phaser.Math#wrapValue
- * @param {number} value - The value to add the amount to.
- * @param {number} amount - The amount to add to the value.
- * @param {number} max - The maximum the value is allowed to be.
- * @return {number} The wrapped value.
- */
- wrapValue: function (value, amount, max) {
-
- var diff;
- value = Math.abs(value);
- amount = Math.abs(amount);
- max = Math.abs(max);
- diff = (value + amount) % max;
-
- return diff;
-
- },
-
- /**
- * Randomly returns either a 1 or -1.
- *
- * @method Phaser.Math#randomSign
- * @return {number} 1 or -1
- */
- randomSign: function () {
- return (Math.random() > 0.5) ? 1 : -1;
- },
-
- /**
- * Returns true if the number given is odd.
- *
- * @method Phaser.Math#isOdd
- * @param {number} n - The number to check.
- * @return {boolean} True if the given number is odd. False if the given number is even.
- */
- isOdd: function (n) {
-
- return (n & 1);
-
- },
-
- /**
- * Returns true if the number given is even.
- *
- * @method Phaser.Math#isEven
- * @param {number} n - The number to check.
- * @return {boolean} True if the given number is even. False if the given number is odd.
- */
- isEven: function (n) {
-
- if (n & 1)
- {
- return false;
- }
- else
- {
- return true;
- }
-
- },
-
- /**
- * Significantly faster version of Math.max
- * See http://jsperf.com/math-s-min-max-vs-homemade/5
- *
- * @method Phaser.Math#max
- * @return {number} The highest value from those given.
- */
- max: function () {
-
- for (var i = 1, max = 0, len = arguments.length; i < len; i++)
- {
- if (arguments[max] < arguments[i])
- {
- max = i;
- }
- }
-
- return arguments[max];
-
- },
-
- /**
- * Significantly faster version of Math.min
- * See http://jsperf.com/math-s-min-max-vs-homemade/5
- *
- * @method Phaser.Math#min
- * @return {number} The lowest value from those given.
- */
- min: function () {
-
- for (var i =1 , min = 0, len = arguments.length; i < len; i++)
- {
- if (arguments[i] < arguments[min])
- {
- min = i;
- }
- }
-
- return arguments[min];
-
- },
-
- /**
- * Keeps an angle value between -180 and +180
- * Should be called whenever the angle is updated on the Sprite to stop it from going insane.
- *
- * @method Phaser.Math#wrapAngle
- * @param {number} angle - The angle value to check
- * @return {number} The new angle value, returns the same as the input angle if it was within bounds.
- */
- wrapAngle: function (angle) {
-
- var result = angle;
-
- // Nothing needs to change
- if (angle >= -180 && angle <= 180)
- {
- return angle;
- }
-
- // Else normalise it to -180, 180
- result = (angle + 180) % 360;
-
- if (result < 0)
- {
- result += 360;
- }
-
- return result - 180;
-
- },
-
- /**
- * Keeps an angle value between the given min and max values.
- *
- * @method Phaser.Math#angleLimit
- * @param {number} angle - The angle value to check. Must be between -180 and +180.
- * @param {number} min - The minimum angle that is allowed (must be -180 or greater).
- * @param {number} max - The maximum angle that is allowed (must be 180 or less).
- *
- * @return {number} The new angle value, returns the same as the input angle if it was within bounds
- */
- angleLimit: function (angle, min, max) {
-
- var result = angle;
-
- if (angle > max)
- {
- result = max;
- }
- else if (angle < min)
- {
- result = min;
- }
-
- return result;
-
- },
-
- /**
- * Description.
- * @method Phaser.Math#linearInterpolation
- * @param {number} v
- * @param {number} k
- * @return {number}
- */
- linearInterpolation: function (v, k) {
-
- var m = v.length - 1;
- var f = m * k;
- var i = Math.floor(f);
-
- if (k < 0)
- {
- return this.linear(v[0], v[1], f);
- }
-
- if (k > 1)
- {
- return this.linear(v[m], v[m - 1], m - f);
- }
-
- return this.linear(v[i], v[i + 1 > m ? m : i + 1], f - i);
-
- },
-
- /**
- * Description.
- * @method Phaser.Math#bezierInterpolation
- * @param {number} v
- * @param {number} k
- * @return {number}
- */
- bezierInterpolation: function (v, k) {
-
- var b = 0;
- var n = v.length - 1;
-
- for (var i = 0; i <= n; i++)
- {
- b += Math.pow(1 - k, n - i) * Math.pow(k, i) * v[i] * this.bernstein(n, i);
- }
-
- return b;
-
- },
-
- /**
- * Description.
- * @method Phaser.Math#catmullRomInterpolation
- * @param {number} v
- * @param {number} k
- * @return {number}
- */
- catmullRomInterpolation: function (v, k) {
-
- var m = v.length - 1;
- var f = m * k;
- var i = Math.floor(f);
-
- if (v[0] === v[m])
- {
- if (k < 0)
- {
- i = Math.floor(f = m * (1 + k));
- }
-
- return this.catmullRom(v[(i - 1 + m) % m], v[i], v[(i + 1) % m], v[(i + 2) % m], f - i);
-
- }
- else
- {
- if (k < 0)
- {
- return v[0] - (this.catmullRom(v[0], v[0], v[1], v[1], -f) - v[0]);
- }
-
- if (k > 1)
- {
- return v[m] - (this.catmullRom(v[m], v[m], v[m - 1], v[m - 1], f - m) - v[m]);
- }
-
- return this.catmullRom(v[i ? i - 1 : 0], v[i], v[m < i + 1 ? m : i + 1], v[m < i + 2 ? m : i + 2], f - i);
- }
-
- },
-
- /**
- * Description.
- * @method Phaser.Math#Linear
- * @param {number} p0
- * @param {number} p1
- * @param {number} t
- * @return {number}
- */
- linear: function (p0, p1, t) {
- return (p1 - p0) * t + p0;
- },
-
- /**
- * @method Phaser.Math#bernstein
- * @param {number} n
- * @param {number} i
- * @return {number}
- */
- bernstein: function (n, i) {
- return this.factorial(n) / this.factorial(i) / this.factorial(n - i);
- },
-
- /**
- * Description.
- * @method Phaser.Math#catmullRom
- * @param {number} p0
- * @param {number} p1
- * @param {number} p2
- * @param {number} p3
- * @param {number} t
- * @return {number}
- */
- catmullRom: function (p0, p1, p2, p3, t) {
-
- var v0 = (p2 - p0) * 0.5, v1 = (p3 - p1) * 0.5, t2 = t * t, t3 = t * t2;
-
- return (2 * p1 - 2 * p2 + v0 + v1) * t3 + (-3 * p1 + 3 * p2 - 2 * v0 - v1) * t2 + v0 * t + p1;
-
- },
-
- /**
- * @method Phaser.Math#difference
- * @param {number} a
- * @param {number} b
- * @return {number}
- */
- difference: function (a, b) {
- return Math.abs(a - b);
- },
-
- /**
- * Fetch a random entry from the given array.
- * Will return null if random selection is missing, or array has no entries.
- *
- * @method Phaser.Math#getRandom
- * @param {array} objects - An array of objects.
- * @param {number} startIndex - Optional offset off the front of the array. Default value is 0, or the beginning of the array.
- * @param {number} length - Optional restriction on the number of values you want to randomly select from.
- * @return {object} The random object that was selected.
- */
- getRandom: function (objects, startIndex, length) {
-
- if (typeof startIndex === "undefined") { startIndex = 0; }
- if (typeof length === "undefined") { length = 0; }
-
- if (objects != null) {
-
- var l = length;
-
- if ((l == 0) || (l > objects.length - startIndex))
- {
- l = objects.length - startIndex;
- }
-
- if (l > 0)
- {
- return objects[startIndex + Math.floor(Math.random() * l)];
- }
- }
-
- return null;
-
- },
-
- /**
- * Round down to the next whole number. E.g. floor(1.7) == 1, and floor(-2.7) == -2.
- *
- * @method Phaser.Math#floor
- * @param {number} Value Any number.
- * @return {number} The rounded value of that number.
- */
- floor: function (value) {
-
- var n = value | 0;
-
- return (value > 0) ? (n) : ((n != value) ? (n - 1) : (n));
-
- },
-
- /**
- * Round up to the next whole number. E.g. ceil(1.3) == 2, and ceil(-2.3) == -3.
- *
- * @method Phaser.Math#ceil
- * @param {number} value - Any number.
- * @return {number} The rounded value of that number.
- */
- ceil: function (value) {
- var n = value | 0;
- return (value > 0) ? ((n != value) ? (n + 1) : (n)) : (n);
- },
-
- /**
- * Generate a sine and cosine table simultaneously and extremely quickly. Based on research by Franky of scene.at
- *
- * The parameters allow you to specify the length, amplitude and frequency of the wave. Once you have called this function
- * you should get the results via getSinTable() and getCosTable(). This generator is fast enough to be used in real-time.
- *
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ullamcorper ornare sagittis. Donec eleifend pulvinar velit nec convallis. Vestibulum vitae elit dui. Donec eu tincidunt sem. Duis lectus mi, bibendum sed nunc lobortis, tincidunt sollicitudin lectus. Aliquam erat volutpat. Aliquam a lectus sed tellus sodales tempus. Suspendisse potenti. Phasellus augue nisl, placerat vel sem vel, suscipit elementum neque. Vivamus tempor vestibulum eros, vitae mattis lectus aliquet ut. Curabitur interdum, nibh quis molestie placerat, augue ipsum commodo tortor, sed blandit est augue sit amet sapien. Ut vel consequat tellus. Aenean et vulputate sapien. Praesent rutrum elementum elit ut tempor. Aliquam erat volutpat. Fusce fermentum tincidunt est non vulputate.
-
-
In aliquam sed nulla id luctus. Donec ut nibh massa. Nullam aliquam feugiat urna, nec ultricies risus vulputate at. Fusce scelerisque ligula vel urna porta, nec aliquam leo facilisis. Duis accumsan nibh vestibulum, venenatis enim sit amet, condimentum sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut auctor diam id mi porta, vestibulum pulvinar nibh sollicitudin. Curabitur ullamcorper lorem id lorem commodo, non ornare enim placerat. In vitae nisl lectus. Pellentesque eget neque sed ligula blandit porttitor vitae ut nibh. Nulla facilisi. Nunc ac erat viverra leo bibendum volutpat ut eu justo. Fusce a mollis purus. Phasellus consectetur vehicula ligula vel vestibulum. Suspendisse at dui vel ligula convallis lobortis at et tellus.
-
-
Nullam aliquam erat eros, sit amet faucibus tortor iaculis ut. Sed ullamcorper dui sed dolor rutrum tincidunt. Ut sed faucibus mauris, non porta tellus. Nam ultricies vel leo eget rutrum. Sed sit amet pretium risus. Nunc ut sapien eget elit ultrices pretium quis sed justo. Donec a est vitae justo vestibulum porta. Ut interdum pharetra quam id tempor. Sed egestas placerat quam, quis ullamcorper dolor ornare non. Nulla et porttitor neque, a congue nisl. Maecenas vitae elit pretium odio euismod rhoncus. Nulla turpis libero, fermentum quis aliquet et, ultrices nec mi.
-
-
Etiam vulputate, elit eu aliquet sagittis, sapien mi cursus nisi, vel mattis orci tortor non velit. Integer nisi dolor, posuere nec elit vitae, porttitor semper velit. Suspendisse sapien augue, lobortis sit amet dolor at, ornare porttitor metus. Proin venenatis ante nec augue volutpat dapibus. Sed interdum augue urna, id feugiat metus feugiat nec. In sed massa nisi. Donec iaculis nisi nulla, a pulvinar nisi dictum tristique. Nunc non erat enim. Proin consequat dolor nec leo gravida aliquet. Nulla non mollis turpis. Curabitur mollis tortor id elementum molestie. Maecenas eleifend et quam eget pellentesque.
-
-
Integer ac hendrerit lorem. Nulla laoreet enim eget sem placerat, quis sagittis augue egestas. Ut porttitor purus rhoncus arcu dictum, id condimentum eros fringilla. Donec odio odio, lacinia sed ligula sit amet, viverra scelerisque libero. Curabitur pellentesque nulla mattis, egestas nibh non, viverra eros. Nullam volutpat lectus erat, quis luctus dui lobortis sit amet. Aenean ornare at sem vel pretium. Sed eu euismod nibh. Donec sed venenatis tortor.
-