Collision is one of the important aspects of gaming. Here, in this recipe, a car bangs with a bird and there is an explosion. The output looks as follows:
The HTML code is as follows:
<html>
<head>
<meta charset="UTF-8" />
<title>Collision</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,update: update});
var car1;
var car2;
function preload() {
game.load.image('car1','gameimages/car1.png');
game.load.image('bird','gameimages/bluebird.png');
game.load.spritesheet('explosion','gameimages/explosion.png',64,64,23);
}
function create() {
game.physics.startSystem(Phaser.Physics.ARCADE);
car1=game.add.sprite(100,100,'car1');
...