Differences

This shows you the differences between two versions of the page.

--- teaching:ba:courses:design-basics:sose26:minichallenges [2026/03/25 15:25] – Felix Hardmood Beck
+++ teaching:ba:courses:design-basics:sose26:minichallenges [2026/04/29 06:55] (current) – [Mini-Challenge C | Wie entsteht Verhalten, Dynamik oder Spiellogik?] Felix Hardmood Beck
@@ Line 33: / Line 33: @@
 ^ Aufgabe ^ Gestaltungsübung ^
-| C1 | **Verhalten** \\ \\ Lesen Sie sich die [[extras:wissikon:design-development:gestalt-rules|Gestalt Gesetze]] und die [[extras:wissikon:design-development:grundlagen_der_animation#die_12_prinzipien_der_animation|12 Prinzipien der Animation]] durch und wenden Sie eines oder mehrere dieser Gesetzmäßigkeiten in dieser Aufgabe an. \\ – Entwickeln Sie auf Basis von P5.JS ein kleines Spiel, bei dem sich Ihr Buchstabe über die Fläche bewegt und auf Eingaben reagiert. Ziel ist es, andere Elemente zu sammeln oder Hindernissen auszuweichen. \\ – Ihr zuvor verwendeter Buchstabe soll im Spiel der [[extras:wissikon:alle-moeglichen-begriffe:protagonist|Protagonist]] sein. Was oder wer könnte die Rolle des Antagonisten einnehmen? \\ – Das Spiel soll nur in schwarz/weiß gestaltet sein. Das System soll mindestens drei Zustände besitzen: Start, Spiel läuft und Game Over. \\ – Sichtbar werden sollen Regeln wie Kollision, Punktevergabe, Verlustbedingung und Neustart. \\ – Im Mittelpunkt stehen Bewegung, Trefferlogik, Auslöser und Reaktionen.  \\ \\ Zur Inspiration: \\ {{:teaching:ba:courses:design-basics:sose26:mini_typo-game_01.png?nolink&200|}} {{:teaching:ba:courses:design-basics:sose26:mini_typo-game_03.png?nolink&200|}} {{:teaching:ba:courses:design-basics:sose26:mini_typo-game_02.png?nolink&200|}} |
+| C1 | **Verhalten** \\ \\ Lesen Sie sich die [[extras:wissikon:design-development:gestalt-rules|Gestalt Gesetze]] und die [[extras:wissikon:design-development:grundlagen_der_animation#die_12_prinzipien_der_animation|12 Prinzipien der Animation]] durch und wenden Sie eines oder mehrere dieser Gesetzmäßigkeiten in dieser Aufgabe an. \\ – Entwickeln Sie auf Basis von P5.JS ein kleines Spiel, bei dem sich Ihr Buchstabe über die Fläche bewegt und auf Eingaben reagiert. Ziel ist es, andere Elemente zu sammeln oder Hindernissen auszuweichen. \\ – Ihr zuvor verwendeter Buchstabe soll im Spiel der [[extras:wissikon:alle-moeglichen-begriffe:protagonist|Protagonist]] sein. Was oder wer könnte die Rolle des Antagonisten einnehmen? \\ – Das Spiel soll nur in schwarz/weiß gestaltet sein. Das System soll mindestens drei Zustände besitzen: Start, Spiel läuft und Game Over. \\ – Bauen Sie einen "Full-Screen Modus" ein. Beispielsweise kann einen Tastaturkürzel das Browserfenster auf 100% Screengröße setzen und den Browserrahmen verstecken. Wir werden die Ergebnisse in der nächsten Woche in einer Videoprojektion austesten. \\ – Sichtbar werden sollen Regeln wie Kollision, Punktevergabe, Verlustbedingung und Neustart. \\ – Im Mittelpunkt stehen Bewegung, Trefferlogik, Auslöser und Reaktionen.  \\ \\ Zur Inspiration: \\ {{:teaching:ba:courses:design-basics:sose26:mini_typo-game_01.png?nolink&200|}} {{:teaching:ba:courses:design-basics:sose26:mini_typo-game_03.png?nolink&200|}} {{:teaching:ba:courses:design-basics:sose26:mini_typo-game_02.png?nolink&200|}} |
 | C2 | **App-Icon** \\ \\ – Finalisieren Sie das Mini-Game aus Aufgabe C1.  \\ – Entwickeln Sie ein [[extras:wissikon:semantik:icon|App-Icon]] für dieses Game. \\ – Überlegen Sie zunächst, wofür die App steht und welches Zeichen, Objekt, Symbol oder welcher Buchstabe diesen Inhalt möglichst klar darstellen kann. \\ – Reduzieren Sie Ihre Idee auf eine einfache und prägnante Form, die auch in kleiner Darstellung gut erkennbar bleibt. \\ – Gestalten Sie Ihr Icon in einem quadratischen Format und nur in Schwarz und Weiß. \\ – Entwickeln Sie mindestens drei unterschiedliche Varianten. Variieren Sie dabei zum Beispiel Proportion, Anschnitt, Flächenverteilung, Figur-Grund-Beziehung oder formale Reduktion. Prüfen Sie Ihre Entwürfe auch in sehr kleiner Darstellung. Entfernen oder vereinfachen Sie Elemente, die zu klein, zu unruhig oder schwer lesbar sind. \\ – Wählen Sie eine Variante aus und überarbeiten Sie diese zu einer klaren finalen Version. \\ – Legen Sie zusätzlich eine kleine Übersicht Ihrer Varianten an, damit Ihr Gestaltungsprozess nachvollziehbar bleibt. \\ – Bringen Sie Ihre finale Version und die Variantenübersicht zum nächsten Termin mit.  \\ \\ Zur Inspiration: \\ {{:teaching:ba:courses:design-basics:sose26:bsp_app-icon.png?nolink&200|}}|