This repository has been archived by the owner on Jan 19, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
96 lines (76 loc) · 4.48 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
96
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Hackable Games</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
<header>
<h1>Hackable Games</h1>
<p>Build Hackable Games @ <a href="http://mozillafestival.org">Mozfest!</a></p>
<p class="view"><a href="https://github.com/mozilla/hackablegames">View the Project on GitHub <small>mozilla/hackablegames</small></a></p>
<ul>
<li><a href="https://github.com/mozilla/hackablegames/zipball/develop">Download <strong>ZIP File</strong></a></li>
<li><a href="https://github.com/mozilla/hackablegames/tarball/develop">Download <strong>TAR Ball</strong></a></li>
<li><a href="https://github.com/mozilla/hackablegames">View On <strong>GitHub</strong></a></li>
</ul>
<p class="centered lowered">
<a href="http://hackagame.org">
<img src="images/logo-grey.png"></br>
Visit the hackagame.org website
</a>
</p>
</header>
<section>
<h3>Hackable Games?</h3>
<p>A game is hackable if players, who don't necessarily identify as developers or coders, can change aspects of the game and share their changes with other players. The web is a great platform for hackable games because the technology is open and you can always view the source.</p>
<h3>Thimble for Games</h3>
<p>We built a webmaker tool called <a href="http://thimble.webmaker.org">thimble</a>, and then we modified it to support JavaScript so that we could use it to build hackable games.</p>
<p>There are two prototype games, <a href="https://github.com/mozilla/hackablegames/blob/develop/examples/pong.html">Pong</a> and <a href="https://github.com/mozilla/hackablegames/blob/develop/examples/pong.html">Arkanoid</a>; You can play or remix them on <a href="http://hackagame.org">hackagame.org</a>.
<p>There are also two APIs that you can hack with, depending on what you want to focus on:</p>
<ul>
<li><a href="https://raw.github.com/mozilla/hackablegames/develop/examples/physics-data-attributes.txt">The HTML API</a> will tell you what you can do in HTML to our game templates by modifying element attributes</li>
<li><a href="https://raw.github.com/mozilla/hackablegames/develop/examples/physics-bounce-API.txt">The JavaScript API</a> will tell you which functions you can call in "onbounce" handling. There's only a few functions right now, but you can already use them for quite a few game mechanics. Do you need more? Hack it!</li>
</ul>
<h3>Design Challenge</h3>
<p>Build a hackable game!</p>
<ul>
<li>Use the live editor to hack a new game based on one of the prototype templates
<p>
Start hacking at <a href="http://hackagame.org">hackagame.org</a>. You can publish and share your hacks too!
</p>
</li>
<li>Hack a new feature into the live game editor
<p>
Get the source from the panel on the left. You'll need a local web server (ask us and we can help!)
</p>
</li>
<li>Build a completely new hackable prototype</li>
<li>Make a <a href="http://lanyrd.com/2012/mozilla-festival/szcbq/">one button game</a> to play in a custom arcade cabinet</li>
<li>(Something awesome that we didn't list here!)</li>
</ul>
<h3>Resources</h3>
<ul>
<li><a href="http://jster.net">jster.net</a> - A comprehensive collection of JavaScript libraries for physics, graphics, sound, animation</li>
<li><a href="http://opengameart.org">opengameart.org</a> - Game graphics and sound assets with permissive licenses
<li><a href="http://www.freesound.org">freesound.org</a> - Free sound assets
</ul>
<h3>Sharing</h3>
If you hacked a game this weekend and you'd like to share what you made (don't be shy!) please paste your group name a link to your work in this <a href="https://etherpad.mozilla.org/mozfest-hackablegames">etherpad</a>.
</section>
<footer>
<p>This project is maintained by <a href="https://github.com/mozilla">mozilla</a></p>
<p><small>Hosted on GitHub Pages — Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
</footer>
</div>
<script src="javascripts/scale.fix.js"></script>
</body>
</html>