Wykop.pl Wykop.pl
  • Główna
  • Wykopalisko240
  • 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

Czy "naukowczyni" Kornelia Wieczorek próbuje uciszyć krytyków?
Czy "naukowczyni" Kornelia Wieczorek próbuje uciszyć krytyków?
3486
InPost przesczepia patologiczny zwyczaj dawania napiwków do Polski
InPost przesczepia patologiczny zwyczaj dawania napiwków do Polski
3102
Karol Nawrocki odznaczył 17-letnią "naukowczynię" Kornelię Wieczorek
Karol Nawrocki odznaczył 17-letnią "naukowczynię" Kornelię Wieczorek
2905
Czy "naukowczyni" Kornelia Wieczorek SKŁAMAŁA ws. współpracy z Instytutem?
Czy "naukowczyni" Kornelia Wieczorek SKŁAMAŁA ws. współpracy z Instytutem?
2651
Według rządu jeżeli nie podoba ci się system kaucyjny, to szerzysz dezinformację
Według rządu jeżeli nie podoba ci się system kaucyjny, to szerzysz dezinformację
2584
Pokaż więcej

Powiązane tagi

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

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