Animate PNG-Image ...

[erich.wanker]

Hello ...

 

i played a little bit with "animate" and "TweenLite"   ... but i am confused :-(

 

in a delphi procedure - i want to start a animation with "UniSession.AddJS" :

 

"a lot of stars" should be on the display ... and should fade out and scale to zero (with acceleration)  on left/top corner of browser-window .. and stay on top if some UniForms are displayed ..

 

it should visualisize that the "User-score" is increased +1 ... and it should "feel" cool ;-)

 

 

 

what i have (my code trash below..) is not useable 

 

ANY IDEAS HOW TO DO THIS?

 

ThanX

 

procedure TV_STRUKTUR.UniBitBtn1Click(Sender: TObject);
var x,y:String;
begin
x:=inttostr(mainform.Width);
y:=inttostr(mainform.Height);




UniSession.AddJS(stars.JSName + '.animate({ duration: 0,    to: { x: 0, y: 0, width:0,     height:0, opacity:0 }});');
UniSession.AddJS(stars.JSName + '.animate({ duration: 1200, to: { x: 0, y: 0, width:'+x+', height:'+y+', opacity:100 }});');
UniSession.AddJS(stars.JSName + '.animate({ duration: 1200, to: { x: 0, y: 0, width:0,     height:0, opacity:0 }});');




//UniSession.AddJS(stars.JSName + '.animate({ duration: 1000, to: { x: 10, y: 10, opacity: 100}});');


//UniSession.AddJS('TweenLite.set("#"+'+stars.JSName+'.getId()+"",       {scale:0.1,  autoAlpha:0,   x:0,  y:0,  z:0,   delay:0.2});');
//UniSession.AddJS('TweenLite.to("#"+' +stars.JSName+'.getId()+"",  0.5, {scale:2,    autoAlpha:0.5, x:50 ,y:50 ,z:50 , delay:0.5});');
//UniSession.AddJS('TweenLite.to("#"+' +stars.JSName+'.getId()+"",  0.9, {scale:1,    autoAlpha:1,   x:500,y:500,z:500, delay:0.5, clearProps:"transform"});');