forked from mojotech/dr_mojo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
dr_mojo.html
94 lines (83 loc) · 3.22 KB
/
dr_mojo.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
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="styles/styles.css"/>
<script src="javascripts/lib/jquery-1.8.2.min.js"></script>
<script src="javascripts/lib/underscore.js"></script>
<script src="javascripts/lib/backbone-min.js"></script>
<script src="http://www.parsecdn.com/js/parse-1.1.1.min.js"></script>
</head>
<div id="columnOne"> <!--Begin Column One-->
<div id="clipboardLeft">
<p class="clipboardTop">
<img src="images/clipboard_top.png">
</p>
<div id="highScore">
<div class="text"> TOP </div>
<div class="score"></div>
</div>
<div id="score">
<div class="text"> SCORE </div>
<div class="score"></div>
</div>
</div>
<div class="clipboardBottom"></div>
<div id="dancingViruses">
<img src="images/magnifying_glass.png">
<div id="magnifyingGlass">
<img id="animatedViruses" src="images/animated_viruses.gif">
</div>
</div>
</div>
<div id="columnTwo"> <!--Begin Column Two-->
<div id="hold">
<div id="gameTop"></div>
<canvas id="game"></canvas>
</div>
</div>
<div id="columnThree"> <!--Begin Column Three-->
<div id="HUD">
<p>
<img src="images/mojo_logo.png">
</p>
</div>
<div id="clipboardRight">
<p class="clipboardTop">
<img src="images/clipboard_top.png">
</p>
<div id="viruses"></div>
<dl class="controls">
<dt>a:</dt>
<dd>Rotates vitamin capsules to the right (clockwise).</dd>
<dt>s:</dt>
<dd>Rotates vitamin capsules to the left (counter clockwise).</dd>
<dt>Left & Right:</dt>
<dd>Moves vitamin capsules left and right.</dd>
<dt>Down Arrow:</dt>
<dd>Drops vitamin capsule down quickly.</dd>
<dt>Space:</dt>
<dd>Pauses the Game.</dd>
<dt>?:</dt>
<dd>Display gameplay instructions.</dd>
</dl>
<div id="instructions">
<p>Goal Of The Game</p>
<p>Destroy the viruses by using the right vitamin capsules. When all of the viruses in the bottle are destroyed, you progress to the next stage. If the bottle gets filled all the way to the top, the game is over.</p>
<p>How To Eliminate Viruses</p>
<p>As the vitamin capsules drop use the Z or X keys to rotate them. Try to match up four of the same color in a vertical or horizontal row. If you do this, all four will disappear. With a little practice you'll be able to get rid of all the viruses!"</p>
</div>
</div>
<div class="clipboardBottom"></div>
</div>
<!--Begin Scripts-->
<script src="javascripts/PieceDrawer.js"></script>
<script src="javascripts/board.js"></script>
<script src="javascripts/collisionDetector.js"></script>
<script src="javascripts/pill.js"></script>
<script src="javascripts/virus.js"></script>
<script src="javascripts/game.js"></script>
<script src="javascripts/level.js"></script>
<script src="javascripts/main.js"></script>
<script src="javascripts/Utils.js"></script>
<script src="javascripts/score.js"></script>
</html>