Accueil > > > DYNAMIQUE.JS POUR FAIRE DE JOLIE ANIMATION ))
DYNAMIQUE.JS POUR FAIRE DE JOLIE ANIMATION ))
Information sur la source
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
- //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');
//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');
Historique
- 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 :
- ...
Sources du même auteur
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
menu dynamique [ par mamy ]
Bonjour,voilà je dois créer une page web pour un site de vente en lignesur ma page d'accueil je vais afficher le menu avec les grandes catégories de p
Formulaire oui, mais dynamique ! [ par jpinneau ]
Bonjour, j'ai un formulaire, dont les champs Dynamique tel que les champs nécessaires sont dans une base de données.Lors de l'affichage de la page, je
Positionnement dynamique d'un DIV [ par jeanne38 ]
Bonjour, Ma page est générée par ASP, et sa longueur peut varier selon l'utilisateur. Elle a des fleches (images) qui, quand on clique dessus, affiche
recuperer le contenu d'une variable dynamique [ par raincevent ]
/*Salut,si quelqu'un peu me dépanner pour cette fonction qui me permettré de verifier un formulaire dynamique.En effet chaque variable "testx,v_total_
Excel et macro pour web dynamique [ par fcdconnect ]
Bonjour,Peut on convertir une feuille de calcul comportant des macros en une page web dynamique de type Xml ou encore avec du javascript...serait t'il
Tablo HTML dynamique [ par bside8 ]
Bonjour,je souhaite rendre dynamique un tableau HTML.L'objectif est de mettre en surbrillance la ligne du tablo sur laquelle pointe la souris.Je ne sa
Menu dynamique [ par bside8 ]
Bonjour,je souhaite réaliser un menu somme toute classique consistant à faire apparaître un menu détaillé lors du passage de la souris sur l'un des it
Contenu dynamique [ par bside8 ]
Bonjour,je voudrais, avec des flèches '-' et '+' incrémenter ou décrémenter dynamiquement une valeur :- valeur +Comment je dois m'y prendre ?Merci
Création d'une galerie d'images dynamique [ par joujou0000 ]
j ai besoin de votre aide s-v-p, je suis debutant et je veux créer un site web contenant une galrie de photos dynamique avec du XHTML et du JAVASCRIPT
Menu dynamique [ par RapAttak ]
BonjourJe souhaite intégrer un menu dynamique sur mon site et j'aimerais beaucoup avoir le meme menu que vous utilisez sur www.javascript.com.Je n'arr
|
Derniers Blogs
XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz
Logiciels
DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|