Voir les messages sans réponses | Voir les sujets actifs Nous sommes le 17 Jan 2018, 01:15



Répondre au sujet  [ 6 messages ] 
animation d'un dessin inskape/svg avec smil 
Auteur Message
Chuchoteur
Chuchoteur

Inscription: 15 Fév 2015, 19:02
Messages: 29
Répondre en citant le message
Message animation d'un dessin inskape/svg avec smil
bonjour,

j'ai un dessin en svg, je voudrai mettre en mouvement certain vecteur avec siml
http://fr.wikipedia.org/wiki/Synchronized_Multimedia_Integration_Language

j'ai déjà fait quelque truc genre ça : http://kimitsu-dezaina.franceserv.com/bouquet-anim.html

mais pour faire bouger des vecteur selon un direction précise je ne sais pas trop comment faire...

kim.


21 Fév 2015, 17:02
Profil
Que quelqu'un le fasse taire!
Que quelqu'un le fasse taire!

Inscription: 05 Jan 2005, 20:58
Messages: 1258
Localisation: LIEGE - BELGIQUE
Répondre en citant le message
Message Re: animation d'un dessin inskape/svg avec smil
Bonsoir,

Je n'ai encore jamais fait de l'animation avec Inkscape.

Mais pour "forcer" un déplacement selon une direction, je ferai comme ceci :
- dans un nouveau calque, je trace un chemin qui correspond au déplacement que je souhaite pour le tracé choisi.
- j'ajoute des nœuds sur ce chemin avec un écartement qui correspond à celui de chaque étape de déplacement.
- j'active l'aimantation aux nœuds doux et aux points de rebroussement
- je sélectionne le tracé que je veux déplacer et je le déplace d'un nœud (du chemin de déplacement) à l'autre en enregistrant chaque étape du déplacement.

D'un autre côté, pour de l'animation vectorielle, il y a aussi le logiciel libre Synfig où il est possible d'importer un dessin vectoriel effectué dans Inkscape puis d'y créer l'animation. Comme Synfig est un logiciel d'animation, il est très performant, par exemple, on définit des étapes importantes de déplacement d'un ou plusieurs tracés et Synfig calcule les étapes intermédiaires qu'on lui demande.

A+

_________________
COGITO ERGO SUM.
Linux DEBIAN 8, Inkscape 0.91, Scribus 1.4.1 et aussi Gimp, Blender, ...


21 Fév 2015, 19:47
Profil Site Internet
Chuchoteur
Chuchoteur

Inscription: 15 Fév 2015, 19:02
Messages: 29
Répondre en citant le message
Message Re: animation d'un dessin inskape/svg avec smil
voilà j'ai mon dessin en svg : http://kimitsu-dezaina.franceserv.com/blinking-case1.svg

j'ai mon bout de code pour animer :

http://edutechwiki.unige.ch/fr/Tutoriel_SVG_dynamique_avec_SMIL
Code:
<animateTransform attributeName="transform" type="rotate"
            values="0 150 100; 360 150 100"
            begin="0s" dur="5s" />


ou

http://edutechwiki.unige.ch/fr/Utiliser_Inkscape_pour_l%27animation_web#Ajouter_une_animation_sur_Inkscape
Code:
<animateMotion xlink:href="#ellipseObj"                   
      repeatCount="indefinite"
      dur="10s"
      path="382.85714,235.21933 a 85.714287,34.285713 0 1 1 -171.42857,0 85.714287,34.285713 0 1 1 171.42857,0 z" />


je veux juste faire bouger le bras, dont le groupe est nommé #bras.

simplement des éclaircissement sur le choix, rotation ou le long d'un chemin, et surtout comment comprendre ce qui est fait dans les tuto pour les adapter.

j'aimerai faire tourné le bras sur l'axe de l'épaule pour simuler le jeux de guitare.

merci d'avance pour vos lumière,
cordialement,
kimitsu.


21 Fév 2015, 19:49
Profil
Chuchoteur
Chuchoteur

Inscription: 15 Fév 2015, 19:02
Messages: 29
Répondre en citant le message
Message Re: animation d'un dessin inskape/svg avec smil
au mieux j'arrive à ça : http://kimitsu-dezaina.franceserv.com/blinking-case1-anim.svg

avec
Code:
<animateTransform additive="sum" attributeName="transform" type="skewX" values="0;20;0;-20;0" dur="2s" repeatCount="indefinite"/>

d'après : http://www-igm.univ-mlv.fr/~dr/XPOSE2009/SVG/animation.html La balise animateTransform

si quelqu'un à une idée, car je patauge et surtout je me fatigue de par réussir à comprendre là ou ça merdouille.

cordialement,
kimitsu


21 Fév 2015, 21:58
Profil
Chuchoteur
Chuchoteur

Inscription: 15 Fév 2015, 19:02
Messages: 29
Répondre en citant le message
Message Re: animation d'un dessin inskape/svg avec smil
c'est bon, merci au canaux jabber :)

Code:
<animateTransform additive="sum" attributeName="transform" type="rotate" values="-0 310 180; -20 310 180" dur="0.5s" repeatCount="indefinite"/>


ou values correspond à la rotation l'origine x et l'origine y

du coups ça donne ça : http://kimitsu-dezaina.franceserv.com/blinking-case1-anim.svg

bon je vais pouvoir aller au lit tranquille...

pour info y a un canal jabber de graphisme qui est desert :
graphisme@chat.jabberfr.org

plus d'info sur jabber ici http://wiki.jabberfr.org/Accueil

en tous cas merci,
j'ai au moins pu formulé mon problème, il en à était d'autant plus facile de le faire partager.

cordialement,
kim.


21 Fév 2015, 22:55
Profil
Chuchoteur
Chuchoteur

Inscription: 15 Fév 2015, 19:02
Messages: 29
Répondre en citant le message
Message Re: animation d'un dessin inskape/svg avec smil
bon est bien c'est bien compliqué avec que du code smil,

je voudrai animé que certain point d'un tracé mais je n'ai pas encore trouvé comment.

je pense m'orienter vers synfig pour ce genre de truc,
http://kimitsu-dezaina.franceserv.com/blinking-case1-anim.svg

j'ai voulu animé les cheveux mais ça rend pas du tout, tu coups je me rend compte des limitations....

kim.


22 Fév 2015, 07:45
Profil
Afficher les messages postés depuis:  Trier par  
Répondre au sujet   [ 6 messages ] 

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités


Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages

Rechercher:
Aller à:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Forum style by ST Software for PTF.
Traduction par: phpBB-fr.com