Skip to content

Commit 71b7ead

Browse files
committed
Init
0 parents  commit 71b7ead

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

41 files changed

+942
-0
lines changed

css/style.css

+219
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,219 @@
1+
/* http://meyerweb.com/eric/tools/css/reset/
2+
v2.0 | 20110126
3+
License: none (public domain)
4+
*/
5+
html, body, div, span, applet, object, iframe,
6+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
7+
a, abbr, acronym, address, big, cite, code,
8+
del, dfn, em, img, ins, kbd, q, s, samp,
9+
small, strike, strong, sub, sup, tt, var,
10+
b, u, i, center,
11+
dl, dt, dd, ol, ul, li,
12+
fieldset, form, label, legend,
13+
table, caption, tbody, tfoot, thead, tr, th, td,
14+
article, aside, canvas, details, embed,
15+
figure, figcaption, footer, header, hgroup,
16+
menu, nav, output, ruby, section, summary,
17+
time, mark, audio, video {
18+
margin: 0;
19+
padding: 0;
20+
border: 0;
21+
font-size: 100%;
22+
font: inherit;
23+
vertical-align: baseline;
24+
}
25+
article, aside, details, figcaption, figure,
26+
footer, header, hgroup, menu, nav, section {
27+
display: block;
28+
}
29+
body {
30+
line-height: 1;
31+
}
32+
ol, ul {
33+
list-style: none;
34+
}
35+
blockquote, q {
36+
quotes: none;
37+
}
38+
blockquote:before, blockquote:after,
39+
q:before, q:after {
40+
content: '';
41+
content: none;
42+
}
43+
table {
44+
border-collapse: collapse;
45+
border-spacing: 0;
46+
}
47+
48+
/* end reset */
49+
50+
/* Start Styles */
51+
body, html{
52+
position:absolute;
53+
background-color: #000;
54+
overflow:hidden;
55+
height:595px;
56+
width:100%;
57+
font-family: "Slackey";
58+
text-shadow: 1px 1px 1px #000000;
59+
filter: dropshadow(color=#000000, offx=1, offy=1);
60+
}
61+
62+
#player {
63+
position:absolute;
64+
top:0;
65+
left:0;
66+
padding:0;
67+
margin:0;
68+
}
69+
#playerSprite {
70+
position:absolute;
71+
top:0;
72+
left:0;
73+
padding:0;
74+
margin:0;
75+
}
76+
.enemy {
77+
position:absolute;
78+
top:0;
79+
left:0;
80+
padding:0;
81+
margin:0;
82+
}
83+
.enemySprite {
84+
position:absolute;
85+
top:0;
86+
left:0;
87+
padding:0;
88+
margin:0;
89+
}
90+
#floor {
91+
position:absolute;
92+
top:420px;
93+
background-image:url("../img/Floor.jpeg");
94+
width:100%;
95+
height:100%;
96+
}
97+
#thumbControlBG{
98+
position: absolute;
99+
opacity:0.5;
100+
display:none;
101+
}
102+
#thumbControl{
103+
position: absolute;
104+
opacity:0.5;
105+
display:none;
106+
width:50px;
107+
}
108+
#jumpControl{
109+
position: absolute;
110+
bottom:20px;
111+
right:20px;
112+
opacity:0.5;
113+
}
114+
#startGame{
115+
position: absolute;
116+
top:0;
117+
left:0;
118+
width:100%;
119+
height:100%;
120+
background-color: rgba(0,0,0,0.7);
121+
color:#FFF;
122+
text-align: center;
123+
padding:0;
124+
margin:0;
125+
font-size: 25px;
126+
}
127+
#startGame p{
128+
width:800px;
129+
margin:auto;
130+
}
131+
#enemyPlaceholder{
132+
position: absolute;
133+
top:0;
134+
left:0;
135+
}
136+
#world{
137+
position: absolute;
138+
top:0;
139+
left:0;
140+
width:2000px;
141+
height:100%;
142+
}
143+
#bg0 {
144+
position: absolute;
145+
top:0;
146+
left:0;
147+
width:2000px;
148+
height:425px;
149+
background-image: url('../img/Tile1x1.png');
150+
}
151+
#bg1 {
152+
position: absolute;
153+
top:0;
154+
left:0;
155+
width:2000px;
156+
height:425px;
157+
background-image: url('../img/Buffet_FG.png');
158+
}
159+
#bg2 {
160+
position: absolute;
161+
top:0;
162+
left:0;
163+
width:2000px;
164+
height:425px;
165+
background-image: url('../img/Columns.png');
166+
background-position: -25px 0;
167+
}
168+
#fg0 {
169+
position: absolute;
170+
top:auto;
171+
bottom:0;
172+
left:0;
173+
width:2500px;
174+
height:132px;
175+
background-image: url('../img/Rope.png');
176+
}
177+
#fg1 {
178+
position: absolute;
179+
top:auto;
180+
bottom:-10px;
181+
left:0;
182+
width:2500px;
183+
height:280px;
184+
background: url('../img/Buffet.png') repeat-x; margin-left:-100px;
185+
}
186+
#crabCount{
187+
position:fixed;
188+
top:0;
189+
right:0;
190+
margin:10px;
191+
font-size: 50px;
192+
text-align:center;
193+
padding:25px 0 0 0;
194+
background-image:url('../img/Claw.png');
195+
background-repeat:no-repeat;
196+
width:161px;
197+
height:110px;
198+
color:#FFF;
199+
200+
}
201+
#healthBar{
202+
position:fixed;
203+
top:0;
204+
left:0;
205+
margin:10px;
206+
font-size: 50px;
207+
text-align:left;
208+
padding:20px;
209+
width:200px;
210+
height:170px;
211+
color:#F00;
212+
opacity: 0.7;
213+
}
214+
#betaTag{
215+
position:absolute;
216+
bottom:10px;
217+
left:10px;
218+
color:#999;
219+
}

img/Buffet.png

44.6 KB
Loading

img/Buffet_FG.png

232 KB
Loading

img/Claw.png

5.06 KB
Loading

img/Columns.png

84.5 KB
Loading

img/CoreyEating.gif

10.5 KB
Loading

img/CoreyHurt.gif

12.3 KB
Loading

img/CoreyRun.gif

24.7 KB
Loading

img/CoreyStand.gif

17.1 KB
Loading

img/Crab.gif

221 KB
Loading

img/CrabDeath.gif

181 KB
Loading

img/CrabDeathEnd.png

4.95 KB
Loading

img/CrabNom0.png

3.01 KB
Loading

img/CrabNom1.png

3.59 KB
Loading

img/CrabNom2.png

4.21 KB
Loading

img/Floor.jpeg

19.5 KB
Loading

img/Hit0.gif

6.84 KB
Loading

img/Hit1.gif

11.9 KB
Loading

img/Hit2.gif

20.8 KB
Loading

img/Hit3.gif

20.5 KB
Loading

img/Hit4.gif

6.2 KB
Loading

img/Rope.png

3.88 KB
Loading

img/SplashScreen.png

889 KB
Loading

img/Tile1x1.png

1.81 KB
Loading

img/WetNap.gif

127 KB
Loading

img/bg.gif

11.7 KB
Loading

img/circle.gif

360 Bytes
Loading

img/instruct.png

41.2 KB
Loading

index.html

+71
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
6+
<title>CrayZCrabz Beta</title>
7+
<link href='http://fonts.googleapis.com/css?family=Slackey&v2' rel='stylesheet' type='text/css'>
8+
<link rel="stylesheet" href="css/style.css" type="text/css">
9+
<script type="text/javascript" src="js/Stats.js"></script>
10+
<script type="text/javascript" src="js/game.js"></script>
11+
</head>
12+
<body>
13+
<!--<div id="bg2"></div>-->
14+
<div id="bg0"></div>
15+
<div id="bg1"></div>
16+
<!--<div id="bg2"></div>-->
17+
18+
<div id="world">
19+
<div id="levelPlaceholder">
20+
<div id="floor"></div>
21+
</div>
22+
23+
<div id="player">
24+
<img id="playerSprite" src="./img/CoreyStand.gif" />
25+
</div>
26+
27+
<div id="enemyPlaceholder">
28+
</div>
29+
</div>
30+
31+
<div id="fg1"></div>
32+
<div id="fg0"></div>
33+
34+
<div id="healthBar">&hearts;&hearts;&hearts;&hearts;</div>
35+
<div id="crabCount">0</div>
36+
37+
<img id="thumbControlBG" src="./img/circle.gif" />
38+
<img id="thumbControl" src="./img/circle.gif" />
39+
40+
<div id="startGame">
41+
<img src="img/instruct.png" width="300px" border="0" />
42+
<p>
43+
Press <font color='#71C1DE'>SPACEBAR</font> to Jump on the crabs, then stand over them and press <font color='#71C1DE'>DOWN</font> to eat them!
44+
<br /><br />
45+
Eat as many as you can before the crabs take over <font color='#71C1DE'>SUPER BUFFET</font>!
46+
<br /><br />
47+
<font color='#71C1DE'>Click anywhere to start!</font>
48+
</p>
49+
</div>
50+
<audio id="music" src="./sounds/music.mp3" autoplay="true" preload="auto" loop="true"></audio>
51+
<audio id="burp0" src="./sounds/burp0.mp3" autoplay="false" preload="auto" loop="false"></audio>
52+
<audio id="burp1" src="./sounds/burp1.mp3" autoplay="false" preload="auto" loop="false"></audio>
53+
<audio id="burp2" src="./sounds/burp2.mp3" autoplay="false" preload="auto" loop="false"></audio>
54+
<audio id="burp3" src="./sounds/burp3.mp3" autoplay="false" preload="auto" loop="false"></audio>
55+
<audio id="crunch" src="./sounds/crunch.mp3" autoplay="false" preload="auto" loop="false"></audio>
56+
<audio id="hit" src="./sounds/Hit.mp3" autoplay="false" preload="auto" loop="false"></audio>
57+
<audio id="crack" src="./sounds/crack.mp3" autoplay="false" preload="auto" loop="false"></audio>
58+
<audio id="gameOver" src="./sounds/gameOver.mp3" autoplay="false" preload="auto" loop="false"></audio>
59+
<div id="betaTag">CrayZcrabz<br />beta v0.5</div>
60+
<script type="text/javascript">
61+
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
62+
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
63+
</script>
64+
<script type="text/javascript">
65+
try {
66+
var pageTracker = _gat._getTracker("UA-3514633-2");
67+
pageTracker._trackPageview();
68+
} catch(err) {}
69+
</script>
70+
</body>
71+
</html>

js/Stats.js

+10
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)