-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (88 loc) · 3.39 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>#bagels4ever</title>
<script type="text/javascript" src="//cdn.jsdelivr.net/phaser/2.2.2/phaser.min.js"></script>
</head>
<body>
<script type="text/javascript">
var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload});
var menuSprites;
var WebFontConfig = {
active: function() {
game.time.events.add(Phaser.Timer.SECOND, createText, this);
},
google: {
families: ['Press Start 2P']
}
}
function preload() {
game.load.script("webfont", "//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js");
game.load.image('hungry-elizabeth', 'assets/hungry-elizabeth.png');
game.load.image('hungry-fang', 'assets/hungry-fang.png');
game.load.image('hungry-shu', 'assets/hungry-shu.png');
game.load.image('hungry-mike', 'assets/hungry-mike.png');
game.load.image('bagel', 'assets/bagel.png');
}
function createText() {
createSprites();
mainMenuText = game.add.text(game.world.centerX, 100, "MAIN MENU", {fill: '#fff'});
mainMenuText.font = 'Press Start 2P';
mainMenuText.fontSize = '40px';
bagelDriveText = game.add.text(game.world.centerX, 175, "DRIVE THE BAGELMOBILE", {fill: '#fff'});
bagelDriveText.font = 'Press Start 2P';
bagelDriveText.fontSize = '25px';
bagelMissionText = game.add.text(game.world.centerX, 250, "FEED HUNGRY MIKE", {font: '25px Press Start 2P', fill: '#fff'});
bagelMissionText.font = 'Press Start 2P';
bagelMissionText.fontSize = '25px';
eatTheBagelText = game.add.text(game.world.centerX, 325, "EAT YOUR BAGEL", {fill: '#fff'});
eatTheBagelText.font = 'Press Start 2P';
eatTheBagelText.fontSize = '25px';
dodgeTheVeggiesText = game.add.text(game.world.centerX, 400, "DODGE THE VEGGIES", {fill: '#fff'});
dodgeTheVeggiesText.font = 'Press Start 2P';
dodgeTheVeggiesText.fontSize = '25px';
// set anchors and input events
mainMenuText.anchor.setTo(0.5, 0.5);
bagelDriveText.anchor.setTo(0.5, 0.5);
bagelMissionText.anchor.setTo(0.5, 0.5);
eatTheBagelText.anchor.setTo(0.5, 0.5);
dodgeTheVeggiesText.anchor.setTo(0.5, 0.5);
bagelDriveText.inputEnabled = true;
bagelMissionText.inputEnabled = true;
eatTheBagelText.inputEnabled = true;
dodgeTheVeggiesText.inputEnabled = true;
bagelDriveText.events.onInputDown.add(goToBagelGame, {url: 'bagel-drive'});
bagelMissionText.events.onInputDown.add(goToBagelGame, {url: 'feed-mike'});
eatTheBagelText.events.onInputDown.add(goToBagelGame, {url: 'eat-the-bagel'});
dodgeTheVeggiesText.events.onInputDown.add(goToBagelGame, {url: 'dont-eat-vegetables'});
}
function createSprites() {
mike = game.add.sprite(700, 400, 'hungry-mike');
mike.scale.setTo(0.9, 0.9);
fang = game.add.sprite(100, 310, 'hungry-fang');
fang.scale.setTo(0.45, 0.45);
elizabeth = game.add.sprite(250, 500, 'hungry-elizabeth');
elizabeth.scale.setTo(0.6, 0.6);
shu = game.add.sprite(460, 500, 'hungry-shu');
shu.scale.setTo(1.2, 1.2);
menuSprites = [mike, fang, elizabeth, shu];
menuSprites.forEach(function(sprite) {
game.physics.enable(sprite, Phaser.Physics.ARCADE);
sprite.anchor.setTo(0.5, 0.5);
sprite.angle = 325;
sprite.body.angularVelocity = 75;
});
game.time.events.loop(Phaser.Timer.SECOND, changeAngularVelocity, this);
}
function changeAngularVelocity() {
menuSprites.forEach(function(sprite) {
sprite.body.angularVelocity *= -1;
});
}
function goToBagelGame() {
window.location.href = this.url;
}
</script>
</body>
</html>