Lots of updates across input, rendering and grouping

2026-08-14 12:40:17 +08:00 · 2013-05-17 06:49:43 +01:00
parent a6e8436e6d
commit 55568592b5
40 changed files with 836 additions and 475 deletions
@@ -0,0 +1,32 @@
+/// <reference path="../../Phaser/Game.ts" />
+(function () {
+    var myGame = new Phaser.Game(this, 'game', 800, 600, init, create, update);
+    function init() {
+        myGame.loader.addImageFile('atari1', 'assets/sprites/atari130xe.png');
+        myGame.loader.addImageFile('atari2', 'assets/sprites/atari800xl.png');
+        myGame.loader.addImageFile('card', 'assets/sprites/mana_card.png');
+        myGame.loader.load();
+    }
+    var items;
+    var card;
+    function create() {
+        items = myGame.createGroup();
+        //  Items are rendered in the depth order in which they are added to the Group
+        items.add(myGame.createSprite(64, 100, 'atari1'));
+        card = items.add(myGame.createSprite(240, 80, 'card'));
+        items.add(myGame.createSprite(280, 100, 'atari2'));
+        myGame.input.onTap.addOnce(removeCard, this);
+    }
+    function removeCard() {
+        //  Now let's kill the card sprite
+        card.kill();
+        myGame.input.onTap.addOnce(replaceCard, this);
+    }
+    function replaceCard() {
+        //  And bring it back to life again - I assume it will render in the same place as before?
+        var bob = items.getFirstDead();
+        bob.revive();
+    }
+    function update() {
+    }
+})();
@@ -0,0 +1,56 @@
+/// <reference path="../../Phaser/Game.ts" />
+
+(function () {
+
+    var myGame = new Phaser.Game(this, 'game', 800, 600, init, create, update);
+
+    function init() {
+
+        myGame.loader.addImageFile('atari1', 'assets/sprites/atari130xe.png');
+        myGame.loader.addImageFile('atari2', 'assets/sprites/atari800xl.png');
+        myGame.loader.addImageFile('card', 'assets/sprites/mana_card.png');
+
+        myGame.loader.load();
+
+    }
+
+    var items: Phaser.Group;
+    var card: Phaser.Sprite;
+
+    function create() {
+
+        items = myGame.createGroup();
+
+        //  Items are rendered in the depth order in which they are added to the Group
+
+        items.add(myGame.createSprite(64, 100, 'atari1'));
+        card = <Phaser.Sprite> items.add(myGame.createSprite(240, 80, 'card'));
+        items.add(myGame.createSprite(280, 100, 'atari2'));
+
+        myGame.input.onTap.addOnce(removeCard, this);
+
+    }
+
+    function removeCard() {
+
+        //  Now let's kill the card sprite
+        card.kill();
+
+        myGame.input.onTap.addOnce(replaceCard, this);
+
+    }
+
+    function replaceCard() {
+
+        //  And bring it back to life again - I assume it will render in the same place as before?
+        var bob = items.getFirstDead();
+
+        bob.revive();
+
+    }
+
+    function update() {
+
+    }
+
+})();