cycloïde html5 canvas

[Langellier]

J'essaie de faire des animations en html5 avec canvas.
Imaginez la roue d'un véhicule qui avance sans patiner. Un point matérialisé sur la périphérie de cette roue décrit une courbe appelée cycloïde.
Voici une explication maladroite de la cycloïde en flash :
http://bernard.langellier.pagesperso-orange.fr/flash/cycloide.html
Ce serait plus élégant en html5-canvas :
J'ai donc deux mouvements : 1) une rotation de la roue (ce que j'ai réussi à faire) et 2) une translation du centre de la roue. Et là je bloque :
http://bernard.langellier.pagesperso-orange.fr/rotation-translation.htm
Quelqu'un peut-il m'aider à déplacer vers la droite la roue qui tourne ?

 

[Langellier]

J'essaie de faire des animations en html5 avec canvas.
Imaginez la roue d'un véhicule qui avance sans patiner. Un point matérialisé sur la périphérie de cette roue décrit une courbe appelée cycloïde.
...
Ce serait plus élégant en html5-canvas :
J'ai donc deux mouvements : 1) une rotation de la roue (ce que j'ai réussi à faire) et 2) une translation du centre de la roue. Et là je bloque :
http://bernard.langellier.pagesperso-orange.fr/rotation-translation.htm
Quelqu'un peut-il m'aider à déplacer vers la droite la roue qui tourne ?

Voici une nouvelle programmation, je progresse :
http://bernard.langellier.pagesperso-orange.fr/cycloide2.htm

 

[Langellier]

N'ayant pas eu d'aide j'ai tâtonné et finalement réussi tout seul. Voici le résultat :
http://bernard.langellier.pagesperso-orange.fr/cycloide2.htm Il y a deux animations avec ou sans traces. J'aurais voulu ne garder que la trace du repère, car avec clearRec on efface tout et sans on garde tout. Si quelqu'un a la solution...

 

[momo-fr]

Super tu t'en es bien sorti !!

 

[Langellier]

Super tu t'en es bien sorti !!

Maintenant que j'ai compris et restant toujours dans le thème de la cycloïde, j'ai fait tourner une roue carrée.
Merci et bravo pour le site...

 

[Goliath]

…sinon il y a Adobe Edge Animate qui génère tout de même des petites merveilles, mais il faut un abonnement à la CC

 

[momo-fr]

mais il faut un abonnement à la CC

Rédhibitoire cher "ami" de l'Adobe. De plus les abonnements Adobe connaissent la valse des étiquettes depuis quelques temps certains s'en morde les doigts.

 

[Goliath]

… oui ok, mais ça c'est un autre débat alors… sinon pour les allergiques à la CC il y a Hype.