2013-08-30 03:20:14 +00:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>phaser.js - a new beginning</title>
|
|
|
|
|
<?php
|
|
|
|
|
require('js.php');
|
|
|
|
|
?>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
|
|
(function () {
|
|
|
|
|
|
|
|
|
|
var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update });
|
|
|
|
|
|
|
|
|
|
var bunny;
|
|
|
|
|
|
|
|
|
|
function preload() {
|
2013-08-30 16:09:43 +00:00
|
|
|
// 37x45 is the size of each frame
|
|
|
|
|
// There are 18 frames in the PNG - you can leave this value blank if the frames fill up the entire PNG, but in this case there are some
|
|
|
|
|
// blank frames at the end, so we tell the loader how many to load
|
|
|
|
|
game.load.spritesheet('ms', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
|
2013-08-30 03:20:14 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function create() {
|
|
|
|
|
|
2013-08-30 17:56:10 +00:00
|
|
|
bunny = game.add.sprite(40, 100, 'ms');
|
2013-08-30 03:20:14 +00:00
|
|
|
|
2013-08-30 16:09:43 +00:00
|
|
|
bunny.animations.add('walk');
|
|
|
|
|
|
|
|
|
|
bunny.animations.play('walk', 50, true);
|
|
|
|
|
|
|
|
|
|
game.add.tween(bunny).to({ x: game.width }, 10000, Phaser.Easing.Linear.None, true);
|
2013-08-30 03:20:14 +00:00
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
2013-08-30 17:56:10 +00:00
|
|
|
// update isn't called until 'create' has completed. If you need to process stuff before that point (i.e. while the preload is still happening)
|
|
|
|
|
// then create a function called loadUpdate() and use that
|
2013-08-30 03:20:14 +00:00
|
|
|
function update() {
|
2013-08-30 17:56:10 +00:00
|
|
|
|
|
|
|
|
if (bunny.x >= 300)
|
|
|
|
|
{
|
|
|
|
|
bunny.scale.x += 0.01;
|
|
|
|
|
bunny.scale.y += 0.01;
|
|
|
|
|
}
|
|
|
|
|
|
2013-08-30 03:20:14 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
})();
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
