Tworze mała gierkę, potrzebuje paru porad.

Question

Witam.

Tworzę mini gierkę Bauncing Ball i potrzebuje paru rad dotyczących kodu. Jeszcze sporo jej brakuje do końca, wyglądem wręcz odstrasza :)

link do kodu:

https://github.com/GrzegorzLy/BouncingBall

1) Chciałem stworzyć przejrzysty, elegancki kod, ale mi się chyba nie udało :D. Czy taka konstrukcja kodu jest akceptowalna, jeżeli nie to co zmienić, usunąć, dodać, doczytać. Może pójść w klasy i stworzyć  coś na zasadzie klas w c#?

2) Gierka docelowo ma być sterowana za pomocą telefonu, tu rodzi się drugie pytanie. Jak testować taki program później. Wrzucać na serwer i po omacku, bez consoli, debugera testować na komórce? Czy są jakieś specjalne programy do takich testów?

3)Piłką tworzę za pomocą css, czy to dobry sposób, czy może lepiej za pomocą canvas?

Z góry dziękuję za każdą pomoc i krytykę(zawsze się przyda) , pozdrawiam Grzegorz.

Answer 1

Masz ciekawy pomysł z MVC, ale aby nadać więcej przejrzystości dla kodu rozdziel to na kilka plików.

W tej chwili twój kod jest również podatny na zmiany z konsoli co umożliwia oszukiwanie, a tego raczej byś chciał uniknąć. Aby się przed tym chronić warto zabezpieczyć kod za pomocą IIFE. 

Skoro poszedłeś nieco w składnię ES6, to idź dalej. ES6 udostępnia nam słowo kluczowe class, więc myślę, że warto je tutaj zastosować. Co prawda to tylko syntax sugar, ale sprawia, że kod jest bardziej czytelny. W ES6 mamy wiele więcej ciekawych nowości, ale pozostawiam to już Tobie do zgłębienia.

Tak jak kolega @shotokan stwierdził warto również tą piłkę przenieść na canvas do js.

PS: Dbaj o poprawność zapisów w swoim kodzie. Nie ma controler, jest controller,

 

Answer 2

Moim zdaniem kod js jest elegancki i przejrzysty...dodałbym tylko jeszcze parę komentarzy, bo za jakiś czas to nie będziesz wiedzieć, co robi dana linijka, albo dlaczego tak to napisałeś a nie inaczej.
JavaSript jest językiem bezklasowym, tzn. typowych klas w programowaniu obiektowym się nie tworzy (nie ma pojęcia 'class').
Piłka w css może być, choć nie ukrywam, że ja wolę canvas (łatwiej będzie sterować i piłka będzie płynniej się poruszała - kiedyś robiłem takie porównanie, ale być może coś źle zrobiłem i nie mam tutaj racji).
Twoja gra będzie działała przez przeglądarkę no nie? To w telefonie masz przecież też konsolę w przeglądarce itp. A najlepiej to dać znajomym, niech testują i powiedzą co jest nie tak, co zmienić itp. czym więcej głów tym lepiej :)

Comments

Zamiast dawać komentarze lepiej jest powydzielać konkretne kawałki kodu do osobnych funkcji z dobra nazwą, która opisze działanie.

No klas nie ma, ale mamy cukier syntaktyczny, którym możemy upiększyć trochę kod ;)

Tak, gierki robi się raczej w Canvasie, a nie na CSSie :D

---

Ja już tak bardzo chcesz tłumaczyć to poprawną nazwą jest cukier syntaktyczny ​​​​

---

Dzięki, nie wiedziałem, że w JS6 zostało wprowadzone słowo class :)

---

@ProgramistaStepek No jasne