Interface vip member (mc tween motion)

Soyez le premier à donner votre avis sur cette source.

Vue 7 065 fois - Téléchargée 801 fois

Description

Cette source est reliée à ma source sur le forum Graphisme présente à cette adresse : http://www.graphfr.com/codes/INTERFACE-ESPACE-MEMBRE-VIP_50680.aspx
La maquette graphique est expliquée à cette adresse et elle mérite d'être consultée pour ceux qui souhaitent apprendre de nouvelles techniques et styles largement en vogue sur le web.

L'animation de l'interface est très simple, elle ne présente aucune interpolation de mouvement "visible" - et je veux dire par là l'interpolation classique que tout le monde connait dans Flash - mais les animations sont toutes réalisées via l'extension MC Tween développée par Zeh Fernando.

MC tween utilise AS2, pour ceux qui préfèrent AS3, le même auteur a développé son extension vers une classe appelée Caurina Tweener.
Vous pouvez consulter la documentation à cette adresse : http://hosted.zeh.com.br/mctween/documentation.html

Source / Exemple :


La source est disponible à cette adresse : http://www.4shared.com/file/140523473/ae2db835/Source_VIP_Member.html

Conclusion :


Les interpolations de mouvement visibles dans cette animation sont réalisées en utilisant l'extension MC Tween (voici un exemple):
white.xSlideTo(500,0.5,"easeInOutCirc");
white est un nom d'occurence auquel on attribue une methode de Tween - xSlideTo dans notre cas - l'objet va alors être "glissé" vers la position 500 pixels selon l'axe des X pendant une demi-seconde avec un type d'animation "easeInOutCirc".

Le but de cette source est de montrer à l'aide d'un exemple bien concret (à ceux qui souhaitent apprendre à maquetter une interface simple et l'animer) l'utilisation de l'extension MC Tween et les différentes propriétés qu'elle présente.

Vous êtes libres de modifier la source à volonté et de continuer l'animation de l'interface. Si vous faites quelque chose de beau, montrez le moi !

Je vais essayer de terminer cette source inchAllah et la peupler avec du contenu dynamique en utilisant XML.

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Messages postés
1378
Date d'inscription
samedi 9 octobre 2004
Statut
Membre
Dernière intervention
1 novembre 2010
1
Si tu veux comparer les performances des tweens AS2 et AS3

http://blog.greensock.com/tweening-speed-test/
Messages postés
48
Date d'inscription
jeudi 1 décembre 2005
Statut
Membre
Dernière intervention
6 septembre 2010

L'extension utilisée est MC Twenn (http://hosted.zeh.com.br/mctween/index.html)
Voici le lien pour télécharger l'extension MC Tween : http://hosted.zeh.com.br/mctween/downloads/mc_tween_2_28_29.mxp
Messages postés
1378
Date d'inscription
samedi 9 octobre 2004
Statut
Membre
Dernière intervention
1 novembre 2010
1
Salut à tous,
#include "mc_tween2.as", d'où qu'il est le fichier .as ?
Sinon en effet la time-line ne sert à rien si on utilise des tweens. Je ne connais ce script mais par contre pour les tweens je te recommande fortement les classes TweenLite et TweenMax : http://blog.greensock.com/tweenliteas3 (il existe aussi une version as2). Tu pourras utiliser les fonctions événementielles comme par exemple "onComplete".

Et puis autre chose, doucement les gars sur le niveau des sources. Tu as mis "EXPERT" pour celle-ci... Je doute fort que cette source est de niveau expert !
Messages postés
48
Date d'inscription
jeudi 1 décembre 2005
Statut
Membre
Dernière intervention
6 septembre 2010

Petit rappel à tout le monde :

Cette source est reliée à la source sur Graphisme --> http://www.graphfr.com/codes/INTERFACE-ESPACE-MEMBRE-VIP_50680.aspx
Après avoir réalisé la maquette vous pouvez voir comment l'animer en utilisant l'extension MC Tween.
Messages postés
48
Date d'inscription
jeudi 1 décembre 2005
Statut
Membre
Dernière intervention
6 septembre 2010

c'est correct, ça aurait été plus beau de voir des timers qui régissent tous les tweens avec du code et rien du tout mais je n'avais tout simplement pas cette idée au début, je voulais juste montrer à l'aide d'un exemple l'utilisation de l'extension MC Tween.
Afficher les 8 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.