Game 2 – Catapult
Though the name is Catapult, you will not see a catapult while playing the game. However, with some work on graphics, you can surely add a catapult. I named it as Catapult as it has the functionality of catapult (drag and release). In the game, you have to drag and release the stone to make it hit the objects. The output looks like the following:
How to do it…
The HTML code is as follows:
<html>
<head>
<meta charset="UTF-8" />
<title>Catapult</title>
<script src="../phaser-master/build/phaser.min.js"></script>
</head>
<body>
<h2>Catapult</h2>
<h2>Drag and release the stone in a desired direction</h2>
<h2>Only 5 stones(chances) are available</h2>
<script type="text/javascript">
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create,update: update,render: render});
var stone;
var backgr...
