mirror of
https://github.com/photonstorm/phaser
synced 2024-12-04 02:20:23 +00:00
38 lines
1.3 KiB
JavaScript
38 lines
1.3 KiB
JavaScript
|
|
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });
|
|
|
|
function preload() {
|
|
|
|
// Phaser can load texture atlas files that use the Starling XML file format.
|
|
|
|
// As with all load operations the first parameter is a unique key, which must be unique between all image files.
|
|
|
|
// Next is the texture atlas itself, in this case seacreatures.png
|
|
// Finally is the path to the XML file that goes with the atlas.
|
|
game.load.atlasXML('seacreatures', 'assets/sprites/seacreatures.png', 'assets/sprites/seacreatures.xml');
|
|
|
|
// Note that the XML file should be saved with UTF-8 encoding or some browsers (such as Firefox) won't load it.
|
|
|
|
|
|
|
|
// These are just a few images to use in our underwater scene.
|
|
game.load.image('undersea', 'assets/pics/undersea.jpg');
|
|
game.load.image('coral', 'assets/pics/seabed.png');
|
|
|
|
}
|
|
|
|
var jellyfish;
|
|
|
|
function create() {
|
|
|
|
game.add.sprite(0, 0, 'undersea');
|
|
|
|
jellyfish = game.add.sprite(330, 100, 'seacreatures');
|
|
jellyfish.animations.add('swim', Phaser.Animation.generateFrameNames('greenJellyfish', 0, 39, '', 4), 30, true);
|
|
jellyfish.animations.play('swim');
|
|
|
|
game.add.sprite(0, 466, 'coral');
|
|
|
|
game.add.tween(jellyfish).to({ y: 250 }, 4000, Phaser.Easing.Quadratic.InOut, true, 0, 10000, true);
|
|
|
|
}
|