Using sprites from the sprite sheet
This recipe shows you fruit falling from top of the screen and slowly filling the canvas. It shows the usage of a sprite sheet and creation of sprites. The output looks as shown here:
How to do it…
The HTML code is as follows:
<html>
<head>
<meta charset="UTF-8" />
<title>Sprites</title>
<script src="../phaser-master/build/phaser.min.js"></script>
</head>
<body>
<script type="text/javascript">
var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', {preload: preload,create: create});
var group1;
var sprite;
var timer;
function preload() {
game.load.spritesheet('fandi', 'gameimages/fruitsinsects.png', 64, 64);
}
function create() {
game.physics.startSystem(Phaser.Physics.ARCADE);
group1=game.add.group();
group1.enableBody=true;
timer=game.time.create(false);
timer.loop(1000,releaseObject...
