/
index.html
67 lines (55 loc) · 2.66 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<meta charset="UTF-8">
<head>
<meta charset="UTF-8">
<script src="src/hamster.js"></script>
<script src="src/food.js"></script>
<script src="src/music.js"></script>
<script src="src/phaser.js"></script>
<script src="src/boot.js"></script>
<script src="src/preloader.js"></script>
<script src="src/game.js"></script>
<script src="src/frontend.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Hipstergotchi</title>
</head>
<body>
<div id="actionBar">
<button id="sleepBnt" onclick="onSleep()"><span>Sleep</span></button>
<button id="toiletBnt" onclick="onToilet()"><span>Toilet</span></button>
<button id="clubbingBnt" onclick="onClubbing()"><span>Clubbing</span></button>
<button id="sweetsBnt" onclick="onSweets()"><span>Sweets</span></button>
<button id="petBnt" onclick="onPet()"><span>Pet</span></button>
<button id="quinoaBnt" onclick="onQuinoa()"><span>Quinoa</span></button>
<button id="burgerBnt" onclick="onBurger()"><span>Burger</span></button>
<button id="beerBnt" onclick="onBeer()"><span>Beer</span></button>
<button id="veganBnt" onclick="onVegan()"><span>Vegan</span></button>
<button id="edamameBnt" onclick="onEdamame()"><span>Edamame</span></button>
<button id="donerBnt" onclick="onDoener()"><span>Döner</span></button>
</div>
<div id="tickCount">1337</div>
<br>
<div id="gameContainer"></div>
<br>
<div id="bars">
<div>Hunger <progress id="hungerBar" value="20" max="100"></progress></div>
<div>Happiness <progress id="happinessBar" value="80" max="100"></progress></div>
<div>Health <progress id="healthBar" value="80" max="100"></progress></div>
</div>
<script type="text/javascript">
var game;
window.onload = function() {
// Create your Phaser game and inject it into the gameContainer div.
// We did it in a window.onload event, but you can do it anywhere (requireJS load, anonymous function, jQuery dom ready, - whatever floats your boat)
game = new Phaser.Game(500, 500, Phaser.AUTO, 'gameContainer');
// Add the States your game has.
// You don't have to do this in the html, it could be done in your Boot state too, but for simplicity I'll keep it here.
game.state.add('Boot', Hipstergotchi.Boot);
game.state.add('Preloader', Hipstergotchi.Preloader);
game.state.add('Game', Hipstergotchi.Game);
// Now start the Boot state.
game.state.start('Boot');
};
</script>
</body>
</html>