Cours 01 : les débuts avec Flash et AS3

Avant toute chose, on commence par créer un dossier "Section 7"
A l'intérieur de ce dossier, on crée un dossier "cours01", on pourra ainsi retrouver ses cours plus facilement.

Ouvrez votre logiciel de dessin favori et créez une image de 500 x 300 pixels en jpg que vous mettrez de côté dans ce dossier "cours01" sous le nom fond01.jpg, nous pourrons ainsi la récupérer avec Flash au moment voulu.

Voici la mienne :

Tout est prêt maintenant pour lancer Flash CS4 :



On choisit donc "créer Fichier Flash ( AS 3.0 )"

Pour que nous ayons tous le même plan de travail, choisissez en haut à droite, dans le menu déroulant, "Indispensables", pour avoir les fenêtres :
- outils ( à droite )
- propriétés et bibliothèque ( à droite aussi )
- scénario en bas




Dans la fenêtre propriétés, cliquez sur "modifier"
Vous accédez alors à une fenêtre qui vous permettra de changer les dimensions de votre plan de travail ( scène ) en 500 et 300 mais aussi à la cadence de votre programme : mettez 50, cela veut dire 50 images par seconde ( c'est la cadence des images d'un moniteur de PC ). Cela donnera beaucoup de fluidité à votre programme.

Nous allons maintenant créer le premier programme :

Fichier / Importer / Importer dans la bibliothèque




Allez chercher votre "fond01.jpg"

L'image va se placer dans la bibliothèque sous le nom fond01.jpg

Vous pouvez maintenant la placer sur votre scène de la façon suivante :

Ouvrez la bibliothèque ( si elle n'est pas déjà ouverte ), en cliquant sur l'onglet "bibliothèque" en haut à droite à côté de l'onglet "propriétés"

1* clic gauche sur le nom "fond01.jpg" et restez cliqué
2* transportez l'image sur la scène en restant cliqué
3* lâchez le clic et l'image se place sur la scène

Il y a peu de chance pour que votre image soit bien placée sur la scène. Alors choisissez la fenêtre "aligner"



Fenêtre / aligner

cliquez sur les 2 cases indiquées et l'alignement se fera automatiquement.

On sauvegarde le programme maintenant :

Fichier / enregistrer sous...
appelez votre programme cours01.fla et placez-le évidemment dans vos dossiers créés : section7/ cours01

Quittez le programme : Fichier / quitter

Vous avez maintenant 4 façons d'ouvrir votre programme "cours01.fla"

1* double-clic sur votre programme fla
2* clic droit et ouvrir avec... => choisissez alors Flash CS4
3* ouvrez votre programme flash et allez chercher soit "cours01.fla" dans programmes récents
4* soit en utilisant "ouvrir"



Maintenant que vous avez récupéré votre programme, vous pouvez créer un nouveau calque : ce sera le fameux calque de l'AS3, réservé au code

Jetez un coup d’œil dans la fenêtre "scénario" et créer un nouveau calque en cliquant sur l’icône adéquat.



Vous obtenez un nouveau calque qui vient se placer au-dessus du calque1 en s'appelant logiquement "calque2"
Profitez donc pour faire un double clic sur ce nom et changez-le en "actions" puisqu'il sera destiné à récolter notre code en action script

Il est temps de placer le code qui va incruster votre copyright

Code:


var mon_menu:ContextMenu = new ContextMenu();
mon_menu.hideBuiltInItems();

var mon_titre = new ContextMenuItem("Les tutos de Razielle");
var mon_pseudo = new ContextMenuItem("par Razielle");
var mon_programme = new ContextMenuItem("en Action Script 3");
var mon_copyright = new ContextMenuItem("Copyright - 20/09/2014");

mon_copyright.enabled = false;
mon_copyright.separatorBefore = true;

function openLink(e:ContextMenuEvent):void{
navigateToURL(new URLRequest("http://razielle.eureka.planet-work.com/"));
}
mon_titre.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, openLink);

mon_menu.customItems.push(mon_titre, mon_pseudo, mon_programme, mon_copyright);

contextMenu = mon_menu;



Les commentaires sur ce code :
- le terme "En Action Script 3" => vous n'y touchez pas
- la date => vous mettez la date du jour où vous faites le programme
- le pseudo "par Razielle" => vous remplacez évidemment par votre pseudo
- le dernier terme est double :
--- a) le titre "Les tutos de Razielle" fonctionne avec
--- b) l'adresse "http://razielle.eureka.planet-work.com/"
si vous avec un site ou un forum, remplacez ces 2 termes par le titre de votre site ou de votre forum, puis l'adresse par votre adresse correspondante

Vous travaillez cela avec un utilitaire de texte puis vous le sauvegardez dans le dossier cours01 car vous en aurez besoin pour chaque cours

Nous allons le placer maintenant dans le programme :
Vous êtes bien sur le calque "actions" ?
ouvrez la fenêtre "actions" par fenêtre / actions ou F9
et copiez/collez votre copyright

Voilà, c'est fini ! ! !

Vous pouvez tester en faisant : Contrôle / Tester l'animation

Enregistrez votre programme cours01

Fichier / Publier pour obtenir le fichier exécutable en swf qui va aller se sauvegarder automatiquement dans le dossier cours01

Il ne vous reste plus qu'à mettre le swf sur le net et l'afficher ici

Voici mon exemple => testez bien le copyright avec le bouton droit de la souris ! ! !