-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (54 loc) · 2.29 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>
<html lang="en-US">
<head>
<script src="jquery.1.7.2.min.js"></script>
<script src="colors.min.js"></script>
<script src="jquery.hotkeys.js"></script>
<script type="text/javascript" src="jquery.jrumble.1.3.min.js"></script>
<script type="text/javascript" src="animations.js"></script>
<script type="text/javascript" src="hotkeys.js"></script>
<link href="styles.css" type="text/css" rel="stylesheet" media="all" />
</head>
<body>
<div class="container" style="display:none">
<canvas id="game-canvas">
Aww, your browser doesn't support HTML5!
</canvas>
<div id="mainMenu">
<a class="button" href="javascript:init()">PLAY</a>
</div>
<div id="gameOverMenu">
<h1>GAME OVER</h1>
<h3 id="go_score">you scored 0 points</h3>
<a class="button" href="javascript:reset()">RESTART</a>
</div>
<!-- Preloading image ;) -->
<img id="sprite" src="img/djsprite.png" style="display:none"/>
<div id="scoreBoard">
<p id="score">0</p>
</div>
</div>
<div id="display">
<div id="bandname"><div class="rumble">SLIME GIRLS</div></div>
<div id="scrollgirls" style="position:fixed;width:100%;height:100%;">
<marquee id="scrollgirl1" class="scrollgirl" scrollamount="100" direction="up" height="100%" width="100%" style="display:none;">
<img src="img/bikini2pixels.png" width="80%" />
</marquee>
<marquee id="scrollgirl2" class="scrollgirl" scrollamount="50" direction="left" height="100%" width="100%" style="display:none;">
<img src="img/bikini1pixels.png" width="80%" />
</marquee>
<marquee id="scrollgirl3" class="scrollgirl" scrollamount="100" direction="up" height="100%" width="100%" style="display:none;">
<img src="img/bikini3pixels.png" width="80%" />
</marquee>
</div>
<div id="beats">
<div class="beat fullscreen"></div>
</div>
<canvas id="canvas1" width="1500" height="1000"></canvas>
<canvas id="canvas2" width="1000" height="500" style="z-index:-10"></canvas>
</div>
<!-- <video src="owls.mp4" style="width:100%;height:100%;position:absolute;top:0;left:0;z-index: -20;" autoplay="true"></video> -->
<link href="game-style.css" type="text/css" rel="stylesheet" media="all" />
<script src="game-script.js" type="text/javascript"></script>
</body>
</html>