Comunidad de diseño web y desarrollo en internet online

Animaciones simultaneas en ZigoEngine

Citar            
MensajeEscrito el 07 Dic 2009 08:15 pm
Hola, nuevamente yo dando problemas...

Quiero saber si se puede y como se le hace para crear un animacion con zigoengine (fusekit) en donde una instruccion corra y paralela corra otra, en realidad muchas mas, diferentes...

la neta no tengo ni idea, pues cuando yo animo, no empieza una animacion hasta terminanar la anterior...
(vease http://tecaplic.com) y yo kiero algo mucho mas animado. El codigo que use para esa de tecaplic es este:

Código ActionScript :

stop();
import com.mosesSupposes.fuse.*;
ZigoEngine.simpleSetup( Shortcuts, PennerEasing, Fuse, FuseFMP );


/////////////////////---------------------

var f:Fuse = new Fuse();
function startFuse():Void{
   f.push({target:img01, Blur_blurX:0, seconds:0.1, ease:"easeOutQuad"});
   f.push({target:mecanica, y:Math.floor(100), seconds:0.5, ease:"easeOutQuad"});
   f.push({target:mecanica, y:Math.floor(100), seconds:5, ease:"easeOutQuad"});
   f.push({target:mecanica, y:Math.floor(-600), Blur_blurX:900, Blur_blurY:900, _alpha:0, seconds:0.5, ease:"easeOutQuad"});
   f.push({target:img01,_alpha:0, seconds:1, ease:"easeOutQuad",func:Fnimg02}); 
   f.start();
}
function Fnimg02():Void{
   var f:Fuse = new Fuse();
   f.push({target:img02, Blur_blurX:0, seconds:0.1, ease:"easeOutQuad"});
   f.push({target:proceso, y:Math.floor(100), seconds:0.5, ease:"easeOutQuad"});
   f.push({target:proceso, y:Math.floor(100), seconds:5, ease:"easeOutQuad"});
   f.push({target:proceso, y:Math.floor(-600), Blur_blurX:900, Blur_blurY:900, _alpha:0, seconds:0.5, ease:"easeOutQuad"});
   f.push({target:img02,_alpha:0, seconds:1, ease:"easeOutQuad",func:Fnimg03});
   f.start();
};
function Fnimg03():Void{
   var f:Fuse = new Fuse();
   f.push({target:img03, Blur_blurX:0, seconds:0.1, ease:"easeOutQuad"});
   f.push({target:tuberias, y:Math.floor(100), seconds:0.5, ease:"easeOutQuad"});
   f.push({target:tuberias, y:Math.floor(100), seconds:5, ease:"easeOutQuad"});
   f.push({target:tuberias, y:Math.floor(-600), Blur_blurX:900, Blur_blurY:900, _alpha:0, seconds:0.5, ease:"easeOutQuad"});
   f.push({target:img03,_alpha:0, seconds:1, ease:"easeOutQuad",func:Fnimg04}); 
   f.start();
};
function Fnimg04():Void{
   var f:Fuse = new Fuse();
   f.push({target:img04, Blur_blurX:0, seconds:0.1, ease:"easeOutQuad"});
   f.push({target:electronico, y:Math.floor(100), seconds:0.5, ease:"easeOutQuad"});
   f.push({target:electronico, y:Math.floor(100), seconds:5, ease:"easeOutQuad"});
   f.push({target:electronico, y:Math.floor(-600), Blur_blurX:900, Blur_blurY:900, _alpha:0, seconds:0.5, ease:"easeOutQuad"});
   f.push({target:img04,_alpha:0, seconds:1, ease:"easeOutQuad",func:Fnimg05});
   f.start();
};
function Fnimg05():Void{
   var f:Fuse = new Fuse();
   f.push({target:img05, Blur_blurX:0, seconds:0.1, ease:"easeOutQuad"});
   f.push({target:electrica, y:Math.floor(100), seconds:0.5, ease:"easeOutQuad"});
   f.push({target:electrica, y:Math.floor(100), seconds:2, ease:"easeOutQuad"});
   f.push({target:img05,_alpha:0, seconds:1, ease:"easeOutQuad"});
   f.push({target:img06, Blur_blurX:0, seconds:0.1, ease:"easeOutQuad"})
   f.push({target:electrica, y:Math.floor(100), seconds:3, ease:"easeOutQuad"});
   f.push({target:electrica, y:Math.floor(-600), Blur_blurX:900, Blur_blurY:900, _alpha:0, seconds:0.5, ease:"easeOutQuad"});
   f.push({target:img06,_alpha:0, seconds:1, ease:"easeOutQuad",func:Fnimg07});
   
   f.start();
};
/*function Fnimg06():Void{
   var f:Fuse = new Fuse();
   f.push({target:img06, Blur_blurX:0, seconds:0.1, ease:"easeOutQuad"})
   f.push({target:electronico, y:Math.floor(100), seconds:0.5, ease:"easeOutQuad"});
   f.push({target:electronico, y:Math.floor(100), seconds:5, ease:"easeOutQuad"});
   f.push({target:electronico, y:Math.floor(-600), Blur_blurX:900, Blur_blurY:900, _alpha:0, seconds:0.5, ease:"easeOutQuad"});
   f.push({target:img06,_alpha:0, seconds:1, ease:"easeOutQuad",func:Fnimg07});
   f.start();
};*/
function Fnimg07():Void{
   var f:Fuse = new Fuse();
   f.push({target:img07, Blur_blurX:0, seconds:0.1, ease:"easeOutQuad"})
   f.push({target:construccion, y:Math.floor(100), seconds:0.5, ease:"easeOutQuad"});
   f.push({target:construccion, y:Math.floor(100), seconds:5, ease:"easeOutQuad"});
   f.push({target:construccion, y:Math.floor(-600), Blur_blurX:900, Blur_blurY:900, _alpha:0, seconds:0.5, ease:"easeOutQuad"});
   f.push({target:img07,_alpha:0, seconds:1, ease:"easeOutQuad",func:Fnimg09});
   f.start();
};
function Fnimg09():Void{
   var f:Fuse = new Fuse();
   f.push({target:img09, Blur_blurX:0, seconds:0.1, ease:"easeOutQuad"});
   f.push({target:periodiquito, y:Math.floor(100), seconds:0.5, ease:"easeOutQuad"});
   f.push({target:periodiquito, y:Math.floor(100), seconds:5, ease:"easeOutQuad"});
   f.push({target:periodiquito, y:Math.floor(-600), Blur_blurX:900, Blur_blurY:900, _alpha:0, seconds:0.5, ease:"easeOutQuad"});
   f.push({target:img09,_alpha:0, seconds:1, ease:"easeOutQuad",func:Fnimg10});
   f.start();
};
function Fnimg10():Void{
   var f:Fuse = new Fuse();
   f.push({target:img10, Blur_blurX:0, seconds:0.1, ease:"easeOutQuad"});
   f.push({target:instrumentos, y:Math.floor(100), seconds:0.5, ease:"easeOutQuad"});
   f.push({target:instrumentos, y:Math.floor(100), seconds:5, ease:"easeOutQuad"});
   f.push({target:instrumentos, y:Math.floor(-600), Blur_blurX:900, Blur_blurY:900, _alpha:0, seconds:0.5, ease:"easeOutQuad"});
   f.push({target:img10,_alpha:0, seconds:1, ease:"easeOutQuad",func:Fnimg08});
   f.start();
};
function Fnimg08():Void{
   nextFrame();
}

startFuse();


Y en el otro frame tengo un gotoAndPlay(1); para ke me regrese y reinicie el ciclo, la imagen Fnimg08 es la misma ke startFuse.

Ahora, para aclarar lo que quiero es, mientras se hace un fader, el otro inicie y se vean los dos que estan haciendo en FadeIn (negro/transparente a solido),... o como hacer que una cosa se mueva y tres frames (por decir) se empieze a mover otra.

Espero alguien me haya entendido y me pueda ayudar.

Por holler

65 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 08 Dic 2009 02:49 am
Olvidenlo, ya se como...

Código ActionScript :

ZigoEngine.doTween(nube1,'_x', -400 , 900, 'easeOutExpo');
ZigoEngine.doTween(nube2,'_x', -400 , 800, 'easeOutExpo');
ZigoEngine.doTween(sol.rayos_sol, '_rotation', 360, 3000, 'easeOutExpo');

Por holler

65 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.