mirror of
https://github.com/photonstorm/phaser
synced 2024-11-27 07:01:20 +00:00
25 lines
1.2 KiB
JavaScript
25 lines
1.2 KiB
JavaScript
/// <reference path="../../Phaser/Game.ts" />
|
|
(function () {
|
|
var game = new Phaser.Game(this, 'game', 800, 600, preload, create);
|
|
function preload() {
|
|
// Using Phasers asset loader we load up a PNG from the assets folder
|
|
game.load.image('swirl', 'assets/pics/color_wheel_swirl.png');
|
|
}
|
|
var swirl;
|
|
function create() {
|
|
// Here we'll assign the new sprite to the local swirl variable
|
|
swirl = game.add.sprite(game.stage.centerX, game.stage.centerY, 'swirl');
|
|
// Increase the size of the sprite a little so it covers the edges of the stage
|
|
swirl.transform.scale.setTo(1.4, 1.4);
|
|
// Set the origin to the middle of the Sprite to get the effect we need
|
|
swirl.transform.origin.setTo(swirl.worldView.halfWidth, swirl.worldView.halfHeight);
|
|
// Create a tween that rotates a full 306 degrees and then repeats (loop set to true)
|
|
game.add.tween(swirl).to({
|
|
rotation: 360
|
|
}, 2000, Phaser.Easing.Linear.None, true, 0, true);
|
|
game.add.tween(swirl.transform.scale).to({
|
|
x: 4,
|
|
y: 4
|
|
}, 1000, Phaser.Easing.Linear.None, true, 0, true, true);
|
|
}
|
|
})();
|