phaser/examples/buttons/rotated buttons.js
2013-10-22 03:58:20 +01:00

36 lines
912 B
JavaScript

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create,update : update });
function preload() {
game.load.spritesheet('button', 'assets/buttons/button_sprite_sheet.png', 193, 71);
game.load.image('background','assets/misc/starfield.jpg');
}
var button;
var background;
function create() {
game.stage.backgroundColor = '#cccccc';
// The numbers given in parameters are the indexes of the frames, in this order: over, out, down
button = game.add.button(game.world.centerX, game.world.centerY, 'button', actionOnClick, this, 2, 1, 0);
// Set the anchor of the sprite in the center, otherwise it would rotate around the top-left corner
button.anchor.setTo(0.5, 0.5);
}
function actionOnClick () {
alert("Though I'm turning around, you can still click on me");
}
function update () {
button.angle += 1;
}