Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Animacja Canvas Krzywa beziera, Animacja Canvas Krzywa beziera
Nowy222
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 27.04.2015

Ostrzeżenie: (0%)
-----


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)

Ten post edytował Nowy222 27.04.2015, 18:47:21
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #2





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




Witamy na Forum. Zapoznaj się z pierwszą linijką mojej sygnatury... a potem dostosuj swój wątek do zasad działu.
Go to the top of the page
+Quote Post
rad11
post
Post #3





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Jezeli czegos nie rozumiez to http://www.w3schools.com/tags/canvas_beziercurveto.asp a tak to troche wiecej szczegolow podaj i kodu.
Go to the top of the page
+Quote Post
Nowy222
post
Post #4





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 27.04.2015

Ostrzeżenie: (0%)
-----


Na wstępie przepraszam za złe przyotowanie Tematu (IMG:style_emoticons/default/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ć
Go to the top of the page
+Quote Post
rad11
post
Post #5





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Co juz masz. Wrzuc na https://jsfiddle.net/

Ten post edytował rad11 27.04.2015, 19:00:00
Go to the top of the page
+Quote Post
Nowy222
post
Post #6





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 27.04.2015

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/px90u52n/ Prosze (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
rad11
post
Post #7





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Moze to Ci cos pomoze https://jsfiddle.net/px90u52n/1/
Go to the top of the page
+Quote Post
Nowy222
post
Post #8





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 27.04.2015

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/px90u52n/2/

Kurcze nie potrafie tego ogarnąć , pomoże mi ktoś ?
Jakieś bledy mam
Go to the top of the page
+Quote Post
markuz
post
Post #9





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

Ostrzeżenie: (0%)
-----


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/
Go to the top of the page
+Quote Post
Nowy222
post
Post #10





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 27.04.2015

Ostrzeżenie: (0%)
-----


Kocham Cię mistrzu !
Wynik = https://jsfiddle.net/px90u52n/4/

A ma ktoś pomysł jak zrobić mrugniecie ?
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #11





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




http://www.williammalone.com/articles/crea...me-character/1/
Go to the top of the page
+Quote Post
markuz
post
Post #12





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
Nowy222
post
Post #13





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 27.04.2015

Ostrzeżenie: (0%)
-----


Już ogarniam (IMG:style_emoticons/default/biggrin.gif) Dzięki za pomoc

3 Klasa technikum

Zrobione na dziwny sposob ale działa (IMG:style_emoticons/default/smile.gif)

Może komuś sie kiedyś przyda

https://jsfiddle.net/L3xz2L23/

Dziękuje wszystkim za pomoc (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 15:31