Le veritable effet matrix

Soyez le premier à donner votre avis sur cette source.

Vue 34 251 fois - Téléchargée 5 492 fois

Description

J'ai transposé cela il y a longtemps en flash4 en m'inspirant d'un tutorial destiné à After-Effects dans Computer Arts, aussi ne vous étonnez pas d'y voir des commandes obsolètes de type "tell_target", et une prog un peu lourde dans l'ensemble, je n'ai pas jugé utile de l'améliorer car cela marche très bien.

Principe :
Il est très simple, il suffit de faire défiler vers le bas (avec accélération et ralenti) une bande verticale habillée d'un dégradé VERT->NOIR derrière un masque noir qui comporte des découpes correspondantes aux caractères de votre choix (dans l'exemple, c'est le prénom de ma nièce, c'est-y point mignon?). Ensuite il faut disposer ces masques dans une grande MATRICE qui couvre la surface désirée, attention ces masques ne sont que des graphiques avec une découpe et non des calques ayant la propriété de masque (nuance).
Enfin il faut décaler un peu les lignes de masques de temps à autre pour changer les caractères et additionner plusieurs bandes dégradées pour obtenir l'effet d'inertie des gouttes d'eau.

Realisation de la matrice:
Le but est d'obtenir une bande horizontale noire avec la découpe d'une chaîne de caractères qu'il va falloir dupliquer sur toute la scène.
1) utilisez l'outil rectangle avec le contour désactivé et le pot de peinture en noir pour tracer un carré (shift enfoncé), ne le convertissez pas en symbole.
2) Sur la même frame, tapez une lettre avec la typo de votre choix dans une couleur autre que le noir, centrez-la sur le carré en laissant peu de marge. Faites (ctrl+B) pour la vectoriser. Cliquez sur une zone vierge de la scène pour déselectionner, puis reselectionnez le caractère et effacez-le (del). Resélectionnez ce qui reste, appuyez sur F8 pour faire un symbole de ce qui est maintenant votre premier masque !
3) Aidez-vous de la grille de flash car l'approche des caractères doit-être identique pour une matrice homogène. Recommencez l'étape précédente et copiez-collez éventuellement vos masques jusqu'à obtenir une bande de la largeur de l'écran. Convertissez cette ligne en movieclip et dupliquez-la de sorte à couvrir toute la surface désirée. (les futés préféreront utiliser un duplicate movieclip en parallèle avec une variable s'incrémentant)
4) Donnez une occurence à au moins deux de ces lignes afin de les déplacer horizontalement (ze touch) d'un caractère, avec une property de type ligne._Xpos=nouvelle valeur. Si vous êtes débutants, contentez-vous simplement de faire des images-clefs déplacées sur la timeline.

Réalisation de la goutte d'eau
1) Vous utiliserez simplement l'outil rectangle (filet désactivé) et tracerez un rectangle vertical que vous allez remplir d'un dégradé vertical avec du vert en bas et du noir en haut. Convertissez-le en symbole, reconvertissez ce symbole en movie clip.
2) Editez votre movie clip, dupliquez le symbole sur un autre calque et amusez-vous à créer les interpolations de mouvement nécessaires. Par exemple, le premier symbole chute vers le bas en ralentissant, le deuxième vient le rejoindre et accélère la chute conjointe des deux (effet d'inertie).
3) Revenez à la scène, créez un calque derrière la matrice, placez-y moultes occurences de votre movieclip. Leur approche horizontale sera calquée sur la matrice tandis que l'approche verticale sera aléatoire . Utilisez les occurences pour déclencher aléatoirement les gouttes (exemple : goutte1.gotoandplay(1);goutte2.gotoandplay(9);etc...). Les futés préféreront utiliser une variable random avec une insertion de chaîne de caractères.

Voilà, félicitations pour avoir lu ce tutorial jusqu'au bout !

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Naixn Messages postés 455 Date d'inscription mardi 17 septembre 2002 Statut Membre Dernière intervention 22 juillet 2007
1 févr. 2003 à 07:41
C'est cool comme effet.

Pour le code, au lieu de mettre
telltarget("1") {
gotoAndPlay(x);
}

il y a plus simple :
1.gotoAndPlay(x);

Code plus récent. le tien date de flash 3 :)
kipetrovitchy Messages postés 85 Date d'inscription jeudi 30 janvier 2003 Statut Membre Dernière intervention 20 avril 2005
1 févr. 2003 à 10:19
Bon je réexplique...
1) regarde le tutorial, j'y indique que l'ancienneté de ma prog est à peu près celle du film. Mais ce qui compte, c'est le tutorial que j'ai rédigé de la manière la plus accessible possible.
2) Flash3 ne reconnaissait pas les tell target, c'est donc du flash4 (;o)
3) VOUS POUVEZ L'AMELIORER, c facile y'a de la marge! :o)
kipetrovitchy Messages postés 85 Date d'inscription jeudi 30 janvier 2003 Statut Membre Dernière intervention 20 avril 2005
7 févr. 2003 à 09:09
Euh... je me suis gourré, Flash3 reconnaissait les tell_target (en plus je l'explique dans un autre de mes tutoriaux), toutes mes excuses pour ce moment d'énervement...
cs_tom Messages postés 1511 Date d'inscription samedi 8 décembre 2001 Statut Modérateur Dernière intervention 11 juin 2009
13 févr. 2003 à 17:20
moi ce que je vois, c'est que que c'est leger au niveau process... C'est la meilleure methode pour eviter les ralentissements lors des affichages plein ecran...
boollette Messages postés 11 Date d'inscription lundi 10 février 2003 Statut Membre Dernière intervention 10 juin 2003
9 juin 2003 à 21:32
jcrois ke ta pas vu le film héhéhéhéhé

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.