Groovy Gravity: Unterschied zwischen den Versionen

Groovy Gravity
Studio	SK-Lieren
Publisher	SK-Lieren
Erstveröffent-; lichung	5. April 2022
Plattform	Construct 3
Genre	2D-Plattformer
Spielmodus	Singleplayer
Sprache	Englisch

VisuellWikitext

Aktuelle Version vom 19. Juni 2022, 21:32 Uhr

Diese Wiki-Seite befasst sich mit unserem Game Groovy Gravity, mit Fokus auf Level-Design, Game Art und Interface.

Das Spiel wurde entwickelt von Team SK-Lieren.

Download Link für das Spiel: Groovy Gravity 2.1

Einleitung

Groovy Gravity ist ein 2D-Plattformer, in dem man einen süßen, kleinen Lebewesen namens Blob steuert und ihn auf seiner Reise in die Wolken hilft.

Das ausschlaggebende Feature dieses Spiels ist der Gravity-Switch. Mit dieser Fähigkeit musst du dich durch das ganze Level durchschlängeln und die Schaltung der Schwerkraft meistern. Sammle alle Schlüssel, um Schritt für Schritt ans Ziel heranzukommen.

verschiedenfarbige Schlüssel als Collectibles
Beta-Version unseres Spiels

Steuerung

Run

Mit A und D steuert man Blob jeweils nach links oder rechts.

Jump

Mit J führt man einen kleinen Sprung aus.

Gravity Switch

Mit K schaltet man die Anziehungskraft nach oben oder unten.

Reset

Mit R kannst du das Level von vorne anfangen, um deine Speedruns zu optimieren.

Continue

Mit Enter kann man die Title Screens überspringen, anstatt die Buttons auf dem Bildschirm immer zu drücken.

UI

Wir haben uns für ein simples UI entschieden, um die wichtigsten Informationen hervorzuheben.

Cooldown

Der Cooldown gibt an, wann der Gravity-Switch wieder benutzt werden kann.

Gravity Switch ist einsatzbereit
Gravity Switch ist im Cooldown

Death Count | Timer

Der Death Count und Timer dienen für selbst gestellte Bonus Challenges.

Progress Bar

In der 2.0 Version haben wir semi-realistische UI Elemente wie bspw. Post-Its implementiert. Ursprünglich haben wir bei der Progress Bar einen Bleistift vorgestellt, der im Laufe des Spiels von einem Spitzer gekürzt wird. Leider war es für uns zu schwierig, diese Idee umzusetzen.

UI und Game Art im Sketchbook Stil

Game Design

Vision

Ziel unseres Spiels ist es, das Game und die Steuerung so einfach wie möglich zu halten und gleichzeitig das Meiste aus unserem Gameplay zu schöpfen. Daher haben wir uns für den Gravity Gimmick entschieden. Dieser lässt sich in Construct 3 relativ leicht implementieren und ermöglicht uns, unsere Spieler auf kreative Art herauszufordern.

Unser Motto für dieses Spiel lautet: "hart aber fair". Die Levelabschnitte legen Fokus auf Präzision und gutes Timing. Deshalb haben wir auf ein Lebenssystem verzichtet und viele Checkpoints verteilt, damit der Spieler nicht allzu viel Fortschritt verliert. Unsere Inspiration dafür war der Gameplay Loop von Super Meatboy.

Game Feel

In der Entwicklungsphase haben wir schnell gemerkt, wie wichtig es ist, dass sich die Steuerung gut anfühlt. Daher haben wir sehr oft mit Parametern wie der Laufgeschwindigkeit, maximalen Schwerkraft, usw. herumgespielt und die Hitbox von Blobs Animationen und von den Warnblöcken gleichmäßig und klein gemacht.

die von Construct automatisch erstellte Hitbox
Hitbox angepasst an die gesamte Animation
Hitbox von Warnblöcken

Level Design

Das Spiel beginnt mit einem simplen Tutorial. Wir wollten sichergehen, dass der Spieler in einem gefahrlosen Bereich anfängt. Man soll ein Gefühl für die Steuerung entwickeln und damit herumspielen dürfen, ohne dafür bestraft zu werden. Nachdem man das erste Mal die Schwerkraft ändert, sieht man vor sich zwei markante Objekte: ein Haus und einen Warnblock.

Die Idee dahinter ist, den Spielern beizubringen, welche Elemente sie vermeiden und nach welchen sie Ausschau halten sollen.

Version 1.0

Version 2.0
Warnblöcke als Hindernis
Tutorial zu Spielbeginn
Wohnhaus als Checkpoint

Level Layout

Das Gravity Gameplay hat so gut wie das gesamte Level Design bestimmt.

gesamtes Level Layout im Beta

Level Layout von 2.1

Character Design

Wir haben uns dafür entschieden, mit unserer Game Art und Interface Aufgabe in GDF unser Spiel Groovy Gravity zu erweitern.

Beta Designs
Walking Cycle
erste Konzeption von Blob
Hands of Doom
Blob der Blobmeister
Blob stellt die Schwerkraft nach oben
einfach atemberaubend

Enemy Design

In Groovy Gravity gibt es leider keine Gegner. Die einzigen Hindernisse sind die Warnblöcke und Death Planes oberhalb und unterhalb der Viewport. Ansonsten hätten wir gern mehr Gegner und abwechslungsreichere Hindernisse eingebaut.

Hindernisse, die nicht in der finalen Version erscheinen
zeitbasierte Plattformen, um gutes Timing zu testen

Environment Design

Wir haben uns für einen handgezeichneten Look entschieden. Mit einer leicht zerknüllten Papiertextur geben wir den Visuals einen Sketchbook Stil.

erster Vorstellung des Zeichenstils
finalisierter Look

Winning Screen

Im Endscreen wird zusätzlich noch die Zeit und der Death Count angezeigt

Game Over Screen

Obwohl der Game Over Screen im Spiel unbenutzt bleibt, schadet es nie einen Platzhalter zu haben.

@@ Zeile 11: / Zeile 11: @@
 }}
-Dieser Artikel ist eine Spielanalyse zu [[Groovy Gravity]], mit Fokus auf Level-Design, geschrieben und entwickelt von Team ''[[SK-Lieren]]''.
+Diese Wiki-Seite befasst sich mit unserem Game [[Groovy Gravity]], mit Fokus auf Level-Design, Game Art und Interface.
-[[Medium: Groovy Gravity v2.0.c3p|Medium: GroovyGravity_v2.0.c3p]]
+Das Spiel wurde entwickelt von Team ''[[SK-Lieren]]''.
+Download Link für das Spiel: [[Medium:GroovyGravity2.1.c3p| ''Groovy Gravity 2.1'']]
 == Einleitung ==
-''Groovy Gravity'' ist ein 2D-Plattformer, in dem man einem Würfel namens Blocky steuert und ihn auf seiner Odyssee hilft.
+Groovy Gravity ist ein 2D-Plattformer, in dem man einen süßen, kleinen Lebewesen namens Blob steuert und ihn auf seiner Reise in die Wolken hilft.
-Das ausschlaggebende Feature dieses Spiels ist der ''Gravity-Switch''. Mit dieser Fähigkeit muss du dich durch das ganze Level durchschlängeln und die Schaltung der Schwerkraft meistern.
+Das ausschlaggebende Feature dieses Spiels ist der ''Gravity-Switch''.
-Sammle alle Schlüssel im Level, um Schritt für Schritt voranzukommen und das Level zu beenden.
+Mit dieser Fähigkeit musst du dich durch das ganze Level durchschlängeln und die Schaltung der Schwerkraft meistern.
+Sammle alle Schlüssel, um Schritt für Schritt ans Ziel heranzukommen.
-<gallery>
+<gallery widths="180" heights="180">
-Datei:groovy_gravity_keys.png | ''verschiedenfarbige Schlüssel als Collecibles''
+Datei: orangeKey.png | ''verschiedenfarbige Schlüssel als Collectibles''
+Datei: groovy_gravity_keys.png | ''Beta-Version unseres Spiels''
 </gallery>
 == Steuerung ==
-==== Run ====
+=== Run ===
+Mit <code>A</code> und <code>D</code> steuert man Blob jeweils nach links oder rechts.
+=== Jump ===
+Mit <code>J</code> führt man einen kleinen Sprung aus.
+=== Gravity Switch ===
-Mit <code>A</code> und <code>D</code> (alternativ auch <code>&larr;</code> und <code>&rarr;</code>) steuert man seinen Blocky jeweils nach links oder rechts.
+Mit <code>K</code> schaltet man die Anziehungskraft nach oben oder unten.
-==== Jump ====
+=== Reset ===
-Mit <code>J</code> oder <code>&uarr;</code> kann man einen kleinen Sprung ausführen.
+Mit <code>R</code> kannst du das Level von vorne anfangen, um deine Speedruns zu optimieren.
-==== Gravity Switch ====
+=== Continue ===
-Mit <code>K</code> Kann man die Anziehungskraft nach oben oder nach unten schalten.
+Mit <code>Enter</code> kann man die Title Screens überspringen, anstatt die Buttons auf dem Bildschirm immer zu drücken.
-== UI Prototyp ==
+== UI ==
-Wir haben uns auf ein simples UI entschieden, die die wichtigsten Informationen zeigt:
+Wir haben uns für ein simples UI entschieden, um die wichtigsten Informationen hervorzuheben.
-==== Counter ====
+=== Cooldown ===
-Zeigt wann, ob und wann man den Gravity-Switch wieder anwenden kann
+Der Cooldown gibt an, wann der Gravity-Switch wieder benutzt werden kann.
 <gallery>
-Datei:Groovy gravity cooldown on.png|''Gravity Switch ist einsatzbereit''
+Datei: Groovy gravity cooldown on.png
-Datei:Groovy gravity cooldown off.png|''Gravity Switch ist im Cooldown''
+Datei: Groovy gravity cooldown off.png
 </gallery>
-==== Death Count ====
+<gallery>
+Datei: cooldownOff.png|''Gravity Switch ist einsatzbereit''
+Datei: cooldownOn.png|''Gravity Switch ist im Cooldown''
+</gallery>
+=== Death Count | Timer ===
-Zeigt an, wie oft der Spieler bisher gestorben ist
+Der Death Count und Timer dienen für selbst gestellte Bonus Challenges.
 <gallery>
-Datei:groovy_gravity_deathcount.png | ''Death-Count als Bonus Challenge''
+Datei: groovy_gravity_deathcount.png
+Datei: deathUndTimer.png
 </gallery>
+=== Progress Bar ===
+In der 2.0 Version haben wir semi-realistische UI Elemente wie bspw. Post-Its implementiert.
+Ursprünglich haben wir bei der Progress Bar einen Bleistift vorgestellt, der im Laufe des Spiels von einem Spitzer gekürzt wird.
+Leider war es für uns zu schwierig, diese Idee umzusetzen.
+[[Datei: groovyInterface.png |700x700px| thumb | ''UI und Game Art im Sketchbook Stil''|zentriert]]
 == Game Design ==
-Ziel unseres Spiels ist es, das Game und die Steuerung so einfach wie möglich zu halten und aber doch den Spieler so gut wie möglich auf kreativer Art herauszufordern.
+=== Vision ===
-Daher haben wir uns für den Gravity-Gimmick entschieden; Dieser lässt sich in Construct 3 halbwegs leicht implementieren, und ermöglicht uns, ein ganzes Spiel daraus zu bauen. ''Groovy Gravity'' kratzt gerade erst
+Ziel unseres Spiels ist es, das Game und die Steuerung so einfach wie möglich zu halten und gleichzeitig das Meiste aus unserem Gameplay zu schöpfen.
-an der Oberfläche, was für Levels man allein mit diesem Gameplay bauen kann. Dies würde den Rahmen unseres Projekts sprengen, also haben wir nur eine Handvoll von Hürden erstellt.
+Daher haben wir uns für den Gravity Gimmick entschieden.
+Dieser lässt sich in Construct 3 relativ leicht implementieren und ermöglicht uns, unsere Spieler auf kreative Art herauszufordern.
-== Level-Design ==
+Unser Motto für dieses Spiel lautet: "hart aber fair". Die Levelabschnitte legen Fokus auf Präzision und gutes Timing.
+Deshalb haben wir auf ein Lebenssystem verzichtet und viele Checkpoints verteilt, damit der Spieler nicht allzu viel Fortschritt verliert.
+Unsere Inspiration dafür war der Gameplay Loop von ''Super Meatboy''.
-Das Spiel fängt mit einem Tutorial an. Wichtig für uns war, den Spieler in einer sicheren Zone anfangen zu lassen, damit er ein Gefühl für die Steuerung entwickeln kann, ohne dafür bestraft zu werden.
+=== Game Feel ===
-Wenn man das erste Mal die Schwerkraft verändert, hat man sein erstes Hindernis vor Augen.
-<gallery mode="packed">
+In der Entwicklungsphase haben wir schnell gemerkt, wie wichtig es ist, dass sich die Steuerung gut anfühlt.
-Datei:Groovy gravity hindernis.png|''Warnblöcke als Hindernisse''
+Daher haben wir sehr oft mit Parametern wie der Laufgeschwindigkeit, maximalen Schwerkraft, usw. herumgespielt und die Hitbox von Blobs Animationen und von den Warnblöcken gleichmäßig und klein gemacht.
-Datei:Groovy gravity tutorial.png|''Spawnpoint zu Spielbeginn''
-Datei:Groovy gravity checkpoint.png|''pinke Plattform dient als Checkpoint''
+<gallery widths="180" heights="180">
+Datei: groovyHitbox2.png | ''die von Construct automatisch erstellte Hitbox''
+Datei: groovyHitbox.png | ''Hitbox angepasst an die gesamte Animation''
+Datei: groovyHazardHitbox.png | ''Hitbox von Warnblöcken''
 </gallery>
-== Prototyp ==
+== Level Design ==
-[[Datei:groovy_gravity_level_layout.png | 400x400px | thumb | zentriert | ''komplettes Level-Layout'']]
+Das Spiel beginnt mit einem simplen Tutorial.
+Wir wollten sichergehen, dass der Spieler in einem gefahrlosen Bereich anfängt.
+Man soll ein Gefühl für die Steuerung entwickeln und damit herumspielen dürfen, ohne dafür bestraft zu werden.
+Nachdem man das erste Mal die Schwerkraft ändert, sieht man vor sich zwei markante Objekte: ''ein Haus'' und ''einen Warnblock''.
-==Character Design==
+Die Idee dahinter ist, den Spielern beizubringen, welche Elemente sie vermeiden und nach welchen sie Ausschau halten sollen.
-Wir haben uns von Anfang an dafür entschieden, unser Game Konzept von [[Groovy Gravity]] zu erweitern, und eventuell ein ganzes Semesterprojekt daraus zu machen.
-[[Datei: groovy_gravity_tutorial.png|400x400px|thumb|''erster Prototyp von Groovy Gravity''|zentriert]]
+<gallery mode="packed" caption="Version 1.0">
+Datei: Groovy gravity hindernis.png
+Datei: Groovy gravity tutorial.png
+Datei: Groovy gravity checkpoint.png
+</gallery>
-<gallery mode="slideshow" caption="Beta Designs">
+<gallery mode="packed" caption="Version 2.0">
-Datei:gravity_scribbles_01.jpg|alt=Buff-Bob|''erste Konzeption von Bob''
+Datei: groovyHazard.png|''Warnblöcke als Hindernis''
-Datei:idle_walk_groovy.jpg|alt=gehender Blob|''Walking-Cycle''
+Datei: groovyTutorial.png|''Tutorial zu Spielbeginn''
-Datei:groovy_hands.jpg|alt=Buff-Hands|''Hands of Doom''
+Datei: groovySavepoint.png|''Wohnhaus als Checkpoint''
 </gallery>
-<gallery mode="slideshow" caption="die ersten Konzepte für Animation">
+== Level Layout ==
-Datei:Gravity main characters.png|alt=squishy blob|''Bob der Blobmeister''
-Datei:Gg-idea.png|alt=squisy bobby|''Bob switch die Schwerkraft nach oben''
+Das Gravity Gameplay hat so gut wie das gesamte Level Design bestimmt.
-Datei:Groovy silhouette.png|alt=squishy silhouette|''Einfach atemberaubend''
-</gallery>
+[[Datei: groovyBetaLayout.png | 980x980px | thumb | zentriert | ''gesamtes Level Layout im Beta'']]
-== Enemy Design ==
+[[Datei: groovyLayout2.1.png | 1000x1000px | thumb | zentriert | ''Level Layout von 2.1'']]
-<gallery>
+== Character Design ==
-Datei:Enemiesquestionmark.png|alt=environmental hazards|''grobe Vorstellung von natürlichen Hindernissen''
-Datei:Timeout.png|alt=speedrunning|''zeitbasiertes Gameplay, um Speedruns zu fördern''
-</gallery>
-== Environment Design ==
+Wir haben uns dafür entschieden, mit unserer Game Art und Interface Aufgabe in GDF unser Spiel [[Groovy Gravity]] zu erweitern.
-<gallery widths="300" heights="300">
+<gallery mode="slideshow" caption="Beta Designs">
-Datei:Konzept1.png|alt=level layout|''unsere Vorstellung des Zeichenstils und Level-Layouts''
+Datei: idle_walk_groovy.jpg|''Walking Cycle''
+Datei: gravity_scribbles_01.jpg|''erste Konzeption von Blob''
+Datei: groovy_hands.jpg|''Hands of Doom''
+Datei: Gravity main characters.png|''Blob der Blobmeister''
+Datei: Gg-idea.png|''Blob stellt die Schwerkraft nach oben''
+Datei: Groovy silhouette.png|''einfach atemberaubend''
 </gallery>
-Für unser Envorinment haben wir uns für einen handgezeichneten / scribbled look entschieden.
+== Enemy Design ==
-Dem Canvas an sich geben wir mit einer leicht zerknüllten Papiertextur etwas Tiefe.
+In Groovy Gravity gibt es leider keine Gegner.
+Die einzigen Hindernisse sind die Warnblöcke und Death Planes oberhalb und unterhalb der Viewport.
+Ansonsten hätten wir gern mehr Gegner und abwechslungsreichere Hindernisse eingebaut.
-== UI ==
+<gallery widths="200" heights="200">
+Datei: groovyBetaDesigns.png|''Hindernisse, die nicht in der finalen Version erscheinen''
+Datei: Timeout.png|''zeitbasierte Plattformen, um gutes Timing zu testen''
+</gallery>
-[[Datei: groovyInterface.png |700x700px| thumb | ''UI und Game Art sollen einen Sketchbook-Kunststil haben''|zentriert]]
+== Environment Design ==
+Wir haben uns für einen handgezeichneten Look entschieden.
+Mit einer leicht zerknüllten Papiertextur geben wir den Visuals einen Sketchbook Stil.
-Für das den Death Counter haben wir versucht mit realen Elementen wie Post-Its zu arbeiten.
+<gallery widths="200" heights="200">
+Datei:Konzept1.png|''erster Vorstellung des Zeichenstils''
+Datei:GroovySketchbook.png|''finalisierter Look''
+</gallery>
 == Winning Screen ==
@@ Zeile 130: / Zeile 179: @@
 == Game Over Screen ==
-[[Datei: gameOverScreen.png |700x700px| thumb | ''Obwohl der Game-Over-Screen im Spiel keinen Nutzen findet, schadet es nie einen Platzhalter zu haben.''|zentriert]]
+[[Datei: gameOverScreen.png |700x700px| thumb | ''Obwohl der Game Over Screen im Spiel unbenutzt bleibt, schadet es nie einen Platzhalter zu haben.''|zentriert]]
 [[Kategorie: Game Art im SS 2022]]
 [[Kategorie: Game Interface im SS 2022]]
 [[Kategorie: Level Design im SS 2022]]