Tutoriel : Utiliser les librairies TweenMax pour créer une animation fluide avec un exemple simple

Prérequis

Lisez le précédent tutorial à propos de l’installation de la librairie TweenMax.
Tutoriel : Installer les librairies TweenMax ActionScript 3 avec Flash IDE pour débutants

Utilisation

Animations (Tweens)

Nous allons essayer de tester quelques animations et quelques animations fluides :

Cliquer sur Insertion > Nouveau symbole :

  1. Type: Clip
  2. Entrer le nom: Apple
  3. Cocher : Exporter pour ActionScript
  4. Entrer le nom de la classe : Apple
  5. Enfin cliquer OK

new_symbol

Entrer dans le symbole Apple depuis la Bibliothèque :

library

Dessiner ensuite une belle pomme rouge :).

Center la pomme au centre en laissant l’origine au milieu.

apple

Cliquer sur Séquence 1 depuis le navigateur en haut.

stage

Maintenant il y a une scène totalement vide.

Faire un clic droit sur la timeline et ouvrir le panneau Actions.

timeline

Ajouter ensuite cette ligne de code :

Si la librarie est correctement installée Flash propose de compléter la suite :

import

La méthode TweenMax.to va créer une interpolation avec n’importe quelles propriétés.

Par exemple cette ligne permet de déplacer l’objet vers de nouvelles coordonnées x et y :

Enfin ajouter ces lignes de codes :

Tutoriel : Installer les librairies TweenMax ActionScript 3 avec Flash IDE pour débutants

A propos de Tweenmax

Dans ce tutoriel je vais expliquer comment installer les librairies TweenMax ActionScript 3.0 dans Flash.

Les libraries TweenMax sont disponiblers pour ActionScript 3.0 et 2.0. Développées par la team GreenSock.

Cette librairie reste incontournable dans le développement Flash.

On peu l’utiliser pour faire beaucoup de choses différentes en quelques lignes :

  • Déplacer des objets en animations.
  • Appler des fonctions avec un délais.
  • Changer la teinte d’un objet de manière fluide
  • Utiliser des animations spécifiques (Rebond, élastique, ralentissement, …)
  • Et gérer facilement l’ensemble tous les évènements générés par TweenMax.

En quelques mots cette librairie déchire !

Voici l’exemple que fourni greensock.com :

Commençons !

Installation

Télécharger le zip de TweenMax depuis le site : http://www.greensock.com/tweenmax/

greensock

Ensuite décompresser le .zip quelque-part.

Ouvrir Flash et créer un nouveau fichier ActionScript 3.0.

flash

Ajouter ensuite les librairies dans votre fichier en cliquant sur les propriétés ActionScript :

as3

  1. Cliquer sur l’onglet Chemin biliothèque
  2. Cliquer sur le “+”
  3. Cliquer sur l’icône swc
  4. Sélectionner le fichier greensock.swc depeuis le dossier greensock que vous avez décompressé.
  5. Enfin valider en cliquant sur OK

add_tweenmax_libs

Eeeeeeeeeeet… C’est terminé ! :)