Dynamique.js pour faire de jolie animation ))

Soyez le premier à donner votre avis sur cette source.

Vue 12 744 fois - Téléchargée 1 300 fois

Description

Librairie d'animation compatible prototype, basé sur une structure JSON.
Plein d'interpolation, une syntaxe intuitive, et une définition proche de celle d'un logiciel d'animation, avec définitions de piste et keyframing.
Reste encore quelque beug, au niveau des replayInverse pour l'animation, ainsi que les fonctions onStart.
Reste a faire la fonction affectContent , plus les reports proportionné du contenue si reportOrigine définit. Dimanche ou en début de semaine, j'espère avoir finit ce script, la doc est pour le moment assé peu détaillé, rdv dans quelque jours pour la version 1.

Source / Exemple :


//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');

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Messages postés
291
Date d'inscription
vendredi 21 février 2003
Statut
Membre
Dernière intervention
13 mars 2015

Bonjour
si il y a des partie ajax, notamment un des modules que j'ai fait, mais en ce qui concerne les menus, les solutions adoptée par xoops sont plutôt du type "css".
Par expérience je préfère cette solution car il y a pas mal de poste client ou le javascipt est bloqué.
Messages postés
262
Date d'inscription
vendredi 6 mai 2005
Statut
Membre
Dernière intervention
19 septembre 2014

Sympa ce cms, je connaissais pas, par contre il n'est pas du tout ajax. J'ai écrit une base de cms pour un site tout ajax, avec gestion des menus et articles avec une treeview, ça serait bien de faire pareil sur xoops, car j'arrive pas à créer de menu , même si je viens juste de m'y mettre :). Concernant mon script, il est tout a fait possible dans faire une interface graphique sur un cms pour que l'utilisateur généré lui même ses animations. Je posterai dans la semaine des exemples pour faire des rollover ainsi qu'un menu animé, et peut-être si j'ai le temps une galerie photo . Je suis impatient de voir tout module a++.
Messages postés
291
Date d'inscription
vendredi 21 février 2003
Statut
Membre
Dernière intervention
13 mars 2015

Ce que j'en fait ? Perso j'utilise Xoops comme cms et je développe des modules pour ce CMS.
etje suis en train de faire un module qui intègre des javascript pour générer des animations avec une gestion d'événement du style, faire tomber de la neige en décembre, traverser l'écran avec des clocjes à pâques, ect.
Ca va me prendre quelques semaine, mais quand j'y serai je te fait signe.
JJDAI
Messages postés
262
Date d'inscription
vendredi 6 mai 2005
Statut
Membre
Dernière intervention
19 septembre 2014

Merci, pour vos commentaire , dsl de vous répondre que maintenant mais j'ai plus internet :(. Si vous utilisé se script , je serait très intéressée de voire se que vous en faite .
Sinon pas de note ?? bye.
Messages postés
626
Date d'inscription
samedi 28 septembre 2002
Statut
Membre
Dernière intervention
18 mai 2009
3
Très joli boulot.
J'ai pas regardé tout en détail mais ça m'a pas l'air mal.
Afficher les 6 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.