Baret

Hey @mikel, Thanks for the codepen. I looked at the code. This is enough to give me ideas on what is possible to do with Greensock. I am really happy to use it.

Hello, Here, I got to do what I wanted. I have made a summary of your answers. To synchronize the movement of the arrow and the drawing of the circle, I acted on the line offset 48, and the duration of each movement of the arrow. Thanks again https://codepen.io/jmbaret/pen/GRNmJoz

Thanks ZachSaucier for showing me how to simplify the code and for your suggestions. Thanks mikel for your codepen. As I'm new to Greensock, it helps me progress. I will work on my problem considering your help. I will keep you informed or ask for your help if needed

Hello, With a cursor, I try to animate with Drawsvg the drawing of a circle (in yellow), t2 animation, which is synchronized with the arrow (in red), line 22, which appears shortly after the start of the cursor movement. I want the yellow circle animation to appear after the arrow, as if it were drawing the circle. I have not found a solution. Thank you for your help.

Thank you very much, that's what I wanted

Hello, I used a Codepen to morph with a slider. When I run the animation it starts right away. I wish it only animates with the slider but I don't see what needs to be changed. Thank you for your help.

Thank you. It is as I wanted it to be. It also allowed me to understand the use of the plugin on which I was blocking.

Here is the pen code https://codepen.io/jmbaret/pen/OJbRQOj

Hello, I want to animate a line (1 in the drawing) which turns into an arc of a circle (3 in the drawing) by changing its shape and color. The intermediate curves show the type of deformation I want. I tried with MorphSVG, but without success. What approach should I have? Thank you for your help.

Merci Jack, merci ZachSaucier, en effet je fais un usage particulier de Greensock. C'est une très belle librairie que j'ai adoptée après de nombreuses recherches. C'est facile à utiliser et cela m'a permis de mettre en pratique les idées que j'avais. Voici ce sur quoi je travaille actuellement. Il s'agit d'une animation qui vous permet d'apprendre à lire avec un pied à coulisse. Avec GSAP je peux positionner avec un effet de facilité ou récupérer la position du vernier ce qui me permet de faire les calculs pour vérifier l'entrée de l'élève (pas dans le codepen). Très pratique également, la facilité avec laquelle je peux gérer le zoom sur le vernier quelle que soit sa position. https://codepen.io/jmbaret/pen/XWdNREP

Thank you so much, I thought the value was a number. I converted the string to a number and it works.

Hello, I'm trying to animate a random opening with a vernier caliper but I'm having a problem. On the pen code when the two zeros are aligned the x position of the vernier is equal to zero. The problem is that from time to time for a given opening greater than zero the vernier moves to the left in abutment and yet the value of the requested vernier position is greater than zero. I can't find out why and that's why I need your help. thank you. Jean-Michel

Thank's

Hello, When using draggable I run into a problem. The area available for "handle" does not correspond to the green rectangle. Jean-Michel

Thank you all, I now have the elements to achieve what I want.