Elemente größer und wieder kleiner skalieren

[Edith Schmitt]

Hallo,

ich docktere schon seit zwei Tagen an einem Problem und habe leider immer noch keine Lösung.

Ein Element soll sich grösser skalieren, eine Sekunde stoppen und sich dann in gleicher Geschwindigkeit wie beim größer werden, wieder auf die Ursprungsgröße zurück skalieren.

Größer skalieren funktioniert, aber leider skaliert das Element in einem Ruck wieder zurück.
Was mache ich falsch?
Hier der Code:

PHP-Code:

import fl.transitions.Tween; 
import fl.transitions.easing.*; 

var scale2:Tween;

if
(scale2 = new Tween (kleosan_mc,"scaleX",Strong.easeInOut, kleosan_mc.scaleX, 1, 0.5, true),
 scale2 = new Tween (kleosan_mc,"scaleY",Strong.easeInOut, kleosan_mc.scaleY, 1, 0.5, true)){

scale2 = new Tween (kleosan_mc, "scaleX", Strong.easeInOut,kleosan_mc.scaleX, 1.6, 1.5,true); 
scale2 = new Tween (kleosan_mc, "scaleY", Strong.easeInOut,kleosan_mc.scaleY, 1.6, 1.5,true);
}
stop();
setTimeout(function(mc:MovieClip):void{mc.play();}, 1000, this); //<- 1000 für 1 sekunde  


var scale22:Tween;


if
(scale22 = new Tween(kleosan_mc, "scaleX", Strong.easeInOut,kleosan_mc.scaleX, 1.6, 1.5, true),
 scale22 = new Tween(kleosan_mc, "scaleY", Strong.easeInOut,kleosan_mc.scaleY, 1.6, 1.5, true)){
 
 scale22 = new Tween(kleosan_mc, "scaleX", Strong.easeInOut,kleosan_mc.scaleX, 1, 0.5,  false);
 scale22 = new Tween(kleosan_mc, "scaleY", Strong.easeInOut,kleosan_mc.scaleY, 1, 0.5,  false);
} 


Vielen Dank schon mal im Voraus!

Gruß,
Edith

[andrelehnert]

scale22 = new Tween(kleosan_mc, "scaleX", Strong.easeInOut,kleosan_mc.scaleX, 1, 0.5, false);
scale22 = new Tween(kleosan_mc, "scaleY", Strong.easeInOut,kleosan_mc.scaleY, 1, 0.5, false

Da hättest Du jetzt aber auch drauf kommen können...
Der Unterschied zwischen den Zeilen springt einem ja quasi ins Auge...
Setzt mal statt false ein true ein - mit false bedeutet die Zeitangabe einen Wert in Frames und nicht in Sekunden - 0.5 Frames geht halt seeehr schnell

Ansonsten verstehe Dein Konstrukt mal so gar nicht - was sollen die if-Bedingungen?
Auch dein setimeOut-Konstrukt bedarf dringend einer (Er-)Klärung - was soll der Parameter in der anononymen funktion?

LG
[EDIT]
Ah.Willkommen im Flashforum!

[andrelehnert]

Außerdem überschreibst Du die Tweens und und und...
hier mal ein Bsp:

PHP-Code:

import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;

var tweenX:Tween;
var tweenY:Tween;

function tweenBig():void{
  tweenX = new Tween (kleosan_mc, "scaleX", Strong.easeInOut,kleosan_mc.scaleX, 1.6, 1.5,true);
  tweenY = new Tween (kleosan_mc, "scaleY", Strong.easeInOut,kleosan_mc.scaleY, 1.6, 1.5,true);
  tweenX.addEventListener(TweenEvent.MOTION_FINISH,bigFinishedHandler);
}

function bigFinishedHandler(e:TweenEvent):void{
  setTimeout(tweenSmall,1000);
  tweenX.removeEventListener(TweenEvent.MOTION_FINISH,bigFinishedHandler);
}

function tweenSmall():void{ 
  tweenX = new Tween(kleosan_mc, "scaleX", Strong.easeInOut,kleosan_mc.scaleX, 1, 1.5, true);
  tweenY = new Tween(kleosan_mc, "scaleY", Strong.easeInOut,kleosan_mc.scaleY, 1, 1.5, true);
}
tweenBig(); 


[Ouroborus23]

Hallo und Herzlich willkommen!
Wenn ich den geposteten Code sehe, kann ich nicht anders, als auf Greensock zu verweisen. Schau dir doch mal TweenMax an, damit sollte dein Problem in deutlich weniger Zeilen lösbar sein

Liebe Grüße!

[Edith Schmitt]

Sorry, bin Anfängerin.

Danke für die schnelle Hilfe, für den Codevorschlag und die Tipps. Werde mir das heute Abend zu Gemüte führen und mich melden.

Viele Grüße
Edith

[Edith Schmitt]

Hallo,

jetzt funktioniert es.

[script]
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;


var tweenX:Tween;
var tweenY:Tween;

function tweenBig():void{
tweenX = new Tween (kleosan_mc, "scaleX", Strong.easeInOut,kleosan_mc.scaleX, 1.6, 1.4,true);
tweenY = new Tween (kleosan_mc, "scaleY", Strong.easeInOut,kleosan_mc.scaleY, 1.6, 1.4,true);
}
function tweenSmall():void{
tweenX = new Tween(kleosan_mc, "scaleX", Strong.easeInOut,kleosan_mc.scaleX, 1, 1.4, true);
tweenY = new Tween(kleosan_mc, "scaleY", Strong.easeInOut,kleosan_mc.scaleY, 1, 1.4, true);
}

tweenBig();
setTimeout(tweenSmall,1600);

[/script]

Vielen Dank nochmal für Eure Hilfe!

Viele Grüße
Edith

[andrelehnert]

a) Ouroborus23 hat natürlich Recht mit den TweenEngines - habe nur Dein
Beispiel as Grundlage genommen
b) ist Dein Code so nicht sauber,
da der TimeOut schon läuft, bevor der erste Tween zu Ende ist und es so zu
unschönen Überschneidungen kommen KÖNNTE. Deshalb höre lieber auf das TweenEvent.MOTION_FINISH.
Mach es so:

PHP-Code:

function tweenBig():void{
  tweenX = new Tween (kleosan_mc, "scaleX", Strong.easeInOut,kleosan_mc.scaleX, 1.6, 1.5,true);
  tweenY = new Tween (kleosan_mc, "scaleY", Strong.easeInOut,kleosan_mc.scaleY, 1.6, 1.5,true);
  tweenX.addEventListener(TweenEvent.MOTION_FINISH,bigFinishedHandler);
}

function bigFinishedHandler(e:TweenEvent):void{  tweenX.removeEventListener(TweenEvent.MOTION_FINISH,bigFinishedHandler);
tweenSmall();
}
function tweenSmall():void{ 
  tweenX = new Tween(kleosan_mc, "scaleX", Strong.easeInOut,kleosan_mc.scaleX, 1, 1.5, true);
  tweenY = new Tween(kleosan_mc, "scaleY", Strong.easeInOut,kleosan_mc.scaleY, 1, 1.5, true);
}
tweenBig(); 


LG ANdré

[Edith Schmitt]

Hallo,

habe den Code so übernommen und es klappt hervorragend!

Vielen Dank für Deine Mühe!

Viele Grüße und einen schönen Tag
Edith