# Game-Jam

# Kurzanleitung: Game-Jam

### Erstelle Spiele im Retro-Pixel-Look mit Bitsy

<table id="bkmrk-zielgruppedauerlevel"><colgroup><col style="width: 124px;"></col><col style="width: 122px;"></col><col style="width: 108px;"></col><col></col></colgroup><tbody><tr><td>****Zielgruppe****

</td><td>****Dauer****

</td><td>****Level****

</td><td>****Gruppengröße****

</td></tr><tr><td>ab 12 Jahren

</td><td>≥ 2 Stunden

</td><td>2

</td><td>max. 8 TN pro Betreuungsperson

</td></tr></tbody></table>

#### Kurzbeschreibung

Game-Jams sind bei Menschen, die Spiele entwickeln und programmieren, sehr beliebt. Es geht darum, in einer bestimmten Zeit ein Spiel zu einem vorgegebenen Thema zu entwickeln. In dieser Projekteinheit wird die browserbasierte Anwendung Bitsy eingesetzt, um kleine Spiele im Retro-Pixel-Look zu erstellen.

<p class="callout success">****Ziele****  
**- Austausch über digitale Spiele**  
**- Persönlicher Ausdruck über Medienprodukte**  
**- Einstieg in die HTML-Webentwicklung**  
**- Erwerb von Präsentationskompetenzen**</p>

<table id="bkmrk-materialwerkzeuge-pa"><colgroup><col style="width: 240px;"></col><col style="width: 240px;"></col></colgroup><tbody><tr style="height: 10px;"><td>****Material****

</td><td>****Werkzeuge****

</td></tr><tr><td>- <span style="white-space: pre-wrap;">Papier und Stifte </span>
- Laminierte Karten mit Medienfiguren

</td><td>- PCs (2 TN pro Gerät)
- browserbasierte Anwendung Bitsy
- Beamer/Bildschirm

</td></tr></tbody></table>

#### Ablauf

1. ****Warmup: Medienheld\*innen****  
    Ausgedruckte Karten mit Medienheld\*innen werden im Sitzkreis ausgebreitet. Die Teilnehmenden wählen reihum eine Karte aus und stellen die Figur kurz vor: Wer ist das? Aus welchem Spiel stammt sie? Warum wurde diese Figur gewählt? Gibt es eine persönliche Anekdote?
2. ****Einführung in das Thema Game-Design****  
    Die Teilnehmenden sehen das Video „Spieleentwickler bei der Arbeit” (siehe QR-Code). Anschließend wird gesammelt: Welche Aufgaben gibt es bei der Spieleentwicklung? Welche Berufsbilder sind notwendig? Ergebnisse werden in einer Mindmap festgehalten.
3. ****Einstieg in die Projektarbeit: Game-Jam****  
    Die Teilnehmenden erfahren, dass das Ziel der Game-Jams ist, in Kleingruppen ein kleines Spiel zu entwickeln und zu präsentieren. Das Thema wird vorgegeben oder wurde zuvor abgestimmt. In Gruppen entwerfen die Teilnehmenden eine Rahmenhandlung, optional mit einer Storyboardvorlage (siehe QR-Code).
4. ****Technische Einführung in Bitsy****  
    Die Teilnehmenden lernen die Basics von Bitsy: Räume, Zeichnen, Dialoge, Übergänge, Enden und Farben.
5. ****Freie Projektarbeit: Game-Jam****  
    Die Gruppen beginnen mit dem Avatar und dem ersten Raum. Danach folgen weitere Sprites und Dialoge. Je nach Zeit können weitere Räume erstellt werden. Vor Projektende laden die Gruppen den Zwischenstand als HTML-Datei herunter. So kann das Spiel lokal im Browser gespielt oder auch zu Hause weiterbearbeitet werden.
6. ****Präsentation der Projektergebnisse****  
    Jede Gruppe stellt ihr Spiel in zwei bis drei Minuten vor. Anschließend gibt es Feedback und Fragerunden.
7. ****Feedback / Abschluss****  
    In einem Blitzlicht teilen die Teilnehmenden Highlights, Herausforderungen und neue Erkenntnisse der Projektarbeit.

****Autor\*in:****<span style="white-space: pre-wrap;"> Frederik Rößler (</span>**barrierefrei kommunizieren! | Medienkompetenzzentrum Mitte**)

# Tipps & Links

> ****Die inklusive Anwendung Book Creator****
> 
> <span style="white-space: pre-wrap;">Ist die Plattform Bitsy für einzelne Personen(-gruppen) nicht barrierefrei oder die Anwendung zu komplex, lässt sich das Konzept Game-Jam auch mit anderen Werkzeugen umsetzen: So können z. B. mit der inklusiven Anwendung Book Creator eigene Textadventures erstellt oder mithilfe von Flickgame kleine Point-and-Click-Adventures entwickelt werden: </span>[https://bookcreator.com/2017/07/created-interactive-choose-adventure-book/](https://bookcreator.com/2017/07/created-interactive-choose-adventure-book/)

<table id="bkmrk-beschreibunglinksbit"><colgroup><col style="width: 278px;"></col><col style="width: 297px;"></col></colgroup><tbody><tr><td>****Linkliste****

</td><td></td></tr><tr><td>Bitsy Cheat-Sheet: Die wichtigsten Befehle zusammengefasst (Initiative Creative Gaming e. V.)

</td><td>[https://www.creative-gaming.eu/wp-content/uploads/2021/02/Gamedesign-mit-Bitsy.pdf](https://www.creative-gaming.eu/wp-content/uploads/2021/02/Gamedesign-mit-Bitsy.pdf)

</td></tr><tr><td>Einführung in die browserbasierte Anwendung Bitsy (Nele Hirsch | eBildungslabor)

</td><td>[https://ebildungslabor.de/blog/bitsy/](https://ebildungslabor.de/blog/bitsy/)

</td></tr><tr><td>Game-Design mit Kodu (JFF – Institut für Medienpädagogik)

</td><td>[https://games.jff.de/gamedesign/](https://games.jff.de/gamedesign/)

</td></tr><tr><td>Game-Design mit Scratch (Christiane Schwinge | Initiative Creative Gaming e. V.)

</td><td>[http://medienkompetent-mit-games.de/game-design-mit-scratch](http://medienkompetent-mit-games.de/game-design-mit-scratch)

</td></tr><tr><td>Video „Spieleentwickler bei der Arbeit”

</td><td>[https://youtu.be/D6RJkTFF6-k](https://youtu.be/D6RJkTFF6-k)

</td></tr><tr><td>Storyboardvorlage

</td><td>[https://lehrerfortbildung-bw.de/st\_digital/medienwerkstatt/multimedia/video-im-unterricht/baum/jobs/story/](https://lehrerfortbildung-bw.de/st_digital/medienwerkstatt/multimedia/video-im-unterricht/baum/jobs/story/)

</td></tr></tbody></table>