31 lines
2.9 KiB
Markdown
31 lines
2.9 KiB
Markdown
# Arbeitsauftrag 1: Spiel starten und Bilder erstellen!
|
|
|
|
In den kommenden Wochen werden wir ein Spiel in Pygame entwickeln. Dabei ist wichtig, dass jede Schülerin und jeder Schüler seine eigenen Vorstellungen für sein Spiel einfließen lassen kann!
|
|
|
|
Mach dir keine Sorgen, wenn du noch nie programmiert hast. Es geht ganz entspannt los! Gib dir Mühe beim Lesen der Texte, viele Fehler können so direkt vermieden werden. Sollte doch mal etwas nicht klappen, hilft deine Lehrkraft dir gerne weiter.
|
|
|
|
Nun geht's direkt los:
|
|
|
|
* Lies dir Notizen [“Herunterladen und Starten des Spiels”](02-herunterladen-starten.md) durch, lade das Spiel herunter und starte es anschließend auf deinem Rechner.
|
|
|
|
Du erkennst, dass das Spielfeld aus `14x14` Feldern besteht! Das ist eine der wenigen Vorgaben, die eingehalten werden müssen.
|
|
|
|
* Werde nun kreativ, überlege dir, was du auf deinem Spielfeld platzieren willst, wie der Hintergrund aussehen soll, wie die Spielfigur aussehen soll. (*Hinweis: An dieser Stelle müssen es keine abschließenden Überlegungen sein - es reicht eine grobe Richtung.*)
|
|
* Suche für alles, was auf deinem Spielfeld vorkommen soll im Internet nach passenden Bildern und lade sie herunter. (Vorgabe: Es sollen mindestens `3 Bilder` heruntergeladen werden.)
|
|
* Die Bilder müssen anschließend (z.B. mit GIMP) auf das richtige Format (Höhe und Breite jeweils 60 Pixel im JPG-Format) gebracht werden. Wie das geht erfährst du hier:
|
|
|
|
1. Bild im Download Ordner finden => Rechtklick auf das Bild => Öffnen mit => Gimp
|
|
1. Bildausschnitt in Gimp wählen, dazu das blau markierte Symbol anklicken:
|
|
* <img src="img/01-1-gimp-ausschnitt.png" width="50%" />
|
|
1. Ein Auswahlrechteck um den Ausschnitt, der verwendet werden soll ziehen und darauf achten, dass das Rechteck möglichst ein Quadrat ist.
|
|
* <img src="img/01-2-gimp-select.png" width="50%" />
|
|
1. In Gimp auf “Auf Auswahl zuschneiden klicken”, damit das Bild auf den relevanten Bereich zugeschnitten wird.
|
|
* <img src="img/01-3-gimp-confirm.png" width="50%" />
|
|
1. Anschließend muss noch die Breite und Höhe eingestellt werden, das geht mit “Bild skalieren”:
|
|
* <img src="img/01-4-gimp-scale.png" width="50%" />
|
|
1. Im Fenster klickt ihr zunächst auf die “Büroklammer” (blau markiert), dann könnt ihr Höhe und Breite unabhängig voneinander auf jeweils 60px einstellen. Anschließend wird mit “Skalieren” bestätigt.
|
|
* <img src="img/01-5-gimp-scale-settings.png" width="25%" />
|
|
1. Zum Schluss speichern wir das Bild in dem Unterornder “Bilder” in unserem Spiele-Ordner. Dazu klicken wir in Gimp auf “Exportieren nach”, wählen den richtigen Pfad aus und geben dem Bild einen ordentlichen Namen (hier Donald.jpg) und klicken auf “Exportieren” und dann im folgenden Fenster noch einmal auf “Exportieren”.
|
|
* <img src="img/01-6-gimp-export.png" width="50%" />
|
|
* <img src="img/01-7-gimp-export-final.png" width="50%" />
|