From eb9899804638ec1f6bdcbe6a8416f49de21f1c61 Mon Sep 17 00:00:00 2001
From: Webeled <webeled@gmail.com>
Date: Fri, 11 Oct 2013 22:29:50 +0100
Subject: [PATCH] Testing

---
 .../Animation from a JSON object.php          | 144 ++++++++++++++++++
 .../Animation from a texturePacker file.php   |  38 +++++
 examples/animation/animation wraparound.php   |  52 +++++++
 examples/assets/maps/cybernoid.png.png        | Bin 0 -> 4849 bytes
 .../groups/add to group after creation.php    |  63 ++++++++
 examples/groups/bring a group to top.php      | 101 ++++++++++++
 .../groups/bring specific sprites to top.php  |  46 ++++++
 .../groups/create a sprite inside a group.php |  56 +++++++
 examples/input/drag several sprites.php       |  51 +++++++
 examples/loader/random images from loader.php |  50 ++++++
 examples/sprites/add a sprite.php             |  28 ++++
 examples/sprites/add several sprites.php      |  61 ++++++++
 examples/sprites/move a sprite.php            |  64 ++++++++
 examples/sprites/multiple .php                |  59 +++++++
 ...several sprites using one texture file.php |  59 +++++++
 .../crop and see part of an image.php         |  44 ++++++
 .../crop and tween horizontally.php           |  42 +++++
 .../crop and tween vertically.php             |  42 +++++
 examples/tweens/bounce.php                    |  48 ++++++
 examples/tweens/bubbles.php                   |  44 ++++++
 examples/tweens/combined tweens.php           |  73 +++++++++
 examples/tweens/easing spritesheets.php       |  42 +++++
 examples/tweens/easing.php                    |  54 +++++++
 examples/tweens/fading in a sprite.php        |  34 +++++
 .../tweens/tweening several properties.php    |  40 +++++
 25 files changed, 1335 insertions(+)
 create mode 100644 examples/animation/Animation from a JSON object.php
 create mode 100644 examples/animation/Animation from a texturePacker file.php
 create mode 100644 examples/animation/animation wraparound.php
 create mode 100644 examples/assets/maps/cybernoid.png.png
 create mode 100644 examples/groups/add to group after creation.php
 create mode 100644 examples/groups/bring a group to top.php
 create mode 100644 examples/groups/bring specific sprites to top.php
 create mode 100644 examples/groups/create a sprite inside a group.php
 create mode 100644 examples/input/drag several sprites.php
 create mode 100644 examples/loader/random images from loader.php
 create mode 100644 examples/sprites/add a sprite.php
 create mode 100644 examples/sprites/add several sprites.php
 create mode 100644 examples/sprites/move a sprite.php
 create mode 100644 examples/sprites/multiple .php
 create mode 100644 examples/sprites/several sprites using one texture file.php
 create mode 100644 examples/texture crop/crop and see part of an image.php
 create mode 100644 examples/texture crop/crop and tween horizontally.php
 create mode 100644 examples/texture crop/crop and tween vertically.php
 create mode 100644 examples/tweens/bounce.php
 create mode 100644 examples/tweens/bubbles.php
 create mode 100644 examples/tweens/combined tweens.php
 create mode 100644 examples/tweens/easing spritesheets.php
 create mode 100644 examples/tweens/easing.php
 create mode 100644 examples/tweens/fading in a sprite.php
 create mode 100644 examples/tweens/tweening several properties.php

diff --git a/examples/animation/Animation from a JSON object.php b/examples/animation/Animation from a JSON object.php
new file mode 100644
index 00000000..c42d0643
--- /dev/null
+++ b/examples/animation/Animation from a JSON object.php	
@@ -0,0 +1,144 @@
+<?php
+	$title = "Animation from a Texture Atlas";
+	require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+	var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create});
+
+	function preload() {
+
+        //  Texture Atlas Method 2
+        //
+        //  In this example we assume that the TexturePacker JSON data is a real json object stored as a var
+        //  (in this case botData)
+        game.load.atlas('bot', 'assets/sprites/running_bot.png', null, botData);
+
+        
+
+    }
+
+    var bot;
+
+    function create() {
+
+        bot = game.add.sprite(game.world.centerX, 300, 'bot');
+
+        bot.animations.add('run');
+        bot.animations.play('run', 10, true);
+
+    }
+
+    var botData = {
+        "frames": [
+
+    {
+        "filename": "running bot.swf/0000",
+        "frame": { "x": 34, "y": 128, "w": 56, "h": 60 },
+        "rotated": false,
+        "trimmed": true,
+        "spriteSourceSize": { "x": 0, "y": 2, "w": 56, "h": 60 },
+        "sourceSize": { "w": 56, "h": 64 }
+    },
+    {
+        "filename": "running bot.swf/0001",
+        "frame": { "x": 54, "y": 0, "w": 56, "h": 58 },
+        "rotated": false,
+        "trimmed": true,
+        "spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
+        "sourceSize": { "w": 56, "h": 64 }
+    },
+    {
+        "filename": "running bot.swf/0002",
+        "frame": { "x": 54, "y": 58, "w": 56, "h": 58 },
+        "rotated": false,
+        "trimmed": true,
+        "spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
+        "sourceSize": { "w": 56, "h": 64 }
+    },
+    {
+        "filename": "running bot.swf/0003",
+        "frame": { "x": 0, "y": 192, "w": 34, "h": 64 },
+        "rotated": false,
+        "trimmed": true,
+        "spriteSourceSize": { "x": 11, "y": 0, "w": 34, "h": 64 },
+        "sourceSize": { "w": 56, "h": 64 }
+    },
+    {
+        "filename": "running bot.swf/0004",
+        "frame": { "x": 0, "y": 64, "w": 54, "h": 64 },
+        "rotated": false,
+        "trimmed": true,
+        "spriteSourceSize": { "x": 1, "y": 0, "w": 54, "h": 64 },
+        "sourceSize": { "w": 56, "h": 64 }
+    },
+    {
+        "filename": "running bot.swf/0005",
+        "frame": { "x": 196, "y": 0, "w": 56, "h": 58 },
+        "rotated": false,
+        "trimmed": true,
+        "spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
+        "sourceSize": { "w": 56, "h": 64 }
+    },
+    {
+        "filename": "running bot.swf/0006",
+        "frame": { "x": 0, "y": 0, "w": 54, "h": 64 },
+        "rotated": false,
+        "trimmed": true,
+        "spriteSourceSize": { "x": 1, "y": 0, "w": 54, "h": 64 },
+        "sourceSize": { "w": 56, "h": 64 }
+    },
+    {
+        "filename": "running bot.swf/0007",
+        "frame": { "x": 140, "y": 0, "w": 56, "h": 58 },
+        "rotated": false,
+        "trimmed": true,
+        "spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
+        "sourceSize": { "w": 56, "h": 64 }
+    },
+    {
+        "filename": "running bot.swf/0008",
+        "frame": { "x": 34, "y": 188, "w": 50, "h": 60 },
+        "rotated": false,
+        "trimmed": true,
+        "spriteSourceSize": { "x": 3, "y": 2, "w": 50, "h": 60 },
+        "sourceSize": { "w": 56, "h": 64 }
+    },
+    {
+        "filename": "running bot.swf/0009",
+        "frame": { "x": 0, "y": 128, "w": 34, "h": 64 },
+        "rotated": false,
+        "trimmed": true,
+        "spriteSourceSize": { "x": 11, "y": 0, "w": 34, "h": 64 },
+        "sourceSize": { "w": 56, "h": 64 }
+    },
+    {
+        "filename": "running bot.swf/0010",
+        "frame": { "x": 84, "y": 188, "w": 56, "h": 58 },
+        "rotated": false,
+        "trimmed": true,
+        "spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
+        "sourceSize": { "w": 56, "h": 64 }
+    }],
+        "meta": {
+            "app": "http://www.texturepacker.com",
+            "version": "1.0",
+            "image": "running_bot.png",
+            "format": "RGBA8888",
+            "size": { "w": 252, "h": 256 },
+            "scale": "0.2",
+            "smartupdate": "$TexturePacker:SmartUpdate:fb56f261b1eb04e3215824426595f64c$"
+        }
+    };
+
+
+
+
+</script>
+
+<?php
+	require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/animation/Animation from a texturePacker file.php b/examples/animation/Animation from a texturePacker file.php
new file mode 100644
index 00000000..67420bd1
--- /dev/null
+++ b/examples/animation/Animation from a texturePacker file.php	
@@ -0,0 +1,38 @@
+<?php
+	$title = "Animation from a Texture Atlas From TexturePacker";
+	require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+	var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { preload: preload, create: create });
+
+	function preload() {
+		game.load.atlasJSONHash('bot', 'assets/sprites/running_bot.png', 'assets/sprites/running_bot.json');
+	}
+
+	function create() {
+
+		//	This sprite is using a texture atlas for all of its animation data
+		var bot = game.add.sprite(200, 200, 'bot');
+
+		//	Here we add a new animation called 'run'
+		//	We haven't specified any frames because it's using every frame in the texture atlas
+		bot.animations.add('run');
+
+		//	And this starts the animation playing by using its key ("run")
+		//	15 is the frame rate (15fps)
+		//	true means it will loop when it finishes
+		bot.animations.play('run', 15, true);
+
+	}
+
+
+
+</script>
+
+<?php
+	require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/animation/animation wraparound.php b/examples/animation/animation wraparound.php
new file mode 100644
index 00000000..aef294fe
--- /dev/null
+++ b/examples/animation/animation wraparound.php	
@@ -0,0 +1,52 @@
+<?php
+	$title = "Animation Wraparound";
+	require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+	var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create,update:update });
+
+	function preload() {
+		game.load.atlasJSONHash('bot', 'assets/sprites/running_bot.png', 'assets/sprites/running_bot.json');
+	}
+
+	var bot;
+
+	function create() {
+
+		//	This sprite is using a texture atlas for all of its animation data
+		bot = game.add.sprite(200, 200, 'bot');
+
+		//	Here we add a new animation called 'run'
+		//	We haven't specified any frames because it's using every frame in the texture atlas
+		bot.animations.add('run');
+
+		//	And this starts the animation playing by using its key ("run")
+		//	15 is the frame rate (15fps)
+		//	true means it will loop when it finishes
+		bot.animations.play('run', 15, true);
+
+	}
+
+    function update() {
+
+        bot.x -= 2;
+
+        if (bot.x < -bot.width)
+        {
+            bot.x = game.world.width;
+        }
+
+    }
+
+
+
+
+</script>
+
+<?php
+	require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/assets/maps/cybernoid.png.png b/examples/assets/maps/cybernoid.png.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f49737ce6c94def90ece22b9d3e9f12ad3d7ef9
GIT binary patch
literal 4849
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
XZ)9b1s0M%T00000NkvXXu0mjfRdx^0

literal 0
HcmV?d00001

diff --git a/examples/groups/add to group after creation.php b/examples/groups/add to group after creation.php
new file mode 100644
index 00000000..b224864a
--- /dev/null
+++ b/examples/groups/add to group after creation.php	
@@ -0,0 +1,63 @@
+<?php
+    $title = "Adding to group using 'add'";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+    var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { preload: preload, create: create,render:render });
+
+   var friendAndFoe,
+        enemies;
+
+    function preload() {
+        game.load.image('ufo', 'assets/sprites/ufo.png');
+        game.load.image('baddie', 'assets/sprites/space-baddie.png');
+        
+    }
+    function create() {
+
+        // Create some local groups for later use.
+        friendAndFoe = game.add.group();
+        enemies = game.add.group();
+
+        // Use game.add (GameObjectFactory) to create sprites, those
+        // newly created ones will be added to game.world.group
+        // automatically. While you can still use new to allocate and
+        // only add them to your own groups.
+         var ufo = game.add.sprite(200, 240, 'ufo');
+        friendAndFoe.add(ufo);
+
+
+        // Create some enemies using new keyword.
+        // (Don't forget to pass game as the first parameter.)
+        var enemy;
+        for (var i = 0; i < 16; i++) {
+
+            enemy = new Phaser.Sprite(game,
+                360 + Math.random() * 200, 120 + Math.random() * 200,
+                'baddie');
+
+            enemies.add(enemy);
+        }
+
+    }
+    function render() {
+
+        game.debug.renderText('ufo added to game.world.and "friendAndFoe" group', 20, 24);
+        game.debug.renderText('others ONLY added to "enemies" group', 20, 40);
+
+    }
+
+
+
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
+
diff --git a/examples/groups/bring a group to top.php b/examples/groups/bring a group to top.php
new file mode 100644
index 00000000..5a8324aa
--- /dev/null
+++ b/examples/groups/bring a group to top.php	
@@ -0,0 +1,101 @@
+<?php
+    $title = "Bringing to top and game indexes";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+    var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { preload: preload, create: create,update:update,render:render });
+
+    function preload() {
+
+        game.load.image('beast', 'assets/pics/shadow_of_the_beast2_karamoon.png');
+        game.load.image('snot', 'assets/pics/nslide_snot.png');
+        game.load.image('atari1', 'assets/sprites/atari130xe.png');
+        game.load.image('sonic', 'assets/sprites/sonic_havok_sanity.png');
+        game.load.image('coke', 'assets/sprites/cokecan.png');
+        game.load.image('disk', 'assets/sprites/oz_pov_melting_disk.png');
+        
+
+    }
+
+    var group1,
+        group2,
+        coke,
+        disk;
+
+    function create() {
+
+        //  Create a background image
+        game.add.sprite(0, 0, 'beast');
+
+        //  Create a Group that will sit above the background image
+        group1 = game.add.group();
+
+        //  Create a Group that will sit above Group 1
+        group2 = 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 < 10; i++)
+        {
+
+            var tempSprite = game.add.sprite(game.stage.randomX, game.stage.randomY, 'atari1');
+
+            tempSprite.name = 'atari' + i;
+            tempSprite.input.start(i, true);
+            tempSprite.input.enableDrag(false, true);
+
+            group1.add(tempSprite);
+
+            //  Sonics
+
+            var tempSprite=game.add.sprite(game.stage.randomX, game.stage.randomY, 'sonic');
+
+            tempSprite.name = 'sonic' + i;
+            tempSprite.input.start(10 + i, true);
+            tempSprite.input.enableDrag(false, true);
+
+            group2.add(tempSprite);
+        }
+
+        //  Add 2 control sprites into each group - these cannot be dragged but should be bought to the top each time
+        coke = group1.create(100, 100, 'coke');
+        disk = group2.create(400, 300, 'disk');
+
+        //  Create a foreground image - everything should appear behind this, even when dragged
+        var snot = game.add.sprite(game.world.centerX, game.world.height, 'snot');
+        snot.anchor.setTo(0.5, 1);
+
+        //  You can click and drag any sprite but Sonic sprites should always appear above the Atari sprites
+        //  and both types of sprite should only ever appear above the background and behind the 
+
+    }
+
+    function update() {
+
+        if (game.input.keyboard.justReleased(Phaser.Keyboard.ONE))
+        {
+            coke.bringToTop();
+        }
+
+        if (game.input.keyboard.justReleased(Phaser.Keyboard.TWO))
+        {
+            disk.bringToTop();
+        }
+
+    }
+
+    function render() {
+        game.debug.renderInputInfo(32, 32);
+    }
+
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
+
diff --git a/examples/groups/bring specific sprites to top.php b/examples/groups/bring specific sprites to top.php
new file mode 100644
index 00000000..60c1c512
--- /dev/null
+++ b/examples/groups/bring specific sprites to top.php	
@@ -0,0 +1,46 @@
+ 
+ <?php
+    $title = "Bring to Top using parent container";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+    var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { preload: preload, create: create,render : render });
+
+    var container;
+
+    function preload() {
+        game.load.spritesheet('button', 'assets/buttons/number-buttons.png', 160, 160);
+        
+    }
+    function create() {
+        // Container for sorting the buttons, which we'll use to make buttons
+        // to the top later.
+        container = game.add.group();
+
+        // Add buttons to container.
+        container.add(game.add.button(200, 100, 'button', bringMeToTop, this, 0, 0, 0));
+        container.add(game.add.button(300, 100, 'button', bringMeToTop, this, 1, 1, 1));
+        container.add(game.add.button(100, 200, 'button', bringMeToTop, this, 2, 2, 2));
+        container.add(game.add.button(400, 200, 'button', bringMeToTop, this, 3, 3, 3));
+        container.add(game.add.button(300, 300, 'button', bringMeToTop, this, 4, 4, 4));
+        container.add(game.add.button(200, 300, 'button', bringMeToTop, this, 5, 5, 5));
+    }
+    function render() {
+
+       game.debug.renderText('Tap or click buttons to bring it to the top.', 32, 32);
+    }
+    function bringMeToTop(btn) {
+        container.bringToTop(btn);
+    }
+
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
diff --git a/examples/groups/create a sprite inside a group.php b/examples/groups/create a sprite inside a group.php
new file mode 100644
index 00000000..16ccdf0c
--- /dev/null
+++ b/examples/groups/create a sprite inside a group.php	
@@ -0,0 +1,56 @@
+<?php
+    $title = "Adding to group using create";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+    var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { preload: preload, create: create,render:render });
+
+   function preload() {
+        game.load.image('ufo', 'assets/sprites/ufo.png');
+        game.load.image('baddie', 'assets/sprites/space-baddie.png');
+        
+    }
+
+    var friendAndFoe,
+        enemies;
+
+    function create() {
+        // Create some local groups for later use.
+        friendAndFoe = game.add.group();
+        enemies = game.add.group();
+
+        // You can directly create a sprite and add it to a group
+        // using just one line. 
+        friendAndFoe.create(200, 240, 'ufo');
+
+        // Create some enemies.
+        for (var i = 0; i < 8; i++) {
+            createBaddie();
+        }
+
+        // Tap to create new baddie sprites.
+        game.input.onTap.add(createBaddie, this);
+    }
+    function createBaddie() {
+
+        enemies.create(360 + Math.random() * 200, 120 + Math.random() * 200,'baddie');
+    }
+
+    function render() {
+
+        game.debug.renderText('Tap screen or click to create new baddies.', 16, 24);
+    }
+
+
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
+
diff --git a/examples/input/drag several sprites.php b/examples/input/drag several sprites.php
new file mode 100644
index 00000000..bdea15f1
--- /dev/null
+++ b/examples/input/drag several sprites.php	
@@ -0,0 +1,51 @@
+<?php
+    $title = "Test Title";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+    var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { 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.getImageKeys();
+
+        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.renderInputInfo(32, 32);
+    }
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/loader/random images from loader.php b/examples/loader/random images from loader.php
new file mode 100644
index 00000000..732ed414
--- /dev/null
+++ b/examples/loader/random images from loader.php	
@@ -0,0 +1,50 @@
+<?php
+    $title = "Retrieving images from the cache";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+    var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { 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.getImageKeys();
+
+        //  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.renderInputInfo(32, 32);
+    }
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/sprites/add a sprite.php b/examples/sprites/add a sprite.php
new file mode 100644
index 00000000..cb889eb7
--- /dev/null
+++ b/examples/sprites/add a sprite.php	
@@ -0,0 +1,28 @@
+<?php
+	$title = "Display a Sprite";
+	require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+	var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create });
+
+	function preload() {
+		game.load.image('mushroom', 'assets/sprites/mushroom2.png');
+	}
+
+	function create() {
+
+		var test = game.add.sprite(200, 200, 'mushroom');
+
+	}
+
+
+
+</script>
+
+<?php
+	require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/sprites/add several sprites.php b/examples/sprites/add several sprites.php
new file mode 100644
index 00000000..1263b99d
--- /dev/null
+++ b/examples/sprites/add several sprites.php	
@@ -0,0 +1,61 @@
+<?php
+	$title = "Sprite Sheet and Scale";
+	require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+	var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update }, false, false);
+
+	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', 50, 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();
+		}
+
+	}
+
+
+
+</script>
+
+<?php
+	require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/sprites/move a sprite.php b/examples/sprites/move a sprite.php
new file mode 100644
index 00000000..13b8fceb
--- /dev/null
+++ b/examples/sprites/move a sprite.php	
@@ -0,0 +1,64 @@
+<?php
+	$title = "Sprite Animation";
+	require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+	var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { 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.renderSpriteCorners(s, false, false);
+		game.debug.renderSpriteInfo(s, 20, 32);
+
+	}
+
+
+
+</script>
+
+<?php
+	require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/sprites/multiple .php b/examples/sprites/multiple .php
new file mode 100644
index 00000000..25bb6e2d
--- /dev/null
+++ b/examples/sprites/multiple .php	
@@ -0,0 +1,59 @@
+<?php
+	$title = "Animation from a Texture Atlas";
+	require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+	var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create});
+
+	function preload() {
+
+        //  Texture Atlas Method 4
+        //
+        //  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 = 'rgb(40, 40, 40)';
+
+        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';
+
+    }
+
+
+
+
+</script>
+
+<?php
+	require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/sprites/several sprites using one texture file.php b/examples/sprites/several sprites using one texture file.php
new file mode 100644
index 00000000..25bb6e2d
--- /dev/null
+++ b/examples/sprites/several sprites using one texture file.php	
@@ -0,0 +1,59 @@
+<?php
+	$title = "Animation from a Texture Atlas";
+	require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+	var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create});
+
+	function preload() {
+
+        //  Texture Atlas Method 4
+        //
+        //  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 = 'rgb(40, 40, 40)';
+
+        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';
+
+    }
+
+
+
+
+</script>
+
+<?php
+	require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/texture crop/crop and see part of an image.php b/examples/texture crop/crop and see part of an image.php
new file mode 100644
index 00000000..31cbd4c7
--- /dev/null
+++ b/examples/texture crop/crop and see part of an image.php	
@@ -0,0 +1,44 @@
+<?php
+    $title = "Texture Crop";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+    var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update });
+
+    function preload() {
+        game.load.image('trsi', 'assets/pics/trsipic1_lazur.jpg');
+    }
+
+    var r;
+    var pic;
+
+    function create() {
+
+        pic = game.add.sprite(0, 0, 'trsi');
+
+        r = new Phaser.Rectangle(0, 0, 200, 200);
+
+    }
+
+    function update() {
+
+        r.x = game.input.x;
+        r.y = game.input.y;
+        pic.x = game.input.x;
+        pic.y = game.input.y;
+
+        //  Apply the new crop Rectangle to the sprite
+        pic.crop = r;
+
+    }
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/texture crop/crop and tween horizontally.php b/examples/texture crop/crop and tween horizontally.php
new file mode 100644
index 00000000..f4daeb7e
--- /dev/null
+++ b/examples/texture crop/crop and tween horizontally.php	
@@ -0,0 +1,42 @@
+<?php
+    $title = "Texture Crop";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+    var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update });
+
+    function preload() {
+        game.load.image('trsi', 'assets/pics/trsipic1_lazur.jpg');
+    }
+
+    var r;
+    var pic;
+
+    function create() {
+
+        pic = game.add.sprite(game.world.centerX, 550, 'trsi');
+        pic.anchor.setTo(0.5, 1);
+
+        r = new Phaser.Rectangle(0, 0, 200, pic.height);
+
+        game.add.tween(r).to( { x: pic.width - 200 }, 3000, Phaser.Easing.Bounce.Out, true, 0, 1000, true);
+
+    }
+
+    function update() {
+
+        //  Apply the new crop Rectangle to the sprite
+        pic.crop = r;
+
+    }
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/texture crop/crop and tween vertically.php b/examples/texture crop/crop and tween vertically.php
new file mode 100644
index 00000000..0ca156e1
--- /dev/null
+++ b/examples/texture crop/crop and tween vertically.php	
@@ -0,0 +1,42 @@
+<?php
+    $title = "Texture Crop";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+    var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update });
+
+    function preload() {
+        game.load.image('trsi', 'assets/pics/trsipic1_lazur.jpg');
+    }
+
+    var r;
+    var pic;
+
+    function create() {
+
+        pic = game.add.sprite(game.world.centerX, 550, 'trsi');
+        pic.anchor.setTo(0.5, 1);
+
+        r = new Phaser.Rectangle(0, 0, pic.width, 0);
+
+        game.add.tween(r).to( { height: pic.height }, 3000, Phaser.Easing.Bounce.Out, true, 0, 1000, true);
+
+    }
+
+    function update() {
+
+        //  Apply the new crop Rectangle to the sprite
+        pic.crop = r;
+
+    }
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/tweens/bounce.php b/examples/tweens/bounce.php
new file mode 100644
index 00000000..92a6663e
--- /dev/null
+++ b/examples/tweens/bounce.php
@@ -0,0 +1,48 @@
+<?php
+    $title = "Bounce";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+    var game = new Phaser.Game(800, 600, Phaser.AUTO, '', {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();
+
+    }
+
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/tweens/bubbles.php b/examples/tweens/bubbles.php
new file mode 100644
index 00000000..cee5199d
--- /dev/null
+++ b/examples/tweens/bubbles.php
@@ -0,0 +1,44 @@
+<?php
+    $title = "Primary bubble example";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+    var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { 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)
+	        .start();
+
+	        game.add.tween(sprite)
+	        .to({alpha : 0},Math.random()*4500,Phaser.Easing.Quadratic.InOut)
+	        .delay(Math.random()*500)
+	        .start();
+        }
+
+        
+
+    }
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/tweens/combined tweens.php b/examples/tweens/combined tweens.php
new file mode 100644
index 00000000..7afd42e8
--- /dev/null
+++ b/examples/tweens/combined tweens.php	
@@ -0,0 +1,73 @@
+<?php
+    $title = "Little animated story";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+    var game = new Phaser.Game(800, 600, Phaser.AUTO, '', {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,
+    	pig,
+    	pigArrives,
+    	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();
+
+
+    }
+
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/tweens/easing spritesheets.php b/examples/tweens/easing spritesheets.php
new file mode 100644
index 00000000..18f0ae62
--- /dev/null
+++ b/examples/tweens/easing spritesheets.php	
@@ -0,0 +1,42 @@
+<?php
+    $title = "Easing using spritesheets";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+    var game = new Phaser.Game(800, 600, Phaser.AUTO, '', {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);
+        }
+
+
+
+    }
+
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/tweens/easing.php b/examples/tweens/easing.php
new file mode 100644
index 00000000..6dc369f2
--- /dev/null
+++ b/examples/tweens/easing.php
@@ -0,0 +1,54 @@
+<?php
+    $title = "Using duration and scale";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+    var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { 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,
+            shadow,
+            tween;
+
+        // Sets background color to white.
+        game.stage.backgroundColor = '#fff';
+
+        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);
+
+            // Add characters on top of shadows.
+            item = game.add.sprite(190 + 69 * i, -100, '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: 240}, 2400, Phaser.Easing.Bounce.Out);
+        }
+
+
+
+        }
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/tweens/fading in a sprite.php b/examples/tweens/fading in a sprite.php
new file mode 100644
index 00000000..51790c7c
--- /dev/null
+++ b/examples/tweens/fading in a sprite.php	
@@ -0,0 +1,34 @@
+<?php
+    $title = "Using duration and scale";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+    var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { 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');
+
+        var sprite=game.add.sprite(400,300,'ball');
+
+        //Fade in a sprite :
+        game.add.tween(sprite)
+        .to({alpha : 0},1500,Phaser.Easing.Linear.None)
+        .start();
+
+    }
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
\ No newline at end of file
diff --git a/examples/tweens/tweening several properties.php b/examples/tweens/tweening several properties.php
new file mode 100644
index 00000000..d358278c
--- /dev/null
+++ b/examples/tweens/tweening several properties.php	
@@ -0,0 +1,40 @@
+<?php
+    $title = "Bounce";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+
+
+    var game = new Phaser.Game(800, 600, Phaser.AUTO, '', {preload:preload,create: create });
+
+
+    function preload() {
+        game.load.spritesheet('shadow', 'assets/tests/tween/shadow.png', 68, 15);
+        game.load.spritesheet('PHASER', 'assets/tests/tween/PHASER.png', 70, 90);
+        
+    }
+    function create() {
+
+        game.stage.backgroundColor='#ffffff';
+        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({rotation: 360}, 2400, Phaser.Easing.Cubic.In, true, 1000 + 400 * i, false);
+        }
+    }
+
+
+
+</script>
+
+<?php
+    require('../foot.php');
+?>
\ No newline at end of file