Tetris online — gra na HTML5 dla przeglądarki
Programowanie stron internetowychOpracowałem pełnoprawną grę arcade „Tetris” w HTML5, która działa w przeglądarce bez internetu, rejestracji czy instalacji dodatkowego oprogramowania. Zrealizowane funkcje:
Klasyczna mechanika z 1984 roku: sterowanie tetromino, wypełnianie poziomych linii, wzrost prędkości z każdym poziomem
Nieskończony system poziomów ze wzrastającą trudnością
„Cień-duch” — podpowiedź, gdzie spadnie figura przy aktualnym położeniu
Podgląd następnej figury do planowania ruchów
System liczenia punktów z bonusem za jednoczesne wypełnienie kilku linii
Sterowanie:
← → — ruch figury w lewo/prawo
↑ — obrót figury
↓ — przyspieszenie opadania
Spacja — natychmiastowe zrzucenie figury w dół
Realizacja techniczna: gra zawarta w jednym pliku tetris.html, który otwiera się w każdej nowoczesnej przeglądarce (Chrome, Firefox, Safari, Edge) bez instalacji czy połączenia z internetem.
Kompatybilność: Windows, macOS, Linux, ChromeOS.
Rezultat — lekka, autonomiczna gra, która demonstruje opanowanie logiki mechaniki gry, obsługi kolizji oraz pracy z canvas/DOM w czystym HTML5 i JavaScript.
Tagi:
#HTML5 #JavaScript #Tetris #GameDev #Gra #Rozwój #Canvas #WebDev #Gra_przeglądarkowa #Frontend
Klasyczna mechanika z 1984 roku: sterowanie tetromino, wypełnianie poziomych linii, wzrost prędkości z każdym poziomem
Nieskończony system poziomów ze wzrastającą trudnością
„Cień-duch” — podpowiedź, gdzie spadnie figura przy aktualnym położeniu
Podgląd następnej figury do planowania ruchów
System liczenia punktów z bonusem za jednoczesne wypełnienie kilku linii
Sterowanie:
← → — ruch figury w lewo/prawo
↑ — obrót figury
↓ — przyspieszenie opadania
Spacja — natychmiastowe zrzucenie figury w dół
Realizacja techniczna: gra zawarta w jednym pliku tetris.html, który otwiera się w każdej nowoczesnej przeglądarce (Chrome, Firefox, Safari, Edge) bez instalacji czy połączenia z internetem.
Kompatybilność: Windows, macOS, Linux, ChromeOS.
Rezultat — lekka, autonomiczna gra, która demonstruje opanowanie logiki mechaniki gry, obsługi kolizji oraz pracy z canvas/DOM w czystym HTML5 i JavaScript.
Tagi:
#HTML5 #JavaScript #Tetris #GameDev #Gra #Rozwój #Canvas #WebDev #Gra_przeglądarkowa #Frontend