edito
forum (21 057)
making of
preview newsletter
photoshop shortcuts
plan du site
b�tisier (24)
nouveaut�s (67)
mises � jour
banni�res (92)
liste de diffusion
infos l�gales
 


 

Devenez awares ! Et essayez de survivre.




aper�u
 

 

login | logout
g�rez votre profil
devenez membre
membres (2161)
anniversaires (796)
awares (349)
mickeys (343)
notables (83)
mod�rateurs (9)
votre vie priv�e

 

 

amis (22)
gfx fran�ais (58)
gfx autres (383)
pixel art (67)
ascii art (0)
paint/draw (97)
communaut�s (27)
portails gfx (16)
ressources (36)
flash (253)
3D (38)
java (2)

proposez votre site
derni�res entr�es
al�atoire (999)
quicklist
top 10










































999 sites
934 129 hits
 
 

� propos des tutos
tous les tutos (48)
rechercher un tuto

tutos al�atoires
679 406 hits

 

 

screen fonts
brushes
softwares
 
 
 

 

stats publiques
infocentres
r�f�rents (25071)
refs quicklist (25071)
visiteurs uniques
awards

20 701 636 hits
 





oil� un petit tutorial pour que tu arr�tes de me dire que tu ne sais rien faire sous flash... d�sormais tu n'auras plus d'excuse voil�. Donc, cette apr�s-midi, plusieurs de mes neurones se sont sacrifi�s ( paix � leur �me ) pour permettre de comprendre l'incr�mentation sous flash version anglaise ( il est pas question que je traduise nan m� ! ) ... et ben en fait, c'est vraiment tout simple.

Je prendrai comme exemple pour ce tuto le caca du tamagoshi. Le but est donc de faire faire appara�tre un caca toutes les 5 secondes ( �a nous fera revoir le rep�re temporel dans Flash ). Apr�s 5 secondes, deux possibilit�s : soit la crotte a �t� nettoy�e entre temps ( �a nous permettra ainsi de revoir quelques notions sur les boutons ) soit elle n'a pas �t� enlev�e ( dans ce cas nous n'en rajouterons pas une deuxi�me, le tamagoshi se retient merci ).


NDLR : Pourquoi as-tu pris cette saloperie d'invention nippone pour exemple ? Tu pouvais pas plut�t faire une abeille qui butine une lavande et s'envole toutes les 5 secondes sous les cricris des cigales au mois de juillet et... ? Bon allons-y tout de m�me...

Ingr�dients :

  • un movie clip tamagoshi.
  • un movie clip compteur.
  • un movie clip crotte.
  • un bouton balai.


. distinction des movies


 
 

On place nos movies sur la sc�ne principale. Pour l'instant, le compteur est un simple petit carr� rouge ( outil rectangle R ) que l'on a converti en symbole ( F8 ) de type movie clip. La premi�re chose � faire, c'est Dam's qui me l'a dit : nommer ces movies. Pour ce faire, un click droit sur chaque movie, s�lectionner " properties " et dans " instance name " ( Ctrl-L ) �crire le nom du movie. Ainsi je nomme le movie crotte crotte, le movie compteur compteur et le movie tamagoshi tama ( waaah ! ).





. �tat initial









 
 

Au d�but, quand le tamagoshi appara�t, on ne veut pas qu'il crotte tout de suite. On va donc �crire �a dans la frame 1 de la sc�ne principale. click droit, properties, actions ( Ctrl-L ) :

Set Property ("/crotte", Visibility) = False
Stop

La crotte est l� mais invisible ( j'ai trich� mais promis, je referai un tuto sur le load movie ).


J'ai mis un STOP parce que de toutes fa�ons, tout va se jouer dans la frame 1 de la sc�ne, �a fait plus propre.



Quand tu choisis le " set property ", tu constates qu'il y a un " target editor " ( il faut appuyer sur le bouton abc ) et oh miracle, il y a d�j� les noms d'instance de tous tes movies clip. Donc Dam's avait raison, l'�tape 1 est primordiale merci Dam's.


False est une expression et non une cha�ne litt�rale, chose � corriger en appuyant sur le bouton =.


. le compteur


 
 

Bon l�, �a devient plus int�ressant. On edit le movie compteur ( Ctrl-L pour afficher la librairie puis click sur le movie compteur ). Pour l'instant c'est un carr� rouge, mais on pourra pour le cacher le peindre ( U ) en noir ou diminuer son opacit� au minimum ( click droit sur le movie, properties, color effects, alpha � 0 % ).

R�capitulons maintenant ce que l'on veut faire : on va dire au movie compteur de compter en secondes. secondes sera la variable � laquelle on attribuera le temps. Quand cette variable sera un multiple de 5 ( c'est � dire quand secondes = 5 x p avec p entier ), le movie compteur devra dire � crotte de devenir visible.

. initialisation du compteur



. variable "secondes"


 
 

On cr�e un nouveau layer ( sur celui du carr� rouge ) o� on va placer toutes nos actions. En premier lieu, on initialise les variables : dans la 1�re frame du movie compteur, properties, action : Set Variable: "p" = "1" ( on ne met pas p=0 parce que la crotte appara�trait quand secondes = 5 x 0 = 0 c'est � dire au tout d�but ).

Dans la seconde frame, F6 pour mettre une keyframe, properties, actions :

Set Variable: "secondes" = Int (GetTimer / 1000 )

Dans une derni�re frame, F6, properties, actions :

Go to and Play (2) pour ainsi ne pas r�initialiser p � chaque fois.



Pourquoi ne pas mettre les deux initialisations dans la m�me frame ? Eh bien tout simplement parce que l'on va incr�menter la variable p � chaque tour, et que si le movie clip relit la frame 1, p reprendra alors la valeur 1. Il faudra donc s'arranger pour que le movie clip ne lise qu'une seule fois la premi�re frame.



Par contre, le movie clip devra relire � chaque tour la seconde frame pour que la variable secondes soit incr�ment�e : � chaque tour, secondes prendra comme valeur la valeur enti�re du temps �coul� / 1000. En effet, dans flash, la fonction GetTimer() r�cup�re le temps en milli�mes de seconde.



. incr�mentation







 
 

Bon, la variable secondes fonctionne, elle r�cup�re la valeur du temps. Il nous reste � rendre la crotte visible toutes les 5 secondes. Dans la deuxi�me frame du movie compteur, on rajoute dans les actions :

If ("secondes" = 5 * p)
Set Property ("../crotte", Visibility) = True
Set Variable: "p" = p+1
End If



Le movie clip crotte est situ� dans la sc�ne et actuellement nous tapons le code dans le movie compteur. On doit donc remonter l'arborescence pour dire quelque chose � crotte et on doit �crire "../crotte ".


Important ! Quand on fait set variable, p+1 est une expression et non une cha�ne litt�rale, il faut appuyer sur le bouton =. Bon voil� on a presque fini

. le coup de balai





 
 

Que ce passe-t-il si on compile le SWF maintenant ? Et bien la crotte appara�t au bout de 5 secondes et puis plus rien, le tama reste dans sa merde et toi tu passes pour un p�re indigne ! Vindiou ! N'oublions pas que nous avons plac� un bouton balai en haut � droite. on click droit dessus, properties, actions :

On (Release)
Set Property ("crotte", Visibility) = False
End On

Ici, on a pas besoin d'�crire "../" avant crotte parce que le bouton est au m�me niveau que le movie crotte. Un bouton n'a pas de nom d'instance.

Cliquez ici pour downloader la source ( 26 Ko ) et ici pour voir un exemple compil�.

ArKadia
6025 visites




 

SirHK, 16 06 2002 � 01:25

Moi aussi ^_^


SirHK


Kallen, 02 06 2002 � 10:00

Moi j'aime bien le japon ^^


Kallen (mickey)
51 ans (La Rochelle)
kln2@caramail.com


( 2 commentaires )
<< 1 2 3 4 5 6 7 8 9 10 11 12 >>

 
















P I R E G W A N . C O M
interface & d�veloppement - piregwan 1998-2002




toutes les banni�res


g�n�r� en 0.105 secondes