The key to developing a game is to go systematically step by step. Therefore, understanding the basic states of games is necessary. Here, I tried to keep it as simple as possible. The sky is the limit for you to try various experiments using the Phaser library with the HTML5 Canvas. In this recipe, you will see an updated date and time. The purpose of this recipe is to let you understand the states of a game. The output shown here is of less importance than the code:
The recipe is as follows:
<html>
<head>
<meta charset="UTF-8" />
<title>The Gaming States</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,render: render});
var today;
function preload()
{
...