Tworzymy grę Snake w Funkcyjnym JavaScript z Ramda.js

[@piecioshka]

Fajnie! Kod funkcyjny z użyciem Ramdy wygląda dziwacznie :-D 1. Interval nie jest odporny na przełączenie zakładek w przeglądarce. 2. W przypadku tworzenie gier, warto jest użyć requestAnimationFrame, aby uzyskać najlepszą możliwą płynność - co prawda, w grze tego typu, lagi mołbybyć wskazane, aby odwzorować pierwotne wersje :)

[@TheBobson1111]

Pierwsza myśl to właśnie o requestAnimationFrame(); Mimo braku dobrego researchu przed stworzeniem odcinka, spoko realizacja :D

[@overment]

@@TheBobson1111 wydaje mi się że w przypadku aż tak prostej gry trudno zauważyć różnicę gołym okiem. Nie zmienia to faktu - wyleciało mi to z głowy. A co masz na myśli o braku researchu?

[@TheBobson1111]

@@overment Jest to ziarnko piasku, gwiazdka do drobnego druku. W zasadzie nieistota rzecz przy takim "projekcie", aczkolwiek nie zaszkodzi wspomnieć w komentarzu coby się wiedzą chociażby pochwalić :D

[@overment]

Całkowicie się zgadzam :) Podpinam komentarz Piotra

[@darekgala4667]

Fajny kodzik, ciekawa ta Ramda. To teraz odcinek z testowaniem :D

[@blackshadow5800]

przy imporcie pokazuje mi że nie mogę użyć importu poza modułem a gdy dodaje typ modułu to jest to niezgodne z polityką CORS i wywala błąd

[@pZq_]

Świetny skondensowany tekst. Teraz ten sam temat w podejściu TTD oraz DDD xD

[@grzeslavski]

skończyłem właśnie ten projekt i nie mogę rozwiązać problemu, wszystko sprawdzałem 3x z kodem z filmu i dalej nie widzę błędu. Rysuje mi się jabłko i jeden kwadrat z węża a w kolejnych ruchach z interwału mam błąd: Uncaught TypeError: Cannot read properties of undefined (reading 'x') at drawPoint (index.js:30:12) at draw (index.js:54:2) at index.js:93:2 Ma ktoś może kod źródłowy do tego projektu?

[@vladeb1104]

Taki scenariusz - mam postawiony express pod node.js. Pod twój tutorial doinstalowałem 'ramda' do node.js. Ale teraz nie umiem zaimportować owej ramdy pod skrypt. Najpierw wywalało błąd modulo, więc skrypt podałem jako typ modulo. Następnie zaczęło wywalać błąd ściężki. I tutaj już różne kombinacje. Skończyłem na 'import * as R from '../../node_modules/ramda/dist/ramda.js' ale ciągle wywala 404 :-(

[@vladeb1104]

Rozwiázanie - podpiąłem ten oto skrypt do html-a: "" i obiekt 'R' wraz z metodami jest teraz dostępny w skryptach podpiętych w tym pliku html

[@piotrbartoszewski123]

Podeślesz mi jaki masz theme w vs code i webstormie? Bardzo mi się podoba tylko nie mogę nigdzie jego znaleźć. Jescze jedno, czy na Windowsie jest możliwe, żeby kursor pionowo się skurczał tak, jak u ciebie? Wiem, że pierdoły, ale fajnie by było coś zmienić wreszcie w środowisku u mnie. :)

[@pzmarzly]

Czy będzie (a może już jest?) filmik o tym, jak przygotowujesz filmy? Gdy nagle pojawia się kod, którego nie było, to czy w tym miejscu tniesz wideo, czy może wklejasz kod? Sorry jeśli już wcześniej było to pytanie.

[@overment]

Nie, nigdy tego nie pokazywałem. Wklejam kod :)

[@igorswies5913]

myślę że ma sens coś w tym stylu const vector = point; bo przesunięcie o 1 jako punkt jest trochę dziwne

[@michazielinski6322]

przy imporcie z ramda mam problem taki: cannot import statement outside a module. Czy ktoś może pomóc jak poprawnie to zaimportować? Próbowałem już wielu sposobów i nic

[@milesq]

używasz jakiegoś module bundlera(parcel/webpack), czy importujesz bezpośrednio w przeglądarce?

[@wannabedevo7]

Zamierzasz kontynuować te serię? 🤔

[@jacobsteed2144]

Nie no super 😃

[@overment]

🙈🙈🙈 jest super! 🐍🐍🐍

[@kamey3854]

Tęskniłem! :)

[@overment]

No wai! 😁 Pracuje już nad kolejnymi odcinkami :)

[@hansschenker]

very cool sample - please do the presentation also in english

[@fuldrew-schodyrzeszowstalo7625]

Jakie IDE używasz?

[@overment]

Visual Studio Code 🙂

[@fuldrew-schodyrzeszowstalo7625]

@@overment Dzięki za szybką odpowiedz. W takim razie to że na bieżąco logujesz wynik działania programu to jest wbudowana funkcjonalność?

[@overment]

Quokka.js

[@fuldrew-schodyrzeszowstalo7625]

@@overment Dzięki :)

[@jakubkurdziel2407]

O w koncu

[@overment]

Warto spać czasem 😅

[@karpiu94]

Hej, dobry materiał. Gwoli ścisłości 9:20 - Operator % to operator reszty z dzielenia, a nie modulo. Ref: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Remainder 2ality.com/2019/08/remainder-vs-modulo.html

[@overment]

Dzięki! Zorientowałem się dopiero po nagraniu filmu że to pomyliłem. Podobnie posługiwałem się niepoprawnie metodą / funkcją w całym filmie :/

[@overment]

Btw. w polskiej wersji MDN jest błąd i nazywają go operatorem modulo.

[@tabloid64]

Pytam bo nie wiem - jaka jest różnica bo wszędzie widzę tłumaczenie, że modulo to reszta z dzielenia

[@overment]

​@@tabloid64 dla liczb dodatnich zachowują się tak samo, dla ujemnych nie. Operator "%" inaczej implementowany jest np. w JavaScript (remainder) niż w Pythonie (modulo). Dokładniej o różnicach mówi drugi artykuł zlinkowany przez @karpiu94

[@milesq]

wait.. zawsze myślałem, że modulo to po prostu nazwa na resztę z dzielenia :O

[@blackshadow5800]

przy imporcie pokazuje mi że nie mogę użyć importu poza modułem a gdy dodaje typ modułu to jest to niezgodne z polityką CORS i wywala błąd