Commit before refactoring Sprite guts.

2026-08-15 12:45:11 +08:00 · 2013-10-24 21:21:00 +01:00
parent 03054c1949
commit 1f28d328a7
11 changed files with 1048 additions and 291 deletions
@@ -0,0 +1,90 @@
+
+var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
+
+function preload() {
+
+    game.load.spritesheet('button', 'assets/buttons/button_sprite_sheet.png', 193, 71);
+
+    game.load.image('sky0','assets/skies/space2.png');
+    game.load.image('sky1','assets/skies/cavern1.png');
+    game.load.image('sky2','assets/skies/chrome.png');
+    game.load.image('sky3','assets/skies/fire.png');
+    game.load.image('sky4','assets/skies/fog.png');
+    game.load.image('sky5','assets/skies/sky1.png');
+    game.load.image('sky6','assets/skies/toxic.png');
+
+}
+
+var background;
+var button1;
+var button2;
+var button3;
+var button4;
+var button5;
+var button6;
+
+function create() {
+
+    background = game.add.sprite(0, 0, 'sky0');
+    background.name = 'background';
+
+    //  Standard button (also used as our pointer tracker)
+    button1 = game.add.button(100, 100, 'button', changeSky, this, 2, 1, 0);
+    button1.name = 'sky1';
+    button1.anchor.setTo(0.5, 0.5);
+
+    //  Rotated button
+    button2 = game.add.button(330, 200, 'button', changeSky, this, 2, 1, 0);
+    button2.name = 'sky2';
+    button2.angle = 24;
+    button2.anchor.setTo(0.5, 0.5);
+
+    //  Width scaled button
+    button3 = game.add.button(100, 300, 'button', changeSky, this, 2, 1, 0);
+    button3.name = 'sky3';
+    button3.width = 300;
+
+    //  Scaled button
+    button4 = game.add.button(300, 450, 'button', changeSky, this, 2, 1, 0);
+    button4.name = 'sky4';
+    button4.scale.setTo(2, 2);
+
+    //  Shrunk button
+    button5 = game.add.button(100, 450, 'button', changeSky, this, 2, 1, 0);
+    button5.name = 'sky5';
+    button5.scale.setTo(0.5, 0.5);
+
+    //  Scaled and Rotated button
+    button6 = game.add.button(600, 200, 'button', changeSky, this, 2, 1, 0);
+    button6.name = 'sky6';
+    button6.angle = 24;
+    button6.scale.setTo(0.5, 2);
+    // button6.anchor.setTo(0.5, 0.5);
+
+    // game.world.setBounds(0, 0, 2000, 2000);
+    //  works regardless of world angle, parent angle or camera position
+    // game.world.angle = 5;
+    // game.camera.x = 300;
+
+}
+
+function changeSky (button) {
+
+    background.loadTexture(button.name);
+
+}
+
+function render () {
+
+    game.debug.renderSpriteCorners(button1, false, true);
+    game.debug.renderSpriteCorners(button2, false, true);
+    game.debug.renderSpriteCorners(button3, false, true);
+    game.debug.renderSpriteCorners(button4, false, true);
+    game.debug.renderSpriteCorners(button5, false, true);
+    game.debug.renderSpriteCorners(button6, false, true);
+
+    // game.debug.renderLocalTransformInfo(button3, 32, 132);
+    // game.debug.renderText('ox: ' + button1.offset.x + ' oy: ' + button1.offset.y, 32, 200);
+    game.debug.renderPoint(button6.input._tempPoint);
+
+}