mirror of
https://github.com/photonstorm/phaser
synced 2024-11-15 01:17:43 +00:00
56 lines
1.4 KiB
TypeScript
56 lines
1.4 KiB
TypeScript
/// <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('fuji', 'assets/pics/atari_fujilogo.png');
|
|
|
|
|
|
}
|
|
|
|
var fuji: Phaser.Sprite;
|
|
var tweenUp: Phaser.Tween;
|
|
var tweenDown: Phaser.Tween;
|
|
|
|
function create() {
|
|
|
|
game.stage.backgroundColor = 'rgb(0,0,100)';
|
|
|
|
// Here we'll assign the new sprite to the local fuji variable
|
|
fuji = game.add.sprite(game.stage.centerX, game.stage.centerY, 'fuji');
|
|
|
|
// The sprite is 320 x 200 pixels in size
|
|
// Here we set the origin to the center of the sprite again, so we can rotate and scale it at the same time
|
|
fuji.transform.origin.setTo(0.5, 0.5);
|
|
|
|
game.add.tween(fuji).to({ rotation: 360 }, 2000, Phaser.Easing.Linear.None, true, 0, true);
|
|
|
|
tweenUp = game.add.tween(fuji.transform.scale);
|
|
tweenUp.onComplete.add(scaleDown, this);
|
|
|
|
tweenDown = game.add.tween(fuji.transform.scale);
|
|
tweenDown.onComplete.add(scaleUp, this);
|
|
|
|
scaleUp();
|
|
|
|
}
|
|
|
|
function scaleUp() {
|
|
|
|
tweenUp.to({ x: 2, y: 2 }, 1000, Phaser.Easing.Elastic.Out);
|
|
tweenUp.start();
|
|
|
|
}
|
|
|
|
function scaleDown() {
|
|
|
|
tweenDown.to({ x: 0.5, y: 0.5 }, 1000, Phaser.Easing.Elastic.Out);
|
|
tweenDown.start();
|
|
|
|
}
|
|
|
|
})();
|