« ActionScript/Première Application » : différence entre les versions

Contenu supprimé Contenu ajouté
m Bot : Remplacement de texte automatisé (-\. A +. À )
B-nux (discussion | contributions)
Aucun résumé des modifications
Ligne 8 :
|suivant=[[Actionscript/Syntaxe 1|Syntaxe : variables]]}}
 
== AvecLe l'IDEtraditionnel d'Adobe"Hello : FlashWorld" ==
=== Première Application, sans rien comprendre !===
Au démarrage dude logicielFlash, vous trouverez, au centre de votre écran la page d'accueil de flash. Dans celle-ci, sélectionnez ''Fichier Flash (AS 3.0)''.
NormelementNormalement, il est apparu, <s>, devant vos yeux ébahis,</s>,différents panneaux supplémentaires :
* En haut le panneau ''Scénario''
* En bas le panneau ''Propriétés'' s'est dégrisé.
 
Le but de ce cours n'étant pas de vous présenter l'IDE Flash dans ses moindres détails je vous présenteprésenterai l'essentiel, dont on se resservira en Actionscript.
Vous verrez aussi un rectangle blanc au milieu, pour votre culture générale, sachez qu'on nomme ceci ''la scène''.<br/>
Et que c'est là-dedans que se déroulera toute votre animation, alors prenez-en grand soin !
 
Bon je parle, je parle mais vous n'avez rien fait encore alors tous à vos claviers et ''Let's go!'' :
 
# Dans le panneau ''propriétés'' en bas de votre écran, vous devriez voir un champ ''Classe du document'', remplissez le avecet mettez un nom du genre ''mapagetest'', ouil s''test''agit ouen bienfait encoredu ''essai''nom de cla classe enfinqui brefsera commeappellée vousà voulezla !compilation. Normalement une boîte de dialogue s'affiche vous indiquant que Flash ne trouve pas la définition de classe et qu'il en générera une à la compilation. Nous arrangerons ça dans quelques instants vous verrez...
# Allez dans ''fichier'' puis ''nouveau''
# Dans la boîte de dialogue s'affichant, sélectionnez ''Fichier ActionScript''
Ligne 31 ⟶ 32 :
import flash.display.MovieClip;
 
public class le_nom_que_vous_avez_mis_dans_le_champ_:_Classe_du_documenttest extends MovieClip
{
public function le_nom_que_vous_avez_mis_dans_le_champ_:_Classe_du_documenttest ():void
{
trace('Hello World!'); // le traditionnel !
Ligne 41 ⟶ 42 :
</source>
 
Enregistrez ce fichier et votre scène dans le même dossier mettez le nom que vous voulez pour votre scène par contre pour votre fichier Actionscriptactionscript, votre (.as) mettez comme nom celui que vous avez mis dansenregistrez le champsous ''Classe du document :test.as'' de votre scène. Bon, c'est presque terminerterminé il reste juste à spécifier à Flash que vous voulez récupérer des classes dans le dossier dans lequel vous avez enregistrez vos deux fichiers !Vous vous rappellez en 1 je vous avez dit que Flash ne trouvait pas votre classe et qu'il en générerait une à la compilation ?<br/>
Et bien c'est maintenant que l'on va lui dire où la chercher ! Attention, tous à vos claviers !, enfin surtout à vos souris :p !
# allezAllez dans le menu ''Modifier'' puis ''Préferences'', une boîte de dialogue s'affiche.
# Dans cette boîte de dialogue, il yay a une liste de différents 'onglets' à gauche, sélectionnez ''ActionScript'', la page change
# Tout en bas de la nouvelle page, sélectionnez ''Paramètres d'ActionScript 3.0...'', une boîte de dialogue s'affiche.
# Appuyez sur le '''+''' puis sur la '''cible''', sélectionnez alors le répertoire dans lequel vous avez enregistré vos deux fichiers (la ''scène''(.fla) et votre fichier ''test.as'')
 
Une fois cela fait, vous pouvez tout fermer, en cliquant sur les ''Ok'' successifs (deux noramlement) !
Vous êtes pret?
Maintenant allez dans le Menu ''Contrôle'' puis ''Tester l'animation''. (Pour les adeptes du clavier vous pouvez aussi appuyer sur els touches ctrl+entrée )
Noramlement vous voyez apparaître votre scène blanche, mais surprise, le panneau d'en bas a changé,affiché vousquelque vouschose êtes: retrouvé'Hello dansWorld!'. leIl s'agit en fait du panneau ''sortie'' quice noramlementsera vousvotre affichedébuggeur ''Hello World''!
 
Et voilà vous venez de réaliser votre première application en ActionScript 3.0, si c'est pas mimi ça ?
Ligne 56 ⟶ 58 :
=== Quelques Explications ===
 
Ici, je vais vous expliquer un peu le code présent dans votre fichier ''test.as''<br/>
<source lang="actionscript">
package
Ligne 67 ⟶ 69 :
* Enregistrez toutes vos classes présentes dans un package dans un même dossier portant le nom du package comme nom
 
Si vous ne comprennez pas tout, rassurez-vous ça viendra avec le temps et puis, la vie est longue vous avez le temps !
Bon prêt pour un nouveau bout de code ?
<source lang="actionscript">
Ligne 88 ⟶ 90 :
import flash.dsplay.MovieClip
public class le_nom_de_votre_classetest extends MovieClip
{
...
Ligne 113 ⟶ 115 :
import flash.display.MovieClip;
 
public class le_nom_que_vous_avez_mis_dans_le_champ_:_Classe_du_documenttest extends MovieClip
{
public function le_nom_que_vous_avez_mis_dans_le_champ_:_Classe_du_documenttest ():void
{
trace('Hello World!'); // le traditionnel !
Ligne 124 ⟶ 126 :
La fonction ''trace()'' dit juste au compilatue d'écrire dans le panneau ''sortie'' le contenu qui lui est envoyé, nous nous avons envoyé ''Hello World'' à la fonction ''trace()'' Donc le compilateur écrit ''Hello World'' dans le panneau sortie !
 
Bon, je croiecrois que vous êtes prêt pour rentrer plus profondément dans Actionscript, source inépuisable de problèmes, de casse-tête et de pleins de trucs bien complexes ! (Nan, nan vous découragez pas !, je disais ça pour vous faire <s>pleurer</s> rireflipper !)
{{Bas de page|idfaculté=informatique|leçon=[[Actionscript]]|précédent=[[Actionscript/Introduction|Introduction]]|suivant=[[Actionscript/Syntaxe 1|Syntaxe : variables]]}}