Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Animacja Canvas Krzywa beziera
Forum PHP.pl > Forum > Przedszkole
Nowy222
Witam serdecznie potrzbuje wielkiej pomocy z animacja w Canvas
za nic nie potrafie zrozumiec działania , niżej wytłumacze problem

Potrzebuje spowodować zamiane współrzędnych krzywej

ctx.bezierCurveTo(100,340,340,340,360,340);

Na

ctx.bezierCurveTo(100,340,340,440,360,340);

Pomoże ktoś ?





//Ciekawostka : (mają być to usta na których ma pojawić sie uśmiech)
Kshyhoo
Witamy na Forum. Zapoznaj się z pierwszą linijką mojej sygnatury... a potem dostosuj swój wątek do zasad działu.
rad11
Jezeli czegos nie rozumiez to http://www.w3schools.com/tags/canvas_beziercurveto.asp a tak to troche wiecej szczegolow podaj i kodu.
Nowy222
Na wstępie przepraszam za złe przyotowanie Tematu smile.gif

A wiec dostałem zadanie w którym za pomocą CANVAS muszę stworzyć twarz która uśmiecha sie oraz mruga w tym samym momencie (pętla)
Nie wiem dokładnie jaki fragment kodu mam wrzucić
rad11
Co juz masz. Wrzuc na https://jsfiddle.net/
Nowy222
https://jsfiddle.net/px90u52n/ Prosze smile.gif
rad11
Moze to Ci cos pomoze https://jsfiddle.net/px90u52n/1/
Nowy222
https://jsfiddle.net/px90u52n/2/

Kurcze nie potrafie tego ogarnąć , pomoże mi ktoś ?
Jakieś bledy mam
markuz
Otwórz sobie konsole (np. w Firefox Ctrl + Shif + I) i sprawdź jakie błędy Ci wyrzuca.
Tu masz przykład jak to zrobić:
http://jsfiddle.net/34hpjfft/
Nowy222
Kocham Cię mistrzu !
Wynik = https://jsfiddle.net/px90u52n/4/

A ma ktoś pomysł jak zrobić mrugniecie ?
markuz
http://kursjs.pl/kurs/canvas/canvas_animacja.html
Polecam wszystkie 3 kursy o Canvas z tej strony. Po ich przerobieniu bez problemu sobie dasz radę.
Jeżeli jednak sobie nie poradzisz (tłum. jesteś leniem) pokaż przynajmniej, że próbowałeś i wklej jakiś kod.
Tak z ciekawości - do jakiej szkoły chodzisz?
Nowy222
Już ogarniam biggrin.gif Dzięki za pomoc

3 Klasa technikum

Zrobione na dziwny sposob ale działa smile.gif

Może komuś sie kiedyś przyda

https://jsfiddle.net/L3xz2L23/

Dziękuje wszystkim za pomoc smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.