DYNAMIQUE.JS POUR FAIRE DE JOLIE ANIMATION ))

//construction de la json des animations,on lui indique l'id de l anim + le delay + les replay //(replay , replayLessDelay, replayInverse, replayInverseLessDelay)
structureColor=[{	
        id:'color',
	delay:0,
        //tableau d'effet (tout effet pouvant etre animé au format javascript //ex:paddingTop,borderColor ...)
	effects:[{
		effect:'backgroundColor',
		startValue:'#5e6fa1',//valeur de départ
		key:[{ //tableau de clé (frame)
                        value:'#ff3587',//valeur de la clé
			duration:3000,//durée en millisicond
                        interpolation :{//interpollation voir la fin du code source pour                //connaitre toute les possibilité
				type : 'spline'
			}
                 },{
                        value:'#5e6fa1',
			duration:3000,
                        interpolation :{
				type : 'spline'
			}
                 }]
         }]
}];

new Dynamique.createAnimations(structureColor,30);//initialization de l anim(JSON + fps)
//definition du player (les animation sont enregistrer dans un tableau associatif 
// Dynamique.animation passé lui l'id de l anim + appel de la fonction addPlayer avec dedans le 
//nom du player de votre choix , + un tableau d'objet d' id d'element html)
Dynamique.animation['color'].addPlayer('colorPlayer',[{
	element :'test1'
  }]);

//lancé l 'anim avec comme argument le player
Dynamique.animation['color'].play('colorPlayer');

Télécharger le zip

23 août 2008 22:24:36 :

...

23 août 2008 22:25:48 :

...

23 août 2008 22:26:44 :

...

24 août 2008 17:00:24 :

ajout d'exemple

25 août 2008 20:16:16 :

correction de bug + ajout de la doc

28 août 2008 19:30:13 :

...

28 août 2008 19:31:38 :

...

28 août 2008 19:33:34 :

...