Alle Beiträge

Fallstudie: Ein spielbarer Tetris-Klon mit Gemini und Hostilo

tetris.hostilo.page ist ein funktionierender Tetris-Klon, erstellt mit Google Gemini und veröffentlicht auf Hostilo. Er ist gerade deshalb ein nützliches Beispiel, weil er beim ersten Versuch nicht perfekt war, und das ist normal.

Die Vorgabe

Das Ziel war einfach: ein spielbarer Tetris-Klon als einzelne HTML-Datei, komplett durch Prompts an Gemini gebaut, ohne handgeschriebenen Code. Fallende Steine, Drehen, Zeilen löschen, Tastatursteuerung: ein kleines, aber wirklich interaktives Projekt, näher an einer echten Anwendung als an einer statischen Landingpage.

Es brauchte ein paar Runden, und genau darum geht es

Die erste Version von Gemini hatte Fehler. Das gehört dazu, wenn man eine KI etwas mit echter Logik bauen lässt: Kollisionserkennung, Drehen und Punktezählung haben Sonderfälle, die beim ersten Durchgang nicht immer stimmen. Bis zum funktionierenden Spiel brauchte es mehrere Runden: Code ausführen, sehen, was kaputt ist, das Problem Gemini beschreiben, korrigierte Version holen, wiederholen.

Das sollte man klar sagen, denn viele „KI hat meine Website gebaut“-Geschichten springen direkt zum Erfolg und klingen, als ginge alles sofort. In der Praxis braucht alles mit echter Interaktivität, also Spiele, Rechner und Tools mit Zustand, meist ein paar Iterationen. Eine statische Landingpage braucht das selten; etwas mit Spiellogik fast immer.

Wo Hostilo in diesen Ablauf passt

Alle Iterationen fanden im Chat mit Gemini statt, die Datei wurde zwischen den Runden lokal getestet. Hostilo war nicht Teil des langsamen Teils. Sobald die endgültige, funktionierende Version fertig war, lief das Veröffentlichen wie immer in einem Schritt: fertiges HTML in den Editor einfügen, speichern, und das Spiel war unter tetris.hostilo.page live. Das Hin und Her mit der KI kostete Zeit, der Weg von der fertigen Datei zum öffentlichen Link nicht.

Was das für dein eigenes Projekt bedeutet

Wenn du etwas Interaktiveres als eine statische Seite baust, plane die Iterationen mit der KI vor dem Veröffentlichen ein, nicht danach. Teste die Datei zuerst lokal im Browser. Wenn etwas nicht funktioniert, beschreibe genau, was passiert, statt was passieren sollte: „Die Steine drehen sich nicht, wenn ich die Pfeiltaste nach oben drücke“ bringt eine bessere Korrektur als „es geht nicht“. Füge erst die endgültige Version in Hostilo ein, wenn sie wirklich so funktioniert, wie du willst.

Häufige Fragen

Mit welchem KI-Tool wurde tetris.hostilo.page gebaut?
Mit Google Gemini. Das Spiel entstand als einzelne HTML-Datei in mehreren Prompt-Runden.

Hat es beim ersten Versuch richtig funktioniert?
Nein. Wie die meisten KI-Projekte mit echter Interaktivität hatte die erste Version Fehler. Es brauchte einige Runden, in denen beschrieben wurde, was nicht funktioniert, bis Gemini ein funktionierendes Spiel lieferte.

Unterstützt Hostilo interaktive Seiten wie Spiele oder nur statische Inhalte?
Ja. Hostilo hostet jede einzelne HTML-Datei, auch mit eingebettetem JavaScript, daher funktionieren Spiele, Rechner und interaktive Tools genauso wie eine statische Landingpage.

Warum blieb das Veröffentlichen schnell, obwohl das Spiel mehrere Iterationen brauchte?
Weil die Iterationen im Chat mit Gemini stattfanden, bevor irgendetwas Hostilo erreichte. Veröffentlichen ist ein Schritt: fertige Datei einfügen und speichern, egal wie viele Runden der Code gebraucht hat.