Graphiques vectoriels SVG : illustration et animation en code

Résumé

“Dans cette leçon, nous allons définir un trait et faire défiler l'élément que nous voulons animer. Nous utiliserons JavaScript, même si, comme je vais l'expliquer, nous pourrons bientôt utiliser ce type d'animation également avec CSS.”

Dans cette leçon, Javier Usobiaga Ferrer aborde le sujet : Animation le long d'un chemin, qui fait partie du cours Domestika en ligne : Graphiques vectoriels SVG : illustration et animation en code. Apprenez à travailler avec des illustrations vectorielles sur vos sites web, de la ligne à l’animation interactive.

Transcription partielle de la vidéo

“Dans cette leçon. nous allons définir un trajet et tenter de faire suivre ce trajet à l'objet animé. Dans cet exemple final. j'ai refait l'animation que j'avais créée au départ avec Smile pour la mais dans ce cas aussi avec GreenShot. Pour cela. j'ai une étiquette. Paix. avec le trait qui est visible mais pourrait ne pas l'être. si nous enlevons les styles. Nous capturons ce même tracé avec JavaScript. pour définir le mouvement du cercle. Pour cela. j'ai utilisé la bibliothèque GreenSoc TwinMax. et j'ai aussi eu besoin de MorphSVGPlugin celui que nous avions utilisé dans la démo précédente....”

Cette transcription a été générée automatiquement et peut contenir des erreurs.

Sommaire du cours : Graphiques vectoriels SVG : illustration et animation en code

• Niveau : Débutant
• 98% avis positifs (273)
• 9310 élèves
• 7 unités
• 32 leçons (2 h 2 min)
• 6 vidéos téléchargées

• Catégorie

  Création de sites et d'applications

• Logiciel

  Adobe Illustrator, Sketch

• Domaines

  Animation, Design d'interaction, Développement web, Webdesign