mirror of
https://github.com/photonstorm/phaser
synced 2024-12-11 22:03:09 +00:00
38 lines
No EOL
904 B
PHP
38 lines
No EOL
904 B
PHP
<?php
|
|
$title = "Animation from a Texture Atlas";
|
|
require('../head.php');
|
|
?>
|
|
|
|
<script type="text/javascript">
|
|
|
|
(function () {
|
|
|
|
var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { preload: preload, create: create });
|
|
|
|
function preload() {
|
|
game.load.atlasJSONHash('bot', 'assets/sprites/running_bot.png', 'assets/sprites/running_bot.json');
|
|
}
|
|
|
|
function create() {
|
|
|
|
// This sprite is using a texture atlas for all of its animation data
|
|
var bot = game.add.sprite(200, 200, 'bot');
|
|
|
|
// Here we add a new animation called 'run'
|
|
// We haven't specified any frames because it's using every frame in the texture atlas
|
|
bot.animations.add('run');
|
|
|
|
// And this starts the animation playing by using its key ("run")
|
|
// 15 is the frame rate (15fps)
|
|
// true means it will loop when it finishes
|
|
bot.animations.play('run', 15, true);
|
|
|
|
}
|
|
|
|
})();
|
|
|
|
</script>
|
|
|
|
<?php
|
|
require('../foot.php');
|
|
?>
|