dobry kurs svg lub canvas

Question

Cześć od pewnego czasu zajmuję się front endem i doszedłem do wniosku, że chciałbym zacząć zabawę z grafiką wektorową (svg) lub canvasem. Czy ktoś może wcześniej już przerabiał ten temat i jest w stanie mi polecić dobry kurs związany z którąś z powyższych technologii ewentualnie książkę do kupienia z wydawnictwa helion lub innych.

Co waszym zdaniem jest lepsze do nauki na początek dla osoby, która wcześniej nie miała z tym styczności? Prosiłbym o uzasadnienie swojej wypowiedzi jeśli jest to możliwe, z góry dziękuję.

Answer 1

Dobre tutki znajdziesz na MDN 

https://developer.mozilla.org/pl/docs/Web/API/Canvas_API/Tutorial 

https://developer.mozilla.org/en-US/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript

Z książek do nauki, polecam https://natureofcode.com/ (można kupić za 0 dolarów), facet bardzo dobrze tłumaczy różne zagadnienia związane z rysowaniem na płaszczyźnie 2d. Przykłady są w p5, ale można je przenieść łatwo na canvas.

 

Answer 2

SVG to chyba bardziej robota dla grafików, Ty po prostu musisz umieć umieścić to na stronie (co oczywiście nie oznacza, że nie możesz się nauczyć tworzyć takich grafik, nie zaszkodzi, ale skoro pytasz...) i jakoś ewentualnie to ostylować. Co oczywiście jakoś też trzeba się nauczyć (jak wszystko co się robi pierwszy raz), ale nie jest to jakoś bardzo wymagające czy trudne.  

 

Jeśli chodzi o Canvas, to znajdziesz zapewne pełno tutoriali w necie. Z polskich, to wiem, że kanał na YouTube: Samuraj Programowania tworzył grę ping ponga z wykorzystaniem tego elementu języka HTML, osobiście nie oglądałem, ale podobno spoko.