17 réponses à ce sujet

[DiDo1327245738]

bonjour,

j'ai deux questions (je suis en FLASH 5)
et je ne vais pas tarder d'avoir enfin la mise à jour... :wink:

1 - Effet elastique

je vois souvent de superbes animations, très fluides,
qui ont un effet -que je qualifie de- ELASTIQUE...

en gros, ça ne va directement de droite à gauche, d'une manière mécanique,
mais ça glisse... et ça revient un peu... en gros, c'est elastique.

Sur l'exemple suivant : http://www.kurtnoble.com/
[donné dans le même forum - ce n'est pas de moi]

... on voit bien que les carrés du menu... se déforment
avec cet effet "elastique"...

moi, je ne fais que des interpolations de mouvement ou de formes
avec des "accélérations" ou des "ralentissements"... mais comment
ça marche ces effets ?

2 - Effet "tremblement"j'ai vu dans le tutorial un effet "tremblement" d'objet, mais c'est sous
Flash MX... et franchement, je n'ai pas tout compris. Si j'avais pu
le télécharger... j'aurais pu l'étudier... Quelqu'un aurait-il un "FLA" de
Tremblement d'objet à me donner...
[un truc simple]

merci

[KevinP]

c'est exactement la question que j'ai posté sur un post juste en dessous:
[Besoin d'aide] Modification dynamique d'element vectoriel

je crois que tu as réussi à mieux formuler d'idée que moi :wink:

j'attends une réponse avec impatience

[tabin.cedric]

Salut,

faites une link:recherche dans le forum des prototypes, vous devriez trouver un proto tout fait, il ne vous reste plus qu'a le modifier

sinon pour les protos de tweening --> http://proto.layer51.com/d.aspx?f=1142

@++

[KevinP]

Merci bien pour ce lien, je comprends pas grand chose :oops: mais je vais faire de mon mieux

[KevinP]

C'est bon, j'arrive à faire fonction avec les keyframes, mais moi ce qui m'interesse c'est le code

Sur mon movie clip qui se nomme carre j'ai mis :

CODE

onClipEvent(enterFrame){ customEasing = {}; customEasing.pts = [{Mx:0,My:0,Nx:38,Ny:-2,Px:-1,Py:2},{Mx:37,My:0,Nx:28,Ny:6,Px:0,Py:-4},{Mx:65,My:2,Nx:36,Ny:-20,Px:-1,Py:21},{Mx:100,My:3,Nx:38,Ny:35.9,Px:-5,Py:-53.9},{Mx:133,My:-15,Nx:32,Ny:-78,Px:0,Py:143.95},{Mx:165,My:50.95,Nx:18,Ny:86,Px:-4,Py:-82},{Mx:179,My:54.95,Nx:20,Ny:-199.9,Px:1,Py:-55.05},{Mx:200, My:-200}]; customEasing.ease = function(t,b,c,d,pl){ var i,r; r = 200 * t/d; for(i = 0;r>pl[i+1].Mx;i++){ } i=pl[i]; if(i.Px != 0){ r=(-i.Nx+Math.sqrt(i.Nx*i.Nx-4*i.Px*(i.Mx-r)))/(2*i.Px); }else{ r=-(i.Mx-r)/i.Nx; } return b-c*((i.My+i.Ny*r+i.Py*r*r)/200); } this.tween(customEasing.ease) }

sachant que le code du dessus a été généré par le proto (sauf la ligne this.tween)

Mais ca ne fait rien... je ne comprends pas trop comment ca marche, si quelqu'un peut m'éclairer je suis sur de vous laisser tranquille apres, si join la source de ce que j'ai fait

Fichier(s) joint(s)

•  carre.fla   32 Ko   168 téléchargement(s)

[KevinP]

La voila, j'ai cliqué sur le mauvais bouton (désolé, je suis nouveau sur le forum :? )

Fichier(s) joint(s)

•  carre.fla   32 Ko   254 téléchargement(s)

[zaze1327250105]

perso je me suis servie de ce composant pour faire des effets elastiques..si ça peut t'aider

Fichier(s) joint(s)

•  jumpy.zip   4,03 Ko   426 téléchargement(s)

[KevinP]

Je vois pas où se trouve le code qui permet l'effet élastic, et les composants j'y connais rien encore :cry:

[zaze1327250105]

sans composant alors j'ai ça :
tu positionne tes occurences de clip sur la scène et dans un calque action tu mets ce code

CODE

// décalration de la fonction que tu vas utiliser pour faire bouger ton clip MovieClip.prototype.jumpSkale = function(obj, rush, friction) { this.tempo += (obj - this._xscale) * rush; this.tempo *= friction; this._xscale = this._yscale += this.tempo; }; //utilisation d'une boucle pour appliquer ta fonction à tous tes MC // ici i<=3 car il n'y a que 2 occurences de clip // MC correspond au nom d'occurence de ton clip for (var i = 1; i <= 3; i++) { this["MC" + i].onEnterFrame = function() { // là tu effectue un test pour indiquer qu'au contact de la souris ton // clip bouge  if (this.hitTest(_root._xmouse, _root._ymouse, true)) { // quand la souris est sur ton clip, celui-ci prend les valeurs indiquées   this.jumpSkale(400, .9, .6);  } else { // sinon le clip a ces valeurs..   this.jumpSkale(100, .6, .5);  } };

tu peux ensuite jouer sur l'elasticité en modifiant les paramètres de ta fonction (obj, rush, friction)

Voilà j'espère qu'avec ça tu pourras t'en sortir
je te mets le fla (ici,j'ai enlevé les effets qui étaient sur les ombres)

Fichier(s) joint(s)

•  elastique.zip   312,52 Ko   370 téléchargement(s)

[KevinP]

Je fais exactement la même chose dans mon application, et ça ne marche pas, du copier coller, je vérifie bien les noms et tout, et rien... ca me tue la...

je met mon application en ligne, si tu veux y jetter un oeil, c'est une succession de carrer, j'essaye juste de faire réagir celui en haut à gauche.

Il y a un calque action avec le code...
le clip a comme occurence Clip_1 , les autres auront donc Clip_2..3...4..5.. etc.. jusqu'a 35
(il fait 900ko le fla, donc j'ai fait un SFX en 2 parties avec Winace)

[NeXt_GeN1327249915]

900 ko pour un carré et quelques lignes de code ca fait lourd du pixel ... Tu peux pas juste envoyer un fla avec ce qui te pose probleme dedans ... ?

GEN

[KevinP]

Mmmm.. oui je vais l'éplucher, enfait la y a 35 carrés et un peu de tweeling

un instant :oops:

[zaze1327250105]

j'arrive pas à ouvrir ton fla, t'es sur MX 2004? moi je n'ai que MX...

[KevinP]

oui MX 2004 :cry:

[DiDo1327245738]

... et moi, toujours sous "FLASH 5" :?
[mon boss accèpte la mise à jour... mais bon,
l'administration traine des pieds... comme d'hab]

8)

[zaze1327250105]

Normalement tu peux enregistrer dans une version antérieure, donc en MX pour que j puisse voir..

[DiDo1327245738]

Citation

Normalement tu peux enregistrer dans une version antérieure, donc en MX pour que j puisse voir..

voire en Flash 5, que je puisse voir aussi... :wink:

[KevinP]

Oui mais j'utilise les fonctions de MX :? , et je crains que ca foire à cause de ça :cry: