2D-Pixel Game Engine mit coding Elementen

2D-Pixel Game Engine mit coding Elementen
Fähigkeiten und Wissen in Bitsy Color weiter ausbauen und einfaches Coden lernen.

by Tabea Fischer

Bei dieser Unterrichtsplanung können Personen ihr Wissen und ihre Kreativität in Bitsy Color ausbauen. Der Fokus liegt darauf, "Exits & Endings" (Übergängen zwischen den Leveln) zu verwenden. Anhand einer Schritt-für-Schritt Anleitung wird erklärt, wie man mit einem einfachen Code eine Tür verschließen kann, welche nur mit mehreren Items (Gegenständen) entriegelt werden kann. Ebenfalls wird kurz erläutert, wie man mit Tiles (Gestaltungsblöcke) ein größeres Objekt bauen kann.

In dieser Unterrichtsidee geht es darum, dass Personen lernen, einfachen Code zu verwenden, um damit komplexere Rätsel in der 2D-Pixel Engine Bitsy-Color einzubauen. Dies ist eine gute Gelegenheit, um den Lernenden den einfachen Code “if, then, else”, welcher in nahezu jeder Programmiersprache verwendet wird, beizubringen.

Mit dieser Unterrichtsidee haben Lernende die Möglichkeit auszuprobieren, wie man mithilfe von Tiles (Gestaltungsblöcke) eine detailirtere Spielwelt und größere Objekte erschaffen kann.

Thema:

1.) Umwelt und Tiere

2.) 2D-Pixel Game Engine

3.) Programmiersprache

4.) If, Then, Else

 

Lerninhalte:

1.) Mehrere Tiles (Gestaltungsblöcke) verwenden, um diese wie bei einem Puzzel zu einem größeren Objekt zusammenzufügen.

2.) Exits & Endings (Übergänge von Level zu Level) verwenden. Lerne, wie man mithilfe eines Codes eine Tür verschließen kann und sie nur mit einem oder mehreren Items (Gegenständen) öffnen kann.

 

Aufgabe:

1.) Überlege dir eine kurze Geschichte, welche in der Natur spielt.

Suche dir ein heimisches Tier aus, welchem du hilfst mindestens zwei Items (Gegenstände) zu sammeln. Diese sollen verwendet werden, um eine Tür aufzusperren.

2.) Baue Exits & Endings ein.

3.) Verwende für mindestens eine Tür den neu gelernten Code.

4.) Verwende Tiles (Gestaltungsblöcke), um ein größeres Objekt zu bauen.

Der Stil ist in 2D-Pixel Grafik gehalten. Das Bild zeigt eine grüne Landschaft, welche von blau schimmernden Wasser umgeben ist. Auf der Wiese befinden sich zwei große weiße und zwei kleinere braune Bäume. Weiters sind dunkelgrüne Büsche, Sonnenblumen lila Tulpen und rote Nelken abgebildet. Am rechten Rand des Bildes sitz ein kleiner brauner Biber mit blauen Augen. Von der linken Seite kommt eine Katze mit einem braun-weißen Fell.
Titelbild

Titelbild © 2026 by Tabea Fischer is licensed under CC BY 4.0.

Das Bild zeigt die Arbeitsfläche der Web-Application Bitsy-Color. Von links nach rechts sind die folgenden Tools abgebildet. Das größte Fenster zeigt die Arbeitsfläche des Tools
Bitsy-Arbeitsbereich

Bitsy-Arbeitsbereich © 2026 by Tabea Fischer is licensed under CC BY 4.0.

Das Bild zeigt die Arbeitsfläche der Web-Application Bitsy-Color. Von links nach rechts sind die folgenden Tools abgebildet. Das Fenster mit dem Tool
Bitsy-Code

Bitsy-Code © 2026 by Tabea Fischer is licensed under CC BY 4.0.

Stundenplanung Folie 1

Stundenplanung Folie 1 © 2026 by Tabea Fischer is licensed under CC BY 4.0.

Stundenplanung Folie 2

Stundenplanung Folie 2 © 2026 by Tabea Fischer is licensed under CC BY 4.0.

Stundenplanung Folie 3

Stundenplanung Folie 3 © 2026 by Tabea Fischer is licensed under CC BY 4.0.

Stundenplanung Folie 4

Stundenplanung Folie 4 © 2026 by Tabea Fischer is licensed under CC BY 4.0.

Stundenplanung Folie 5

Stundenplanung Folie 5 © 2026 by Tabea Fischer is licensed under CC BY 4.0.

Stundenplanung Folie 6

Stundenplanung Folie 6 © 2026 by Tabea Fischer is licensed under CC BY 4.0.

Stundenplanung Folie 7

Stundenplanung Folie 7 © 2026 by Tabea Fischer is licensed under CC BY 4.0.

Stundenplanung Folie 8

Stundenplanung Folie 8 © 2026 by Tabea Fischer is licensed under CC BY 4.0.

Stundenplanung Folie 9

Stundenplanung Folie 9 © 2026 by Tabea Fischer is licensed under CC BY 4.0.

Stundenplanung Folie 10

Stundenplanung Folie 10 © 2026 by Tabea Fischer is licensed under CC BY 4.0.

Tabea Fischer hat diese Unterrichtsidee im Rahmen der Lehrveranstaltung “Multimediale Kunst und Wissensräume” an der Kunstuni Linz entwickelt.

Author’s Encouragement
Diese Unterrichtsidee eignet sich, um das Grundwissen über Bitsy-Color zu vertiefen und komplexere Funktionen der Game Engine kennenzulernen. Zudem bietet sie die Möglichkeit, Lernenden anhand eines einfachen Beispiels grundlegende Begriffe und Befehle der Programmiersprache nahezubringen.

Prior Knowledge and Preparation
Um diese Idee umsetzen zu können braucht man ein Vorwissen, der Grundlagen von Bitsy-Color. Programmiererfahrung ist hilfreich, aber nicht zwingend erforderlich. Anhand einer Schritt für Schritt Anleitung, ist es jedoch auch möglich die Unterrichtsidee ohne Programmierkenntnisse durchzuführen.
YouTube Tutorial erklärt Schritt für Schritt wie der Code um Türen zu verschließen angewendet wird: https://www.youtube.com/watch?v=AolX6F7q0rk

Accessibility
Je nach Wissensstand und Schnelligkeit beim Arbeiten, können mehrere Exits und Endings (Übergänge von Level zu Level) mit Schlüsseln eingebaut werden. Ebenfalls kann die Anzahl an Items (Gegenständen), welche man finden muss um die Tür zu öffnen variiren.

Auch beim verwenden der Tiles (Gestaltungsblöcke), um größere Obejkte zu bauen, kann jede Person nach eigenem Wunsch und Können entscheiden, aus wie vielen Puzzelstücken ein Objekt zusammengesetzt ist.