-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (78 loc) · 4.27 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name ="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
<title>Steven Seagull by AwesomeHDX</title>
<style>
canvas {
image-rendering: optimizeSpeed;
-webkit-interpolation-mode: nearest-neighbor;
-ms-touch-action: none;
margin: 0px;
padding: 0px;
border: 0px;
}
:-webkit-full-screen #canvas {
width: 100%;
height: 100%;
}
div.gm4html5_div_class {
margin: 0px;
padding: 0px;
border: 0px;
}
:-webkit-full-screen {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<header>
<div class="container">
<h1>Steven Seagull</h1>
<h2>A game created in just 36 hours at the <a href="http://www.arcticgamejam.com/">Arctic Game Jam</a>, Tromsø, 12-14 September 2014</h2>
</div>
</header>
<div class="container">
<section id="main_content">
<p>Tromsø is being terrorized by a cursed were-seagull. In order to turn back into a man, the seagull must pass the curse on to another by connecting with an attack.</p>
<p>Steven is walking along the sea-front eating a tasty kebab. He must try to finish his meal while avoiding the seagull's attacks.</p>
<div class="gm4html5_div_class" id="gm4html5_div_id">
<!-- Create the canvas element the game draws to -->
<canvas id="canvas" width="1024" height="768">
<p>Your browser doesn't support HTML5 canvas.</p>
</canvas>
</div>
<!-- Run the game code -->
<script type="text/javascript" src="html5game/StevenSeagull.js?OOPZB=1305624359"></script>
<h2>How to play</h2>
<ol>
<li>Player one starts as Seagull; player 2 starts as Steven.</li>
<li>Both players move at a fixed speed and can change direction by pressing button 1.</li>
<li>Seagull can attack Steven by pressing button 2.</li>
<li>Steven can eat his kebab by pressing button 2. While he is eating, his "shish-ke-bar" reduces slowly, and he is more vulnerable to attack.</li>
<li>If Seagull’s attack connects, the curse is passed on and the players change places, with Steven becoming Seagull and vice versa.</li>
<li>The first player to finish their kebab (as Steven) wins the game.</li>
</ol>
<h2><a name="team" class="anchor" href="#team"><span class="octicon octicon-link"></span></a>Team</h2>
<ul>
<li>Sound: <a href="https://github.com/jorgenmathiasolsen">Jørgen Mathias Olsen</a></li>
<li>Art: <a href="https://github.com/arnievank">Arnie Van Kerwel</a></li>
<li>Code: <a href="https://github.com/sveinjo">Svein-Gunnar Johansen</a> and <a href="https://github.com/graphiclunarkid">Richard King</a></li>
</ul>
<h2><a name="copyright" class="anchor" href="#copyright"><span class="octicon octicon-link"></span></a>Copyright</h2>
<p>Steven Seagull is © 2014 <a href="/">AwesomeHDX</a>, all rights reserved.</p>
</section>
</div>
</body>
</html>