Realizacja / Autorskie
Data Center Fan.
Gra przeglądarkowa
Przeglądarkowa gra tycoon — rozbudowa centrum danych: serwery, zasilanie, chłodzenie i zespół.
- Rodzaj projektu
- Autorskie
- Zakres
- Projekt, budowa i rozwój
- Rok
- 2026
- Obszar
- Gra przeglądarkowa
- Adres strony
- datacenter.fan (otwiera nową kartę)
01 / Kontekst
Pomysł i zakres produktu
Izometryczna gra ekonomiczna, w której buduje się własne centrum danych: serwery, zasilanie, chłodzenie i zespół, awansując przez kolejne poziomy rozbudowy. Gra się za darmo, w przeglądarce, także na telefonie.
03 / Wykonanie
Decyzje widoczne w szczegółach
Pomysł w działającym interfejsie
- Izometryczna serwerownia rozbudowywana od garażu do skali hiperskalera
- Powiązane systemy: zasilanie, chłodzenie, sieć i ludzie na zmianie
- Zmiana operatora jako jednostka rozgrywki, zamiast paska postępu
Szczegóły sposobu użycia
- Poziomy Tier opisane osobno, bo to z nich bierze się trudność
- Akademia z 10 materiałami tłumaczącymi, jak centrum danych działa naprawdę
- Cztery wpisy o zmianach w grze, żeby wracający widział, co nowego
Zakres / pozostałe elementy
Co zostało zbudowane
- Gra w przeglądarce, za darmo, również na telefonie
- Wsparcie i kontakt dla prasy, czego gra przeglądarkowa zwykle nie ma
04 / Funkcje i technika
Co ta strona potrafi
Widać ją od razu
0,68 sGłówna treść pojawia się w 0,68 s — zanim ktokolwiek zdąży się zniecierpliwić i wrócić do wyników wyszukiwania.
LCP — largest contentful paint — czas do największego elementu
Da się z niej korzystać bez myszy
27 testówData Center Fan przechodzi 27 automatycznych testów dostępności bez jednego poważnego błędu: obsłużysz ją klawiaturą, przeczyta ją czytnik ekranu.
WCAG 2.2 AA — wytyczne dostępności W3C, poziom AA
Instaluje się jak aplikacja
DCFPo dodaniu do ekranu telefonu otwiera się jako „DCF” — w osobnym oknie, bez paska adresu i bez pobierania czegokolwiek ze sklepu.
PWA — progresywna aplikacja webowa
Pod maską (5)
- Działa bez zasięgu
- Data Center Fan otworzy się nawet wtedy, gdy telefon zgubi zasięg — raz obejrzane strony zostają w pamięci przeglądarki.Service worker — skrypt buforujący po stronie przeglądarki
- W Google pokazuje więcej niż tytułwitryna, firma, dane kontaktowe
- Wyszukiwarka czyta stąd gotowe dane: witryna, firma i dane kontaktowe — nie musi ich zgadywać z treści.schema.org — słownik danych strukturalnych
- Zdjęcia dopasowane do ekranu10 zdjęć
- 10 zdjęć podawanych jest w nowoczesnym formacie i w rozmiarze dobranym do ekranu, a te niżej doładowują się dopiero przy przewijaniu.WebP · srcset — nowoczesny format i zestaw rozmiarów
- Trudniej ją podrobić7 nagłówków bezpieczeństwa
- Odpowiada 7 nagłówkami bezpieczeństwa, które wymuszają szyfrowanie i ograniczają, co obcy kod może na niej zrobić.CSP · HSTS — polityka bezpieczeństwa treści i wymuszone HTTPS
- Przygotowana dla wyszukiwarek87 adresów w mapie strony
- Mapa strony podaje Google 87 adresów, więc nowa podstrona nie czeka, aż robot trafi na nią sam.robots.txt · sitemap.xml — instrukcje dla robotów i mapa strony
Data i sposób weryfikacji
Zmierzone na działającej stronie, 12 września 2026. Odczyty dotyczą sprawdzonych publicznych stron: pomiar ładowania w przeglądarce, kontrola dostępności axe-core, nagłówków HTTP, manifestu aplikacji i mapy strony. To stan z dnia pomiaru, nie obietnica wyników biznesowych. Zakres kontroli zależy od pokazanej funkcji.
Jak została zbudowana
Gra działająca w całości w przeglądarce: stan rozgrywki liczony i zapisywany po stronie gracza, bez instalacji i bez konta.
