begin process at 2012 05 26 06:02:27
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

ActionScripts

 > INTERFACE VIP MEMBER (MC TWEEN MOTION)

INTERFACE VIP MEMBER (MC TWEEN MOTION)


 Information sur la source

Note :
Aucune note
Catégorie :ActionScripts Classé sous :MC tween, interpolation, VIP, maquette Niveau :Expert Date de création :13/10/2009 Date de mise à jour :13/10/2009 21:40:22 Vu / téléchargé :5 147 / 628

Auteur : MADenigma

Ecrire un message privé
Site perso
Commentaire sur cette source (8)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Cette source est reliée à ma source sur le forum Graphisme présente à cette adresse : http://www.graphfr.com/codes/INTERFACE-ESPACE-MEMB RE-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.htm l

Source

  • La source est disponible à cette adresse : http://www.4shared.com/file/140523473/ae2db835/Source_VIP_Member.html
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.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !
  • VIP.flaTélécharger ce fichier [Réservé aux membres club]1 163 264 octets
  • VIP.swfTélécharger ce fichier [Réservé aux membres club]Voir ce fichier708 983 octets

Télécharger le zip


 Historique

13 octobre 2009 10:27:07 :
Ajout du lien de téléchargement de la source
13 octobre 2009 10:40:16 :
Quelques explications

 Sources du même auteur

Source avec Zip Source avec une capture LECTURE ET AFFICHAGE D'UN FICHIER XML, TOUT SIMPLEMENT !
Source avec Zip Source avec une capture FLASHVAR - PASSAGE DE VARIABLE, TOUT SIMPLEMENT !
Source avec Zip Source avec une capture MENU VERTICAL ELASTIQUE FLUIDE
Source avec une capture HELLRIDER CLOCK DESKTOP WIDGET
Source avec Zip Source avec une capture [ FULL FLASH ] SITE WEB AVEC MENU SUPER SIMPLE ET BASIQUE

 Sources de la même categorie

Source avec Zip Source avec une capture OUVRIR UNE ANIMATION EXTERNE DANS UN CLIP VIDE. par KcHeY
Source avec Zip ZOOM SUR UNE IMAGE par yasdar
Source avec Zip Source avec une capture UN PEU DE MATH par yasdar
Source avec Zip Source avec une capture PARTICULE SYSTEM par yasdar
Source avec Zip Source avec une capture GALLERIE PHOTO AVEC XML par yasdar

 Sources en rapport avec celle ci

Source avec Zip DÉPLACEMENT OBJET par MangueCarotte
Source avec Zip UTILISATION DES INTERPOLATIONS DE FORME ET DES REPÈRES par claviskass
Source avec Zip ANIMATION CERVEAU AVEC ECLAIRS ALEATOIRE par helleden

Commentaires et avis

Commentaire de pegase31 le 13/10/2009 21:38:15 administrateur CS

Il y a un truc que je ne comprend pas :
Théoriquement les tween sont justement là pour éviter les énormes longueurs sur la timeline, or on arrive à 215 frames.

Tu aurais mis les interpolations d'images et le résultat aurait été le même.
Je ne saisis pas bien l'intérêt.

Peg'

Ps: J'ai viré les images (déjà contenues dans le fla) et mis tes sources en ligne ici.

Commentaire de MADenigma le 13/10/2009 23:08:25

Oui mais puisque les tween ne se jouent pas en même temps, j'ai du les espacer.
Donc dès qu'on arrive là où il y a un tween on trouve son code.

Commentaire de pegase31 le 13/10/2009 23:29:48 administrateur CS

ça n'explique pas l'intérêt, ça prouve juste qu'il n'y a justement aucun intérêt.
Tu as juste remplacé les interpolations de frame par un code et ça n'apporte rien à la structure.

Pourquoi ne pas avoir tout fait en code avec des Timers et des évènements de fin de Tween ?

C'est une solution trop bâtarde pour qu'elle soit réellement justifiée à mon avis ...

Peg'

Commentaire de MADenigma le 14/10/2009 09:50:40

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.

Commentaire de MADenigma le 14/10/2009 09:55:24

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.

Commentaire de bali_balo le 14/10/2009 10:56:07

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 !

Commentaire de MADenigma le 14/10/2009 10:59:34

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

Commentaire de bali_balo le 14/10/2009 15:09:04

Si tu veux comparer les performances des tweens AS2 et AS3

http://blog.greensock.com/tweening-speed-test/

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

maquette d'e-mail avec images [ par comvis ] BonjourComment préparer un e-mail en html avec une maquette comportant un tableau avec des images pour une mise en page soignée(Le fichier de code est bouger un bras avec une slidebar sans interpolation [ par bennane ] bonjour all,kkun je peux faire bouger un bras dans flash avec une rotation piloté par un bouton sur une glissière et tt ça en action script, sans inte probleme d'interpolation [ par mdog ] salut, g un porobleme et je voit pa de koi sa peut venir :j'ai un texte qui doit s'affiché prograssivement puis disparaitre de la meme façons avec une Interpolation de couleur sur texte [ par Hams38 ] bonjour,je n'arrive pas a faire des interpolation de couleurs sur un texte !!!Aidez moi pleazMerciHam's Faire une interpolation en AS [ par BenSativA ] Salut !!Je voudrais savoir s'il existe un moyen de créer une interpolation de mouvement sur de l'alpha uniquement en action script ?Par exemple je vou Es ce un bug flash ? [ par casiopee ] Bonjour,Avez vous déjà eu ce problème ou bien es ce un bug flash ?- On a un calque 1, avec une interpolation qui va de l'image 1 à 10, passant de l'al Débuter interpolation après appui sur bouton [ par jeromepol49 ] Problème de débutant : Démarrer une interpolation de mouvement après appui sur un bouton.J'ai 2 calques : Sur la première image de mon premier calque besoin dun code pour une animation [ par loou ] bonjour,je vais essayer d etre clair c est pas tres facile a expliquer le sujet est une sorte de compteur basé sur 4 fois 19 interpolation d image peu Animation d'un fil (interpolation de forme) [ par haramont ] Je vais essayer d'expliquer mon problème clairement, je ne suis pas un pro de Flash, allons y:Imaginons une planche avec des clous (6 clous). a . ScrollBar dans interpolation de mouvement ? [ par jimm ] Bonjour,Je voudrais savoir s'il est possible de mettre un textarea avec scrollbar dans un <b>clip</b> qui subit une interpolation de mouve


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,343 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales