MX [6] :: Une technique d'animation

[zardoz]

Un source de la génération MX Version 6
Ce source fut mes débuts en Flash il y a 5 ans. Je le laisse ici sur MSG car je me disais qu'il pourrait être utile à quelques un qui s'adonne à Flash Mx. Il s'agit d'un source d'animation basé sur les coordonnées ' x ' et ' y '. Ces coordonnées sont en fait des matrices. Une se nomme ' coordX ' et l'autre se nomme ' coordY '. Évidemment vous pouvez changer les coordonnées comme bon vous semble. Une autre variable nommé : ' ips ', jouera donc sur la vitesse d'exécution de l'animation sa valeur minimum est ' 1 '. Si la valeur est à ' 0 ', l'animation est stopper. Ce très vieux source se place sur un clip, il est du genre ' onClipEvent(load) { . . . } ' et ' onClipEvent(enterFrame) { . . . } '. Voici donc le source téléchargable .

animation_01.zip

Son contenu >>
animation_01.fla
animation_01.swf
animation_01.as

:: Vous placer ce source sur un clip de votre choix.
:: En sélectionnant le clip en question.
:: Je vous suggère de télécharger le source.
:: car le fichier ' animation_01.as ' porte une matrice plus complète.

Code: Tout sélectionner

onClipEvent(load) {
               // --
               // -- Vous avez un fichier joint ' animation_01.as ' dont les coordonnées sont plus complet
               // -- Vous pouvez changer les valeurs des matrices, il n'y a pas de limite
               // --
   coordX = [100, 200, 300, 400, 500];
                coordY = [100];
               // --
               // -- Cette variable jouera sur la vitesse d'exécution de l'animation
               // -- Plus la valeur est élevé, plus la vitesse augmente
               // --
   var ips = 12;
   milParImage = (1000/ips);
   heureDepart = getTimer();
}
onClipEvent(enterFrame) {
   maintenant = getTimer();
   tempsEcoule = maintenant - heureDepart;
   image = Math.floor(tempsEcoule / milParImage);
   _x = coordX[image];
   _y = coordY[image];
   }


Mise en site le :: 25 Mars 2008.
Dernière modification le :: 25 Mars 2008.

Voici un exemple de matrice de coordonnées ' x ' et ' y '

:: Snippet de remplacement de la partie des coordonnées

Code: Tout sélectionner

coordX=[90.75,139.65,189.85,240.65,291.2,340.15,385.9,426.1,452.1,431.05,386.3,337.55,288.1,237.6,
186.95,136.6,88.85,97.2,140.95,184.25,228.25,274,322.45,337.1,311.4,277.2,235.4,200.6,198];
coordY=[218.95,204.45,195.85,194,199.85,214.05,236.7,266.55,308.05,352.6,378.3,394.75,402.7,405.4,
405.7,402.9,391.5,351.45,323.9,299.6,277.1,257.55,246.6,284.75,329.15,366.75,394.75,373.35];


:: Et voilà . . . Amusez vous bien . . .

[boulledogue]

Salut! Oui j'avais déjà du faire quelque chose de similaire pour un header flash dont j'ai abandonné le projet! Très utile, merci à toi

[zardoz]

Salut boulledogue . . .

Tant mieux si ce simple source te conviens.

N'oubli pas de changer les valeurs pour t'ajuster comme tu le désir.

C'est du vieux source pour moi mais je crois que MX est encore populaire
donc je fais le trie des sources de mes débuts afin de les rendres à MSG.

Bonne prog Zardoz . . .

[kharrouj]

merci

[boulledogue]

Salut kharrouj! Bienvenue à toi sur le forum! N'hésite pas à aller te présenter ;)

[nicocisko]

pouvez vous me dire avec quoi vous ouvrer le fichier car mon ordi n'arrive pas a l'ouvrir?
merci d'avance

[zardoz]

Salut nicocisko :
Si tu fais mention du fichier « Flash » tu l'ouvre avec le logiciel Flash MX 6 ou plus.
Les versoins supérieur à Flash MX 6 s'ajusteront automatiquement.

N'oublit pas que l'animation est simpliste : C'est le script qui est important ici.

++

[claudine83]

bonjour

Je suis novice et aimerais savoir si je peux avoir ces animations en htlm?
merci

[zardoz]

En effet oui » Tu pourras toujours placer ton animation en zone HTML » Avec la balise <OBJECT> et <EMBED>.
Il faut juste s'assurer que notre navigateur possède le plug-in du dernier ' Player Flash '. La version 10.
Téléchargable sur le site de « Adobe ». url : http://get.adobe.com/fr/flashplayer/.

Pour ce qui est d'avoir des animations écrit en HTML » Eh bien pas vraiment. Pour avoir de belles animations en
zone HTML, mais sans Flash, il te faudra te tourner vers javaScript qui sont des même normes que actionScript.

Voici un exemple de code d'un lecteur vidéo écrit en flash.
Celui-ci sera placer en zone HTML » Ne le considérer que comme un exemple.
En effet car celui-ci demande le répertoire au complet.
Je ne l'offre ici que comme un exemple d'écriture de script. Il ne sera pas effectif.
C'est de la ligne 40 à 46 qui sera le plus important. Entre <object></object>. Le reste est facultatif.

Code: Tout sélectionner

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>connectionVideo</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<body bgcolor="#ffffff">

<script language="javascript">
   if (AC_FL_RunContent == 0) {
      alert("This page requires AC_RunActiveContent.js.");
   } else {
      AC_FL_RunContent(
         'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
         'width', '600',
         'height', '400',
         'src', 'connectionVideo',
         'quality', 'high',
         'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
         'align', 'middle',
         'play', 'true',
         'loop', 'true',
         'scale', 'exactfit',
         'wmode', 'window',
         'devicefont', 'false',
         'id', 'connectionVideo',
         'bgcolor', '#ffffff',
         'name', 'connectionVideo',
         'menu', 'false',
         'allowFullScreen', 'false',
         'allowScriptAccess','sameDomain',
         'movie', 'connectionVideo',
         'salign', ''
         );
   }
</script>
<noscript>
   <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="600" height="400" id="connectionVideo" align="middle">
   <param name="allowScriptAccess" value="sameDomain" />
   <param name="allowFullScreen" value="false" />
   <param name="movie" value="connectionVideo.swf" /><param name="menu" value="false" /><param name="quality" value="high" /><param name="scale" value="exactfit" /><param name="bgcolor" value="#ffffff" />   <embed src="connectionVideo.swf" menu="false" quality="high" scale="exactfit" bgcolor="#ffffff" width="600" height="400" name="connectionVideo" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
   </object>
</noscript>
</body>
</html>


NOTE : Sachez ici que vous n'avez pas à avoir de connaissances particulières pour intégrer une animation Flash en zone HTML. Si toutefois vous possédez les logiciels HTML comme Dreamweaver CS3. Ce n'est pas plus difficile si vous utilisé le bloc note de Windows » comme exemple évidemment. Retenez simplement que seule la partie <object> est obligatoire. La partie javaScript est facultatif.

++