Wykop.pl Wykop.pl
  • Główna
  • Wykopalisko217
  • Hity
  • Mikroblog
  • Zaloguj się
  • Zarejestruj się
Zaloguj się

Popularne tagi

  • #ciekawostki
  • #informacje
  • #technologia
  • #polska
  • #swiat
  • #motoryzacja
  • #podroze
  • #heheszki
  • #sport

Wykop

  • Ranking
  • Osiągnięcia
  • FAQ
  • O nas
  • Kontakt
  • Reklama
  • Regulamin

185

Gra "Tunel" w 170 liniach czystego JavaScriptu

Gra "Tunel" w 170 liniach czystego JavaScriptu

Samouczek programowania

czcionki
czcionki
czcionki
z
slicker.me
dodany: 19.12.2025, 05:34:44
  • #
    javascript
  • #
    webdev
  • #
    programowanie
  • #
    js
  • #
    naukaprogramowania
  • #
    kodowanie
  • 66
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Treści powiązane (1)

pierwowzor skakania po kwadracikach
ugluck
z playdosgames.com
  • 5

Komentarze (66)

najlepsze

ijones
ijones
19.12.2025, 15:38:22 via Wykop
  • 26
Na końcu tunelu powinno być światło ( ͡º ͜ʖ͡º)
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

Atreyu
Atreyu
19.12.2025, 21:05:07 via Wykop
  • 14
@ijones: Optymista widzi światełko w tunelu.
Pesymista myśli że to pociąg.
Realista wie co to za otwór ( ͡º ͜ʖ͡º)
  • Odpowiedz
wanteed
wanteed
wanteed
19.12.2025, 23:41:36 via Wykop
  • 2
@ijones: otchłań prowadząca do łysiny i zawału
  • Odpowiedz
masz_fajne_donice
masz_fajne_donice
19.12.2025, 21:09:51 via Wykop
  • 6
Dużo gówna teraz przez ten AI powstaje, ciężej znaleźć perełki w tym zalewie.
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

mk321
mk321
20.12.2025, 00:10:17 via Wypiek
  • 4
@masz_fajne_donice AI by zrobiło to samo tylko w 1700 liniach i z błędami.

Tutaj jest esencja, tylko to co potrzebne i w optymalny sposób.
  • Odpowiedz
PIAN--A_A--KTYWNA
PIAN--A_A--KTYWNA
19.12.2025, 08:35:54 via Wykop
  • 6
You Win ( ͡° ͜ʖ ͡°) szkoda że taka krótka
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

czcionki
czcionki
czcionki
Autor
19.12.2025, 14:53:21 via Wykop
  • 6
@PIAN--A_A--KTYWNA: Gratuluję!
A długość tunelu można regulować stałą maxRows w linii 20.
  • Odpowiedz
autotldr
autotldr
19.12.2025, 05:35:20 via Wykop
  • 4
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
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

DEMONzSZAFY
DEMONzSZAFY
20.12.2025, 00:24:04 via Wypiek
  • 3
W JavaScript to można napisać i w jednej linijce.
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

czcionki
czcionki
czcionki
Autor
20.12.2025, 00:29:29 via Wykop
  • 7
@DEMONzSZAFY: zgadza się, natomiast (przy zasadzie 1 linia = 1 instrukcja) podanie liczby linii daje przybliżoną informację o stopniu skomplikowania programu
  • Odpowiedz
Ingvarr100th
Ingvarr100th
19.12.2025, 23:54:01 via Wykop
  • 3
A potem na pełnej zamiast canvasów wjeżdża WebGL albo nawet WebGPU ( ͡° ͜ʖ ͡°)
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

czcionki
czcionki
czcionki
Autor
20.12.2025, 00:18:20 via Wykop
  • 6
@Ingvarr100th: i sklep ze skórkami, ciuchami i akcesoriami dla postaci
  • Odpowiedz
not-sweet
not-sweet
19.12.2025, 19:43:54 via Wykop
  • 2
Fajne. Dobra robota.
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

czcionki
czcionki
czcionki
Autor
19.12.2025, 20:16:27 via Wykop
  • 0
@not-sweet: dzięki!
  • Odpowiedz
JoeBlade
JoeBlade
JoeBlade
19.12.2025, 18:24:01 via Wykop
  • 2
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/

  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

czcionki
czcionki
czcionki
Autor
19.12.2025, 20:17:34 via Wykop
  • 0
@JoeBlade: dobre pomysły, dopisałem na mojej liście rzeczy do zrobienia.
  • Odpowiedz
Borszczuk
Borszczuk
20.12.2025, 07:08:42 via Wykop
  • 1
@czcionki: mechanika skoku jest taka sobie, Skok jest za dlugi (czas lotu). imho lepsze byloby skrocenie skoku (tak np. do 60%) i zrobienie mozliwosci double jump. albo nawet triple, i kazdy kolejny co raz krotszy. Albo dodatkowo skrecaine podczas lotu skraca dystans skoku. Obecnie bardzo latwo przestrzelic i nic nie mozna juz zrobic.
  • Odpowiedz
Mokotowski
Mokotowski
20.12.2025, 18:41:54 via Android
  • 1
Przypomina mi SkyRoads.
Mokotowski - Przypomina mi SkyRoads.

źródło: temp_file7099340872425285564

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

UnitrA
UnitrA
20.12.2025, 06:50:13 via Android
  • 1
Chciałbym zagrać, ale jestem zbyt leniwy, żeby w to kliknąć
A może to nie lenistwo, tylko ukryte ADHD?
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

przegrywam_przez_miasto
przegrywam_przez_miasto
20.12.2025, 12:08:02 via Android
  • 0
@UnitrA to depresja, teraz nie mówi się lenistwo tylko depresja
  • Odpowiedz
przegrywam_przez_miasto
przegrywam_przez_miasto
20.12.2025, 12:08:09 via Android
  • 0

Komentarz usunięty przez autora

  • <
  • 1
  • 2
  • 3
  • Strona 1 z 3
  • >

Hity

tygodnia

Zgłosił na policję, że od siedmiu lat znęca się nad nim żona
Zgłosił na policję, że od siedmiu lat znęca się nad nim żona
2558
Młoda policjantka z Katowic z błyskawicznym awansem
Młoda policjantka z Katowic z błyskawicznym awansem
2300
Filmik pokazujący jak działa system kaucyjny w praktyce
Filmik pokazujący jak działa system kaucyjny w praktyce
2176
2834 punkty pomocy dla kobiet i 0 dla meżczyzn
2834 punkty pomocy dla kobiet i 0 dla meżczyzn
1986
Fajerwerki na Światełku do Nieba są OK, a w sylwestra nie. Kuriozalna sytuacja
Fajerwerki na Światełku do Nieba są OK, a w sylwestra nie. Kuriozalna sytuacja
2117
Pokaż więcej

Powiązane tagi

  • #webdev
  • #programowanie
  • #jquery
  • #informatyka
  • #js
  • #php
  • #nodejs
  • #html5
  • #frontend
  • #html
  • #angularjs
  • #go
  • #css
  • #naukaprogramowania
  • #python

Wykop © 2005-2026

  • O nas
  • Reklama
  • FAQ
  • Kontakt
  • Regulamin
  • Polityka prywatności i cookies
  • Hity
  • Ranking
  • Osiągnięcia
  • Changelog
  • więcej

RSS

  • Wykopane
  • Wykopalisko
  • Komentowane
  • Ustawienia prywatności

Regulamin

Reklama

Kontakt

O nas

FAQ

Osiągnięcia

Ranking