Arkanoid

TypeScriptCanvasKolizjeSterowanie paletką

Steruj paletką, utrzymaj piłkę w grze i czyść pole cegieł precyzyjnymi odbiciami. Gra używa pętli canvas 60 FPS, ograniczonego delta-time i pozycji trafienia w paletkę, żeby ruch był stabilny, a strzały przy krawędzi dawały ostrzejszy kąt.

Napisane w TypeScripcie. Zobacz więcej projektów na Projektach

Jak to działa

Canvasowa implementacja Arkanoida skupiona na płynnym ruchu paletki, stabilnej fizyce piłki, kolizjach cegieł i kątach odbicia zależnych od miejsca trafienia w paletkę.

Notatki z implementacji

Gra działa w 60 FPS i ogranicza delta-time, żeby ruch piłki oraz paletki pozostał stabilny po wolniejszych klatkach.

Stan paletki, piłki i cegieł żyje w refach, więc animacja nie wymusza renderów Reacta.

Piłka odbija się od ścian pionowych, górnej krawędzi, paletki i widocznych cegieł; spadek poniżej paletki restartuje rundę.

Miejsce trafienia w paletkę mapuje się na kąt odbicia z maksimum 75 stopni, więc trafienia przy krawędzi dają ostrzejszy powrót.

Sterowanie

RuchArrowLeft / ArrowRightA / D
DotykPrzyciski lewo / prawo