# Zocken und Zeichnen

# Methodenkarte: Zocken und Zeichnen

## Wir zeichnen ein eigenes PC-Spiel

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

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

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

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

</td></tr><tr><td>10 bis 15 Jahre

</td><td>3 Tage à 4 Stunden

</td><td>1

</td><td>10 bis 15 TN's

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

#### Kurzbeschreibung

In diesem Projekt steht die gemeinsame Entwicklung eines Computerspiels im Mittelpunkt. Dabei gibt es mindestens drei unterschiedliche Aufgabenbereiche, die letztlich zu einem gemeinsamen Ziel führen: das Zeichnen von Figuren auf Papier, die Entwicklung einer fesselnden Geschichte und die Programmierung des Spiels mit Scratch.

<p class="callout success">****Ziele****  
**- Grundlagen der Spieleentwicklung vermitteln**  
**- Problemlösungsstrategien entwickeln**  
**- Aufgaben in Unteraufgaben teilen**  
**- erste Programmiererfahrung sammeln**  
**- Ausdrucksfähigkeit trainieren**</p>

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

</td><td>****Werkzeug****

</td></tr><tr><td>- Papier
- Stift

</td><td>- Scratch
- Foto-Software (z.B. GiIMP)
- PCs / Laptops
- Scanner (oder Fotoapparat)
- <span style="white-space: pre-wrap;">Beamer </span>

****Optional:****

- Musikinstrumente
- Aufnahemegerät
- Mikrofon

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

#### Ablauf

1. ****Vorbereitungen mit den Teilnehmenden:****  
    <span style="white-space: pre-wrap;">Zu Beginn einigen sich alle Teilnehmenden auf einen Spieletyp. Dabei ist es hilfreich, die verschiedenen Genres, die die Teilnehmenden kennen, benennen zu lassen. Anschließend wird abgestimmt, welche Art von Spiel entstehen soll. Es ist sinnvoll, von Anfang an auf die Limitierung von Scratch hinzuweisen, etwa darauf, dass die entstehenden Spiele zweidimensional sind. Im nächsten Schritt werden die verschiedenen Bereiche vorgestellt, in denen die Kinder und Jugendlichen arbeiten können. </span>  
    ****Diese sind:****  
    \**- Geschichte und Rätsel**  
    \**- Design**  
    \**- Programmierung**  
    \**- optional: Musik**
2. ****Kreatives Chaos:****  
    Jetzt geht es in die Kleingruppenarbeit! Die Geschichten-Gruppe entwickelt die Handlung des Spiels: Worum geht es? Welche Figuren treten auf? Wo spielt die Geschichte? Parallel dazu entwirft die Design-Gruppe erste Skizzen für Figuren, Gegenstände und Hintergründe, die das Spiel visuell prägen sollen. Sobald die Geschichten-Gruppe konkrete Ideen liefert, setzt die Design-Gruppe diese in detaillierte Zeichnungen um. Diese Zeichnungen werden eingescannt und weiter bearbeitet. Die Figuren und Gegenstände müssen freigestellt und die Dateien als PNG-Dateien abgespeichert werden (siehe QR-Code). Die Programmier-Gruppe lernt währenddessen die Grundlagen von Scratch kennen und programmiert typische Bewegungsabläufe für die Spielfiguren. Schritt für Schritt integrieren sie die eingescannten Bilder in die Programmierung.  
    Alle Gruppen treffen sich regelmäßig, um sich gegenseitig auf den aktuellen Stand zu bringen. Besonders hilfreich sind Treffen zu Beginn des Tages, um zu planen, was an diesem Tag erledigt werden muss. Tagesabschlusstreffen können dazu dienen, Themen des Tages zu klären, sodass alle auf dem gleichen Stand sind.
3. ****Präsentation:****  
    Zum Schluss werden alle Ergebnisse über Beamer präsentiert. Dazu gehören auch Bilder, die es nicht ins Spiel geschafft haben. Anschließend wird das Spiel gemeinsam gespielt.  
      
    ****Autor\*in****: Harald Walz (**DRK Juze Q.**)

# Tipps & Links:

> **Tipps**
> 
> - Es ist wichtig, die Bilder mit klaren Konturen zu erstellen, da dies das spätere  
>     Digitalisieren vereinfacht.
> - Wenn der Hintergrund beim Freistellen der Objekte in Gimp nicht transparent  
>     werden sollte, muss noch ein Alphakanal hinzugefügt werden.
> - Achtet auf einen regelmäßigen Austausch zwischen den Gruppen.
> - Die Kleingruppen dürfen sich im Laufe der Zeit ändern.
> - Eine Einführung in Scratch für alle ist nicht am ersten Tag sinnvoll - dafür ab dem  
>     zweiten Tag um so mehr.

<table border="1" id="bkmrk-linkliste-hier-gibt-" style="border-collapse: collapse; width: 100%; height: 105.6px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr style="height: 29.6px;"><td style="height: 29.6px;">**Linkliste**</td><td style="height: 29.6px;">  
</td></tr><tr style="height: 46.4px;"><td style="height: 46.4px;">Hier gibt es ein Beispielprojekt, welches gemeinsam mit dem JFC Medienzentrum Köln entstanden ist:</td><td style="height: 46.4px;">[ https://scratch.mit.edu/projects/831891507/](https://scratch.mit.edu/projects/831891507/ " https://scratch.mit.edu/projects/831891507/")</td></tr><tr style="height: 29.6px;"><td style="height: 29.6px;">Anleitung, wie mit GIMP Objekte freigestellt werden:</td><td style="height: 29.6px;">[https://www.heise.de/tipps-tricks/GIMP-Objekte-freistellen-so-wird-s-gemacht-43160.html](https://www.heise.de/tipps-tricks/GIMP-Objekte-freistellen-so-wird-s-gemacht-43160.html "https://www.heise.de/tipps-tricks/GIMP-Objekte-freistellen-so-wird-s-gemacht-43160.html")</td></tr><tr><td>Interaktive Anleitung für das erste eigene Scratch-Projekt:</td><td>[https://scratch.mit.edu/projects/editor/?tutorial=getStarted](https://scratch.mit.edu/projects/editor/?tutorial=getStarted)</td></tr><tr><td>Leicht verständliche Projekte für den Einstieg in Spiele, Animationen, Musik und mehr:</td><td>[https://scratch.mit.edu/starter-projects](https://scratch.mit.edu/starter-projects)</td></tr><tr><td>Scratch-Karten mit Anleitungen zum Kennenlernen der Funktionen:</td><td>[https://resources.scratch.mit.edu/www/cards/de/scratch-cards-all.pdf](https://resources.scratch.mit.edu/www/cards/de/scratch-cards-all.pdf)</td></tr><tr><td>Das Scratch-Wiki mit Erklärungen zu allen Blöcken:</td><td>[https://de.scratch-wiki.info/wiki/Hauptseite](https://de.scratch-wiki.info/wiki/Hauptseite)</td></tr><tr><td>YouTube-Playlist "Programmieren mit Scratch" vom Wiener Bildungsserver</td><td>[https://www.youtube.com/playlist?list=PLPY2zeEhdxt-tPTRGkyru2CWYHDJUg9ft](https://www.youtube.com/playlist?list=PLPY2zeEhdxt-tPTRGkyru2CWYHDJUg9ft)</td></tr></tbody></table>