-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhow-to-jam.html
More file actions
418 lines (389 loc) · 17.8 KB
/
how-to-jam.html
File metadata and controls
418 lines (389 loc) · 17.8 KB
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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Beginner's Guide to Game Jam</title>
<link rel="stylesheet" href="assets/css/styles.css">
<link href="https://fonts.googleapis.com/css?family=Patua+One|Slabo+27px" rel="stylesheet">
</head>
<body class="toolkit">
<img src="assets/images/gamejam101.png" class="responsive"/>
<div class="about">
<h4>🔙 <a href="https://repealjam.github.io">Main page</a></h4>
<h1>Beginner's Guide to Game Jams</h1>
<p><strong>First time</strong> to game jams can be daunting with questions like:
<ul>
<li><a href="#bring">What do I bring? ➡</a></li>
<li><a href="#make">What can you make? ➡</a></li>
<li><a href="#takepart">I've never made a game, can I take part? ➡</a></li>
<li><a href="#lfg">Do I have to be on a team?</a></li>
<li><a href="#afterjam">What happens after the event? ➡</a></li>
</ul>
</p>
<h2>Specifically for Repeal Jam</h2>
<p>
<ul>
<li><a href="#approach">I've made loads of games but I don't know how to approach this? ➡</a></li>
<li><a href="#ip">What about ownership of the games we create?</a> ➡</li>
</ul>
</p>
</div>
<!-- WHAT TO BRING SECTION - START -->
<div class="about">
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<h1 id="bring">What do I bring?</h1>
<p>
This depends on what you want to make.
<ul>
<li>
<strong>For digital games:</strong> You bring your own tools, laptop (and charger), sound equipment, peripherals, software,
assets, etc. We do not provide any equipment for making digital games.
</li>
<li>
<strong>For non-digital games (card/boardgames):</strong> Bring paper, scissors, dice, card, paints, pens, pencils, and other crafty materials.
</li>
<li><strong>Art:</strong> Drawing tablet/ art supplies</li>
<li><strong>Writing:</strong> Pen and paper/laptop and charger</li>
</ul>
</p>
</div>
</div>
</div>
<div class="fancy-break"></div>
</div>
<!-- WHAT TO BRING SECTION - END -->
<div class="about">
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<h1 id="make">What kind of games can I make?</h1>
<p>
We can break games in to the follow broad categories:
<ul>
<li>Digital or Video Games</li>
<li>Table Top Games (boardgames, cardgames)</li>
</ul>
</p>
</div>
</div>
</div>
</div>
<!-- DIGITAL GAMES SECTION - START -->
<div class="about">
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<h2>Digital Games</h2>
</div>
</div>
</div>
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<img src="assets/images/twine.png" class="responsive"/>
</div>
<div class="howto-item">
<h3 id="twine">Twine</h3>
<p>
If you want to make a game focused on the writing, Twine lets you create html games where you progress by
clicking highlighted words or links. This is suitable for a something with a lot of choices, such as an interactive
conversation, or if you want to make a game where the player has no choices at all.
</p>
<p>
Twine publishes directly to HTML, so you can post your work nearly anywhere. Anything you create with it is completely free to use any way you like, including for commercial purposes.
</p>
</div>
<div class="howto-item">
<h4>Getting started with Twine</h4>
<p>
You can:
<a href="http://twinery.org/">Download and install (preferred)</a> or <a href="http://twinery.org/2">make your game online</a>
</p>
<p>See more info via <a href="https://twinery.org/wiki/twine2:getting_started">https://twinery.org/wiki/twine2:getting_started</a></p>
<h4>Tutorials</h4>
<p>
<ul>
<li>A good starting guide via <a href="https://twinery.org/wiki/twine2:how_to_create_your_first_story">Twine</a></li>
<li>A Total Beginner’s Guide to Twine 2.1 via <a href="http://www.adamhammond.com/twineguide/">adamhammond.com/twineguide</a></li>
</ul>
</p>
<h4>Example Twine Games</h4>
<p>
<ul>
<li><a href="http://squinky.me/2015/04/06/so-youve-been-called-out/">So You've Been Called Out</a></li>
<li><a href="http://www.depressionquest.com/">Depression Quest</a></li>
</ul>
</p>
</div>
</div>
</div>
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<img src="assets/images/bitsy.png" class="responsive"/>
</div>
<div class="howto-item">
<h3 id="bitsy">Bitsy</h3>
<p>
This is a new game making tool for lofi pixelated games. This is good choice if you don't feel comfortable creating art but you
still want to make a video game in which a character moves around and talks.
</p>
<p>
<ul>
<li>Tutorial by Claire Morley: <a href="https://claire1605.itch.io/tutorial">claire1605.itch.io/tutorial</a></li>
</ul>
</p>
<p>
<a href="https://twitter.com/adamledoux">@adamledoux</a> says "the goal is to make it easy to make games where you
can walk around and talk to people and be somewhere."
</p>
</div>
<div class="howto-item">
<h4>Getting started with Bitsy</h4>
<p>
Go to <a href="https://ledoux.itch.io/bitsy">https://ledoux.itch.io/bitsy</a>.
</p>
<h4>Tutorials</h4>
<p>
A good tutorial to get you started: <a href="http://www.clairemorleyart.com/a-bitsy-tutorial">clairemorleyart.com/a-bitsy-tutorial</a>
</p>
<h4>Example Bitsy Games</h4>
<p>
<ul>
<li><a href="http://sarahgould.itch.io/the-milk-and-mitten">The Milk and Mitten</a></li>
<li><a href="http://jcupdavis.itch.io/rainy-day">Rainy Day</a></li>
</ul>
</p>
</div>
</div>
</div>
<div class="fancy-break"></div>
</div>
<!-- DIGITAL GAMES SECTION - END -->
<!-- TTG SECTION - START -->
<div class="about">
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<h2>Board Game or Pen & Paper RPG Games</h2>
</div>
</div>
</div>
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<img src="assets/images/ttg.jpg" class="responsive"/>
</div>
<div class="howto-item">
<p>
If you don't want to use computers at all, you can make a board game with physical materials! Or even a pen &
paper roleplaying game, where a group of players act out and improvise their choices in scenarios you create for them.
</p>
<h4>Tutorials</h4>
<p>
<ul>
<li><a href="http://www.instructables.com/id/Pen-and-Paper-RPG/">How to make a Pen & Paper RPG!</a></li>
<li><a href="http://www.instructables.com/id/Build-your-Own-Board-Game/">How to make a Board Game!</a></li>
</ul>
</p>
<h4>Examples</h4>
<p>
<ul>
<li><a href="http://buriedwithoutceremony.com/monsterhearts">Monster Hearts 2</a></li>
<li><a href="http://www.kickstarter.com/projects/990619951/consentacle-a-card-game-of-human-alien-intimacy">Consentacle</a></li>
</ul>
</p>
</div>
</div>
</div>
<div class="fancy-break"></div>
</div>
<!-- TTG SECTION - END -->
<!-- FLATGAME SECTION - START -->
<div class="about">
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<h2>Flatgame (A mix of both paper art and digital)</h2>
</div>
</div>
</div>
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<img src="assets/images/flatjam.png" class="responsive"/>
</div>
<div class="howto-item">
<p>
You could also create a game using your own drawings and handwriting. Flatgames are often made in Unity a game making tool that allows your game to publisher on the web but also on phones and other devices.
There is a template so you can just import your own art and sounds and the game is playable immediately!
</p>
<h4>Tutorials</h4>
<p><a href="http://flatgame.itch.io/first-timers-tutorial">How to make a flatgame for absolute beginners!</a></p>
<h4>Flatjam Examples</h4>
<p>
<ul>
<li><a href="http://niall-moody.itch.io/the-craigallian-fire">Craigallian Fire</a></li>
<li><a href="http://ludonaut.itch.io/how-to-sea">How to Sea</a></li>
</ul>
</p>
</div>
</div>
</div>
<div class="fancy-break"></div>
</div>
<!-- FLATGAME SECTION - END -->
<!-- TAKEPART - START -->
<div class="about">
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<h1 id="takepart">I've never made a game, can I take part?</h1>
</div>
</div>
</div>
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<img src="assets/images/ideas.jpg" class="responsive"/>
</div>
<div class="howto-item">
<h3>🙌 Yes!</h3>
<p>
This event is both a creative jam for all mediums and a game jam. We'll have people giving tutorials and information on how to
make games on the day, who will be on hand to help out with any problems. Games are a collaborative medium,
if you write/draw/compose then you can join a team with programmers there to make a game together. No coding knowledge necessary.
</p>
</div>
</div>
</div>
<div class="fancy-break"></div>
</div>
<!-- TAKEPART - END -->
<!-- LFG - START -->
<div class="about">
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<h1 id="lfg">Do I have to be on a team?</h1>
</div>
</div>
</div>
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<img src="assets/images/team.jpg" class="responsive"/>
</div>
<div class="howto-item">
<p>
Nope, let us know when you check-in at registration on Sunday morning, and let us know what skills you have, and we can
form a group in the morning before our announcements.
</p>
</div>
</div>
</div>
<div class="fancy-break"></div>
</div>
<!-- LFG - END -->
<!-- NOT SO NEW - START -->
<div class="about">
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<h1 id="approach">I've made loads of games but I don't know how to approach this?</h1>
</div>
</div>
</div>
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<img src="assets/images/activist.png" class="responsive"/>
</div>
<div class="howto-item">
<p>
We'll have some tutorials on agency and presenting choice in games as well as some information from <a href="http://ithrivegames.org/">ithrivegames.org</a> on creating empathy in games,
and we're hoping to get some help from political game creators in the UK - watch this space!
</p>
</div>
</div>
</div>
<div class="fancy-break"></div>
</div>
<!-- NOT SO NEW - END -->
<!-- AFTER JAM - START -->
<div class="about">
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<h1 id="afterjam">What happens after the event?</h1>
</div>
</div>
</div>
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<img src="assets/images/comms.jpg" class="responsive"/>
</div>
<div class="howto-item">
<p>
We'll be collecting the different games on a itch.io page so they're easy to find, we're hoping to promote and
spread the games so many people can experience them.
</p>
</div>
</div>
</div>
<div class="fancy-break"></div>
</div>
<!-- AFTER JAM - END -->
<!-- OWNERSHIP - START -->
<div class="about">
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<h1 id="ip">Ownership of the games?</h1>
</div>
</div>
</div>
<div class="howto-container">
<div class="howto">
<div class="howto-item">
<img src="assets/images/copyright.png" class="responsive"/>
</div>
<div class="howto-item">
<p>
All games and content produced during <strong>Repeal Jam</strong> event remains the full property of their creators. <strong>Repeal Jam</strong> makes no claim to anything participants create.
When you take part in Repeal Jam events you own everything you create.
</p>
<p>
All trademarks remain property of their respective owners.
</p>
</div>
</div>
</div>
</div>
<!-- OWNERSHIP - END -->
<!-- CREDIT -->
<div class="about">
<h1>❤️ Credits </h1>
<p>
<ul>
<li>
Descriptions of the games sections are straight from <a href="https://itch.io/jam/repealjam">Llaura's Itichio page for Repeal Jam</a>, and
Jen for drafting the description in the <a href="https://repeal2018.eventbrite.com">Eventbrite event page</a>.
</li>
<li>Stock photos are from <a href="https://www.pexels.com/">pexels.com</a> and <a href="https://pixabay.com">pixabay.com</a></li>
</ul>
</p>
<h1>🌈 Contribute</h1>
<p>
Want to help update the pages or want to point out something needs to be modified, you can head over to
<a href="https://github.com/repealjam/repealjam.github.io/">https://github.com/repealjam/repealjam.github.io/</a>.
</p>
<p>You can log issues or do a Pull Request if you are familiar with using git and github.</p>
</div>
</body>
</html>