Gra "Tunel" w 170 liniach czystego JavaScriptu

Samouczek programowania

[ijones]

Na końcu tunelu powinno być światło ( ͡º ͜ʖ͡º)

[PIAN--A_A--KTYWNA]

You Win ( ͡° ͜ʖ ͡°) szkoda że taka krótka

[czcionki]

@PIAN--A_A--KTYWNA: Gratuluję!
A długość tunelu można regulować stałą maxRows w linii 20.

[werfogd]

Mawiają, że JS to jak szyszka w waginie (ani wyjąć, ani wsadzić głębiej).
A tu takie zdziwienie! Jednak da się w tym zrobić coś ciekawego!

[czcionki]

@werfogd: dzięki za obrazową analogię i pozytywny feedback!
JS, jak każdy język, ma swoje wady, ale faktycznie do małych webowych gierek się nadaje.

[uzytkownik_wykop_pl]

@werfogd: 70% tego świata to js

[autotldr]

To najlepszy tl;dr, jaki mogłem zrobić, oryginał zmniejszony o 79% (jestem botem)

Pomysł Gry i Jej Działanie

Gra polega na bieganiu i skakaniu przez labirynt, unikając czarnych pól, a jej innowacyjnym elementem jest wewnętrzny tunel. Kluczowym aspektem jest funkcja tunnelCoords, która przekształca 2D na 3D, umożliwiając wizualizację tunelu. Użytkownicy mogą eksperymentować z dwoma płótnami, gdzie interakcje na górnym canvasie przekładają się na odpowiednie rysunki na dolnym, w oparciu o inne układy współrzędnych.

Struktura Kodu

[JoeBlade]

To teraz bez optymalizacji rozmiaru i zrób na splajnach używając mieszanki sin/cos, bo takie coś znacząco poprawi wizualną warstwę gierki i przyciągnie znacznie więcej użytkowników ( ͡º ͜ʖ͡º)

Do usprawnienia grafiki możesz użyć np https://www.babylonjs.com/