-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (61 loc) · 2.01 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
<!DOCTYPE html>
<html>
<head>
<title> SKULL </title>
<meta charset="utf8"/>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<header>
<h1> SKULL </h1>
</header>
<canvas id="c">
</canvas>
<section id="options">
<h2>Renderer</h2>
<input type="radio" name="renderer" value="2d" checked>
Canvas
</input>
<input type="radio" name="renderer" value="gl">
WebGL (Experimental)
</input>
</section>
<section id="controls">
<h2>How to Play</h2>
<ul>
<li>Move 😃 with WASD/HJKL/⬅⬆⬇➡ Keys</li>
<li>Collect ⭐'s to win points</li>
<li>Run away from 💀's to avoid death</li>
</ul>
</section>
<section id="about">
<h2>About the Game</h2>
<p>
I started programming at age twelve when an older student at my
school showed me that all you really needed to build video games
was a laptop and an idea. I spent months tinkering with
<a href="https://www.yoyogames.com/gamemaker"> Game Maker </a>,
building as many games as I could to show my friends.
<b>SKULL</b> is a remake of the first of those games, built with
HTML5 canvas and Javascript, it follows in the footsteps of its
predecessor by using no art what so ever, relying on emojis
rather than custom sprites.
</p>
<p>
You can see the rest of my portfolio
<a href="https://fryeb.github.io/#projects"> here </a>.
Or check out the code behind
<a href="https://github.com/fryeb/SKULL"> this game </a>
and others on <a href="https://github.com/fryeb"> GitHub </a>
</p>
</section>
<script src="webgl-debug.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gl-matrix/2.7.1/gl-matrix-min.js">
</script>
<script src="draw.js"></script>
<script src="draw_canvas.js"></script>
<script src="draw_gl.js"></script>
<script src="app.js"></script>
</body>
</html>