[Flash CS3] Bewegeung nur durch Actionscript mit Bounce Effekt

[noni]

Hallo Leute,

Ich benutze Flash nicht allzu oft und bis jetzt habe ich Bewegungen immer sozusagen per Hand erledigt. Nun wollte ich mal schaffe dies durch Actionscript zu meistern.

Ich möchte einfach ein Objekt von einer Seite zur anderen bewegen und zum Schluß eine kleinen Zurückstoß (bounce) haben:

Sowie der text und die Tasche in diesem Beispiel sich bewegen:
Home page

Bis jetzt habe ich nur geschafft das sich das Objekt bewegt und zum Schluss langsamer wird (onClip auf einen MC):

onClipEvent(load){
zielx=0
_x=300
rate=10
}
onClipEvent(enterFrame){
_x+=(zielx-_x)/rate
}

wie könnte ich den Bounce Effekt zum Schluß hibekommen. Bin dankbar für jeden Tip oder Hilfe..

noni

Das funzt mit einem gescripteten Tween viel eleganter, bspw.:

PHP-Code:

//auf der Hauptzeitleiste
import mx.transitions.*;

var startValue= 100;//Startpos
var finishValue = 200;//Endpos
var duration = 3;//Dauer 3 Sekunden

var myTween = new Tween(meinMC, "_x", mx.transitions.easing.Bounce.easeOut, startValue, finishValue, duration, true);
//oder statt des Bounce einen Elastic nehmen 


[noni]

vielen dank!! blicke langsam durch

ich habe gehört es gibt auch fremde 3rd party class wie Tweener or TweenMax weiß du/jemand wie die eingesetzt werden ?

Bei den Klassenbibliotheken findest du auch immer Dokus, bspw. für Tweener auf der rechten Linkliste.

[harnisch]

Zitat von noni

ich habe gehört es gibt auch fremde 3rd party class wie Tweener or TweenMax weiß du/jemand wie die eingesetzt werden ?

Hier mal ein Benchmark von diversen Tweening-Engines.
Letztendlich sind die unterschiedlichen Engines in ihrer Handhabung recht ähnlich. Genaue Dokumentationen bekommst du auf den jeweiligen Websites. Ich würde dir aber empfehlen gleich mit TweenNano, TweenLite, bzw TweenMax von Greensock anzufangen.
TweenNano ist für kleine Projekte, zB Banner empfehlenswert, da die Engines selbst nur 1.6 kb ausmacht.
Die TweenLite/TweenMax-Engine ist um einiges umfangreicher, wie du hier am PluginExplorer sehen kannst (musst ein wenig runterscrollen).

[noni]

danke euch werd ich mir mal richtig Zeit dafür nehmen..


ich habe noch eine kurze Frage.. ich habe jetzt mehrere Objekte damit angesprochen, nur sie bewegen sich absolut synchron gibt es eine Möglichkeit sie versetzt anfangen zu lassen ?

ich meine ohne die duration zu verändern ?

[harnisch]

Bei TweenLite/TweenMax gibt es den Parameter delay.
Bei der Flash-eigenen Tweening-Geschichte ist das glaube ich nicht so ohne Weiteres möglich, lass mich aber gerne eines Besseren belehren.

Einfach ein Intervall mit einer Pause vor dem Aufruf des Tweens setzen...

[noni]

sorry Holger

ich weiß nicht genau wie das geht aber ich möchte quasi pausen zwichen den Tweens:

var myTween = new Tween(w1.m1a, "_x", mx.transitions.easing.Back.easeOut, startValue, finishValue, duration, true);

PAUSE

var myTween = new Tween(w1.m1b, "_x", mx.transitions.easing.Back.easeOut, startValue, finishValue, duration, true);

damit ? :

pause = setInterval(function () {
    play(), clearInterval(pause);
}, 5000); //<- 5000 für 5 sekunden

PHP-Code:

var myTween = new Tween(w1.m1a, "_x", mx.transitions.easing.Back.easeOut, startValue, finishValue, duration, true);
myTween.onMotionFinished = function(){
   //nach Beenden des Tweens
   _root.intervalID  = setInterval(_root.weiter,5000);
}
 

function weiter (){  
   clearInterval(_root.intervalID);
   trace("pause beendet");  
   var myTween = new Tween(w1.m1b, "_x", mx.transitions.easing.Back.easeOut, startValue, finishValue, duration, true);

} 


[noni]

geil.. vielen dank :-)

werde damit herum experimentieren um es durchgehen zu begreifen