Wszystkie wpisy

Case study: grywalny klon Tetrisa zbudowany z Gemini i Hostilo

tetris.hostilo.page to działający klon Tetrisa, wygenerowany przez Google Gemini i opublikowany na Hostilo. To przydatny przykład właśnie dlatego, że za pierwszym razem nie był idealny, i to jest normalne.

Założenia

Cel był prosty: grywalny klon Tetrisa w jednym pliku HTML, zbudowany w całości przez prompty do Gemini, bez ręcznie pisanego kodu. Spadające klocki, obracanie, czyszczenie linii, sterowanie klawiaturą: mały, ale naprawdę interaktywny projekt, bliższy prawdziwej aplikacji niż statycznemu landingowi.

Zajęło to kilka rund i o to właśnie chodzi

Pierwsza wersja od Gemini miała błędy. To normalne, gdy prosisz AI o coś z prawdziwą logiką: wykrywanie kolizji, obracanie i punktacja mają przypadki brzegowe, które nie zawsze działają poprawnie za pierwszym podejściem. Do działającej gry doszliśmy w kilku rundach: uruchom kod, zobacz, co nie działa, opisz problem Gemini, dostań poprawioną wersję, powtórz.

Warto to powiedzieć wprost, bo wiele historii „AI zbudowało mi stronę” przeskakuje od razu do sukcesu i brzmi, jakby wszystko działo się natychmiast. W praktyce wszystko z prawdziwą interakcją, czyli gry, kalkulatory i narzędzia ze stanem, zwykle wymaga kilku iteracji. Statyczny landing rzadko tego potrzebuje; coś z logiką gry prawie zawsze.

Gdzie w tym procesie jest Hostilo

Wszystkie iteracje odbyły się w czacie z Gemini, a między rundami plik był testowany lokalnie. Hostilo nie było częścią tego powolnego etapu. Gdy ostateczna, działająca wersja była gotowa, publikacja wyglądała tak samo jak zawsze: wklej gotowy HTML do edytora, kliknij Zapisz i gra działa pod adresem tetris.hostilo.page. Czas zajęły rozmowy z AI; przejście od gotowego pliku do publicznego linku nie zajęło go wcale.

Wniosek dla twojego projektu

Jeśli budujesz coś bardziej interaktywnego niż statyczna strona, nastaw się na iteracje z AI przed publikacją, a nie po niej. Najpierw przetestuj plik lokalnie w przeglądarce. Gdy coś nie działa, opisz dokładnie, co się dzieje, a nie co powinno się dziać: „klocki nie obracają się po wciśnięciu strzałki w górę” da lepszą poprawkę niż „nie działa”. Do Hostilo wklej dopiero ostateczną wersję, gdy naprawdę działa tak, jak chcesz.

Najczęstsze pytania

Jakim narzędziem AI zbudowano tetris.hostilo.page?
Google Gemini. Gra powstała jako jeden plik HTML w kilku rundach promptów.

Czy działała poprawnie za pierwszym razem?
Nie. Jak większość projektów z AI z prawdziwą interakcją, pierwsza wersja miała błędy. Zanim gra zaczęła działać poprawnie, trzeba było kilka razy opisać, co nie działa, i poprosić Gemini o poprawkę.

Czy Hostilo obsługuje interaktywne strony, jak gry, czy tylko treści statyczne?
Obsługuje. Hostilo hostuje każdy plik HTML, także z JavaScriptem w środku, więc gry, kalkulatory i interaktywne narzędzia działają tak samo jak statyczny landing.

Dlaczego publikacja była szybka, choć gra wymagała kilku iteracji?
Bo iteracje odbywały się w czacie z Gemini, zanim cokolwiek trafiło do Hostilo. Publikacja to jeden krok: wklej gotowy plik i zapisz, niezależnie od liczby rund potrzebnych do dopracowania kodu.