[Plan du site] Vous êtes ici --- > Le Site du Zér0 > Les tutoriels > Non-Officiels > Programmation > ActionScript / Flash / Flex > Lecture du tutoriel

Introduction à l'ActionScript

	Auteur : SuprazZz Créé : le 30/11/2005 19:39:43 Modifié : le 04/03/2008 16:51:28 Avancement : 75% Imprimer : Sommaire / Tout

Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)

Bonjour futurs flasheurs

.

Depuis plusieurs années, vous pouvez voir fleurir sur les sites de la galaxie Web des petites animations colorées et interactives. Que ce soit des petits jeux, des radios, ou encore simplement de la publicité : Flash est maintenant omniprésent !

Dans Flash, on trouve deux parties distinctes : le graphisme et le scripting. Ce que ce tuto vous propose de faire c'est d'apprendre l'ActionScript, c'est à dire toute la partie dynamique d'une animation Flash !

Je vous souhaite bonne chance, et j'espère que vous prendrez autant de plaisir dans la lecture de ce tutoriel que moi pour l'écrire

Petite recommandation avant de partir. Au début de chaque grand chapitre, j'indique le niveau prérequis pour une bonne compréhension du contenu des tutoriels. A chaque nouveau chapitre, nous ferons appel à des connaissances extérieures, comme l'HTML, le PHP... Et cela toujours à des niveaux plus élevés. N'hésitez donc pas à commencer l'apprentissage de ces autres langages de façon simultanée !

A lire impérativement :
Je reçois beaucoup de messages personnels concernant ce tutoriel, dans beaucoup de messages on me dit que le code que je propose, même les exemples les plus simples, ne fonctionnent pas. En fait, ce tutoriel est rédigé pour les apprentis programmeurs en AS 2.0, alors que la version 3.0 d'ActionScript est sortie depuis quelques temps maintenant. Si la version 2.0 n'est pas obsolète pour autant, il faut bien faire attention quand on créé une nouvelle application Flash à la compiler en AS 2.0 (allez voir dans les propriétés de l'animation pour modifier ce paramètre) !
Merci aussi de ne pas m'envoyer de messages privés, je n'aurai pas le temps d'y répondre, mais le forum est là pour ça

Ce cours est composé des parties suivantes :

Présentation de Flash
Les bases de l'actionscript
Actionscript avancé
Communication client-serveur
Techniques complexes
Annexes

Partie 1 : Présentation de Flash

Flash est un outil très puissant sur le web, car il autorise une interaction avec l'utilisateur que d'autres technologies comme le Javascript auraient du mal à fournir.
Mais il est indispensable de savoir utiliser Flash avec parcimonie.

Nous allons donc faire un petit tour d'horizon : ce qu'est Flash, ce qu'on peut en faire, et pour finir un schéma fonctionnel du Fil Rouge de fin de chapitre que nous réaliserons !

Prérequis : aucun.

But : Première approche de l'interface
Dans ce chapitre, nous avons donc délimité les champs d'application de Flash, et nous avons vu d'un point de vue très théorique ce qu'allait être notre travail tout au long de notre Fil Rouge
Partie 2 : Les bases de l'actionscript

Actionscript est le langage de script de Flash. C'est grâce à lui qu'une bête animation Flash gagne toute son interactivité.
Macromedia s'est inspiré du standard ECMAscript (nom standard du javascript) pour créer son langage, vous retrouverez donc de fortes similitudes avec ce langage pour les chanceux qui le connaissent déjà.

Nous allons nous intéresser à la structure du code et au positionnement de ce dernier, Flash possédant un système de "clip" sûr et dans chacun desquels du code peut être placé. Ce qui crée une complexité artificielle dans la conception d'application.

Prérequis : vous devez avoir bien compris le maniement de l'IDE de Flash. Vous devez surtout savoir comment créer un clip.

But :
- Assimiler la structure de l'ActionScript
- Comprendre le système d'événements
=> Logo animé de ZoZor !
Cette partie vous a autorisé une première approche du langage ActionScript, et vous a permis de réaliser un petit logo animé sympa.
Vous avez appris l'essentiel et sûrement la plus grosse partie de ce qu'il y a à savoir, les prochains chapitres relèveront plus de l'application de ces connaissances.
Partie 3 : Actionscript avancé

Nous avons vu les bases de l'Actionscript. Et c'était déjà un gros morceau.
Vous allez voir que Flash en garde encore sous le pied, et que la programmation avancée c'est rigolo.
Et comme dans toute animation Flash, vous avez intérêt à avoir un crayon et du papier à petits carreaux sous la main , car cela aide à comprendre le positionnement des objets, et permet de faire de petits calculs mathématiques chiants à faire de tête (règles de 3, ...).

Prérequis :
- Maîtriser l'IDE de Flash (créer des clips, savoir où placer le code)
- Maîtriser les bases de l'ActionScript
- Connaître les bases de l'HTML (langage de balises).

But :
- Maîtriser la notion de Clips
- Connaître l'API de dessin
- Savoir utiliser les écouteurs claviers
- Détecter les collisions
=> Jeu de voiture !
A la fin de ce chapitre, vous avez toutes les connaissances requises pour faire ce que vous voulez avec Flash. Cependant, Flash seul ne suffit plus, il va falloir le coupler avec une technologie côté serveur.
Partie 4 : Communication client-serveur

Voilà un chapitre qui fera appel à toutes vos connaissances !
Si vous ne connaissez pas le PHP, allez lire ce tuto sur le sujet et revenez plus tard.

Si vous êtes débutant en PHP, ne vous inquiétez pas, on ira doucement... pour l'instant !

Prérequis :
- maîtriser l'IDE de Flash (créer des clips, savoir où placer le code)
- maîtriser les bases et les fonctions avancées de l'ActionScript
- connaître le fonctionnement d'un site Web (Requêtes HTTP, HTML ...)
- connaître les bases du PHP.

But :
- comprendre le système de sécurité du lecteur Flash
- charger des variables
- charger du contenu multimédia (photos, vidéos, animations Flash).
=> Radio-Blog !
Maintenant vous savez tout ! Les chapitres suivants seront plus pointus et dévoileront des fonctions propres aux dernières versions de Flash.
Partie 5 : Techniques complexes

Si vous avez tenu jusque là, vous connaissez à peu près tout ce qui est possible de faire avec les anciennes versions de Flash. Mais Flash a toujours été avant-gardiste, et intègre donc des technologies en pleine expansion, comme le XML ou l'upload de fichiers contrôlé.

Bref, tout ce qui est nécessaire pour créer un projet Flash complexe !

Prérequis :
- maîtriser très bien le logiciel (interface et Actionscript vu jusque là)
- connaître suffisamment le PHP.

But :
- utilisation du XML avec Flash
- envoi de fichiers.
=> Galerie Photo !
- 1) Gestion du XML
Partie 6 : Annexes

Cette annexe comportera quelques astuces ou morceaux de code choisis.
Je ferais en sorte d'accumuler ici les astuces en suivant l'ordre du cours.
- 1) Rotation d'un clip vers la souris