Phaser.Timer is now feature complete and fully documented. You can create Phaser.TimerEvents on a Timer and lots of new examples have been provided.

2026-09-12 12:40:47 +08:00 · 2014-01-09 00:59:37 +00:00
parent 35e61172e1
commit c6c579e6b3
16 changed files with 812 additions and 328 deletions
@@ -0,0 +1,94 @@
+
+var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });
+
+function preload() {
+
+    game.load.image('picture1', 'assets/pics/cougar_sanity_train.png');
+    game.load.image('picture2', 'assets/pics/cougar-face_of_nature.png');
+    game.load.image('picture3', 'assets/pics/destop-rewarding.png');
+    game.load.image('picture4', 'assets/pics/destop-unknown.png');
+    game.load.image('picture5', 'assets/pics/questar.png');
+    game.load.image('picture6', 'assets/pics/seven_seas_andromeda_fairfax.png');
+    game.load.image('picture7', 'assets/pics/slayer-sorry_im_the_beast.png');
+
+}
+
+var pictureA;
+var pictureB;
+var timer;
+var current = 3;
+
+function create() {
+
+    game.stage.backgroundColor = '#000';
+
+    pictureA = game.add.sprite(game.world.centerX, game.world.centerY, 'picture1');
+    pictureA.anchor.setTo(0.5, 0.5);
+    pictureA.scale.setTo(2, 2);
+
+    pictureB = game.add.sprite(game.world.centerX, game.world.centerY, 'picture2');
+    pictureB.anchor.setTo(0.5, 0.5);
+    pictureB.scale.setTo(2, 2);
+    pictureB.alpha = 0;
+
+    //  Create our Timer
+    timer = game.time.create(false);
+
+    //  Set a TimerEvent to occur after 3 seconds
+    timer.add(3000, fadePictures, this);
+
+    //  Start the timer running - this is important!
+    //  It won't start automatically, allowing you to hook it to button events and the like.
+    timer.start();
+
+}
+
+function fadePictures() {
+
+    //  Cross-fade the two pictures
+    var tween;
+
+    if (pictureA.alpha === 1)
+    {
+        tween = game.add.tween(pictureA).to( { alpha: 0 }, 2000, Phaser.Easing.Linear.None, true);
+        game.add.tween(pictureB).to( { alpha: 1 }, 2000, Phaser.Easing.Linear.None, true);
+    }
+    else
+    {
+        game.add.tween(pictureA).to( { alpha: 1 }, 2000, Phaser.Easing.Linear.None, true);
+        tween = game.add.tween(pictureB).to( { alpha: 0 }, 2000, Phaser.Easing.Linear.None, true);
+    }
+
+    //  When the cross-fade is complete we swap the image being shown by the now hidden picture
+    tween.onComplete.add(changePicture, this);
+
+}
+
+function changePicture() {
+
+    if (pictureA.alpha === 0)
+    {
+        pictureA.loadTexture('picture' + current);
+    }
+    else
+    {
+        pictureB.loadTexture('picture' + current);
+    }
+
+    current++;
+
+    if (current > 7)
+    {
+        current = 1;
+    }
+
+    //  And set a new TimerEvent to occur after 3 seconds
+    timer.add(3000, fadePictures, this);
+
+}
+
+function render() {
+
+    game.debug.renderText("Time until event: " + timer.duration.toFixed(0), 10, 20);
+
+}