The deployment of a game on a mobile phone is quite interesting. First, let me tell you that all the experiments for the recipe were performed on an Android phone. The output of the game would be the same as seen in the previous chapter for the game named Fruit Basket. However, as the window of every device is different, the size of the game will change as per the display screen.
The recipe is as follows:
The HTML code:
<html>
<head>
<meta charset="UTF-8" />
<title>Game1: Fruit Basket</title>
<scriptsrc="js/phaser.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/stylesheet1.css"/>
</head>
<body>
<center>
<div id="header" align="center">
<h1 id="title">Fruit Basket</h1>
<p>Touch on left or right of the basket to move it.<br>
Double tap whenever you get bored</p>
</div>...