Witamy w Unicorn Games: Architektura natychmiastowej rozgrywki w przeglądarce
Gry przeglądarkowe zepsuły się piętnaście lat temu. Flash przestał istnieć, sklepy z aplikacjami zamknęły telefony za trzydziestoprocentową prowizją, a proste gry w przeglądarce stały się pułapkami pełnymi reklam.
Gracz klikający w odnośnik, by rozegrać szybką partię kart, oczekuje natychmiastowej rozgrywki. Zamiast tego trafia na dwa megabajty skryptów śledzących, trzy niepomijalne reklamy wideo i pasek ładowania, który zawiesza się na łączu komórkowym. Gdy gra w końcu rusza, działa w nieoptymalnym opakowaniu, które nagrzewa telefon i pochłania dziesięć procent baterii w pięć minut.
Unicorn Games powstało po to, by odwrócić ten stan rzeczy. Tworzymy gry dla osób, które chcą grać natychmiast na dowolnym ekranie. Bez kont w sklepach z aplikacjami. Bez pobierania pięćdziesięciu megabajtów danych. Bez ścian reklamowych.
Główna zasada techniczna: Zero zbędnych bibliotek
Większość współczesnych gier webowych opiera się na ciężkich silnikach firm trzecich, takich jak Phaser, Pixi.js, moduły Godot czy pakiety Unity WebGL. Tego typu narzędzia sprawdzają się w trójwymiarowych grach akcji lub rozbudowanych symulacjach fizycznych. W przypadku klasycznych gier karcianych, logicznych i planszowych stanowią czysty balast. Standardowy projekt Unity WebGL pobiera od dwudziestu do trzydziestu megabajtów skompresowanych plików WebAssembly, zanim wyświetli ekran startowy.
Nasze gry piszemy bezpośrednio w HTML5 Canvas 2D i czystym TypeScript.
Różnica w szybkości działania jest widoczna od razu. Po uruchomieniu Pasjansa Klondike w Unicorn Games cała początkowa paczka waży mniej niż dwieście kilobajtów. Płótno pojawia się w ciągu trzystu milisekund od pierwszego zapytania sieciowego. Każdy ruch karty zachowuje pełne sześćdziesiąt klatek na sekundę na kilkuletnim telefonie budżetowym.
Brak ciężkiego silnika radykalnie obniża zużycie energii. Prosty renderer Canvas nanosi piksele na ekran wyłącznie wtedy, gdy zmienia się układ na stole. Kiedy zastanawiasz się nad kolejnym ruchem w Pasjansie FreeCell, pętla przeglądarki odpoczywa. Zużycie procesora spada niemal do zera. Telefon pozostaje chłodny w dłoni.
Rozdzielenie matematyki gry od wyświetlania grafiki
Powszechnym błędem w amatorskim programowaniu gier przeglądarkowych jest powiązanie reguł gry bezpośrednio z elementami DOM lub współrzędnymi ekranu. Umieszczanie wartości kart w atrybutach znaczników HTML spowalnia logikę i uniemożliwia pisanie zautomatyzowanych testów.
Każdą grę dzielimy na dwa niezależne moduły: bezinterfejsowy automat stanów oraz odrębny renderer graficzny.
Automat stanów zarządza czystą matematyką. Nie ma pojęcia o pikselach, proporcjach ekranu czy kliknięciach myszą. Przyjmuje liczby całkowite, realizuje reguły i zwraca zaktualizowany stan gry. Ponieważ silnik operuje wyłącznie na surowych danych, uruchamiamy symulacje obejmujące sto tysięcy rozdań w środowisku Node, by badać wskaźniki zwycięstw i eliminować układy bez wyjścia. Całość tej metodyki dokumentują nasze badania nad rozwiązywalnością pasjansa.
Renderer graficzny pełni rolę obserwatora. Odczytuje wartości liczbowe i przenosi je na płótno w układzie współrzędnych względnych. Podczas przeciągania karty po suknie pętla graficzna śledzi ruch palca, a silnik logiczny czeka na prawidłowe upuszczenie karty, zanim zmieni stan gry. Taki podział zapobiega błędom synchronizacji i pozwala tym samym regułom obsługiwać komputery, tablety i telefony bez dublowania kodu.
Precyzja dotyku i minimalne opóźnienia
Na komputerze gracz posługuje się myszą z dokładnością do pojedynczego piksela. Na telefonie kciuk zasłania osiemdziesiąt milimetrów kwadratowych szkła.
Przeniesienie interfejsu z komputera na mały ekran bez modyfikacji stref dotyku powoduje ciągłe pomyłki. Gracz próbuje podnieść siódemkę trefl, a przypadkowo zahacza o leżącą wyżej ósemkę karo.
Pola dotykowe na urządzeniach mobilnych wyposażamy w szerokie marginesy wykraczające poza widoczny obrys karty. Algorytm dotyku oblicza odległość: gdy palec ląduje między dwoma nakładającymi się kartami, silnik sprawdza, która z nich ma dozwolony ruch na stole i nadaje jej priorytet.
Szybkość reakcji jest równie istotna jak powierzchnia dotyku. Gdy gracz dotyka karty, reakcja wizualna musi nastąpić w tym samym cyklu odświeżania ekranu. Czekanie na pliki dźwiękowe lub potwierdzenia sieciowe wywołuje uczucie ociężałości. Nasze procedury rejestrują dotyk bez sztucznych opóźnień, uruchamiając animacje w czasie krótszym niż szesnaście milisekund.
Rzetelne tasowanie i matematyczna uczciwość
Gry karciane opierają się na czystości tasowania talii. Prawdziwa losowość w oprogramowaniu wymaga rygoru, a proste generatory liczb wprowadzają skrzywienia statystyczne, które psują rozdania.
Stosujemy algorytm Fishera-Yatesa napędzany kryptograficznie bezpiecznym generatorem z interfejsu Web Crypto API przeglądarki. Każda z pięćdziesięciu dwóch kart ma dokładnie taką samą szansę równą jednej pięćdziesiątej drugiej na znalezienie się na dowolnej pozycji.
W grach takich jak Blackjack w Unicorn Games but wiernie odtwarza zasady kasynowe aż do karty rozdzielającej. W grach logicznych pokroju 2048 pojawianie się liczb podlega ścisłym proporcjom: dziewięćdziesiąt procent dwójek i dziesięć procent czwórek w losowych wolnych polach. Wygrywasz dzięki planowaniu, a nie dlatego, że algorytm manipuluje szansami, by zatrzymać cię na stronie.
Gra bez połączenia z siecią i Progressive Web Apps
Gra w przeglądarce powinna działać w samolocie oraz w tunelu metra.
Unicorn Games wykorzystuje mechanizm pamięci podręcznej service worker. Po pierwszym uruchomieniu gry, takiej jak Pasjans czy Saper, przeglądarka zapisuje kod HTML, moduły graficzne, ilustracje i dźwięki w pamięci urządzenia. Utrata połączenia w trakcie partii niczego nie przerywa. Możesz odświeżyć stronę lub otworzyć ją w trybie samolotowym, a gra uruchomi się natychmiast.
Każdą grę można też przypiąć do ekranu głównego telefonu. Chrome na Androidzie oraz Safari na iOS pozwalają jednym dotknięciem zainstalować grę jako Progressive Web App. Pasek adresu znika, oddając całą przestrzeń ekranu na wzór natywnej aplikacji, bez pośrednictwa sklepów cyfrowych i bez marnowania pamięci telefonu.
Najczęściej zadawane pytania
Czy muszę zakładać konto, żeby zagrać?
Nie. Wszystkie gry są dostępne od razu, bez rejestracji, podawania adresu e-mail czy numeru telefonu. Twoje rekordy i statystyki zapisują się lokalnie w pamięci przeglądarki.
Czy gry na Unicorn Games są darmowe?
Tak. Wszystkie tytuły działają bezpłatnie w nowoczesnych przeglądarkach. Nie pobieramy opłat abonamentowych, nie blokujemy poziomów mikropłatnościami i nie sprzedajemy wirtualnych walut.
Czy mogę grać na smartfonie lub tablecie?
Tak. Każda gra została przygotowana z myślą o komputerach, tabletach i telefonach. Sterowanie dotykowe automatycznie dopasowuje się do Twojego ekranu.
Jak działa rozgrywka w trybie offline?
Platforma zapisuje niezbędne pliki w pamięci urządzenia za pośrednictwem skryptu service worker. Po pierwszej wizycie możesz grać w obsługiwane tytuły bez dostępu do sieci.
Dlaczego gry ładują się tak szybko?
Nie korzystamy z ciężkich silników gier. Wszystko opiera się na lekkim Canvas 2D i modułowym TypeScript. Pozwala to zachować miniaturowe rozmiary plików i eliminuje niepotrzebne procesy w tle.
Game developer and founder at Unicorn Games. Specializes in combinatorial game theory, solvability algorithms, and classic card & puzzle game development. Every guide is fact-checked against mathematical game states and empirical play benchmarks.
