Bases AS3

EXERCICES

LES PROPRIETES

EXERCICE 1
>> Que veut dire alpha?
>> Que veut dire scaleY?
>> Quelle valeur peut prendre alpha?

EXERCICE 2
>> J’ai sur ma scène principale :
un clip avec pour nom d’occurrence “monRectangle”
remplacez les pointillés pour avoir “monRectangle” positionné sur un abscisse (x) de
50 et une ordonnée (y) de 150
monRectangle…..=50
monRectangle…..=150

ADDCHILD

EXERCICE 1
>> Que veut dire addChild()?

EXERCICE 2
>> J’ai dans ma bibliothèque un clip nommé myClip et en script : addChild(new my-
Clip())
Que dois je faire pour le faire apparaitre de façon dynamique sur la scène?

LES TYPES DE VARIABLES

EXERCICE 1
>> var nb:int veut dire que la variable nb prendra pour valeur tout les nombres entiers
(int comme integer)
Que veut dire var nb:Number?
Que veut dire var myText:String?
Que veut dire var monClip:MovieClip?
EXERCICE 2
>> Sur le code suivant : qu’est ce que my_color? Que va il se produire sur le MovieClip
“clip”
var my_color:ColorTransform = new ColorTransform();
my_color.color=0×003299;
clip.transform.colorTransform=my_color;

LES ECOUTEURS

EXERCICE 1
>> J’ai sur ma scène principale :
- un clip avec pour nom d’occurrence “monBouton”
- un clip avec pour nom d’occurrence “monRectangle”
Dans le cript ci dessous, remplacez les pointillés pour que mon clip monRectangle se
transforme avec une hauteur de 200 px.
……………..addEventListener(MouseEvent.MOUSE_DOWN, ……………..);
function maHauteur(e:MouseEvent) {
………..height=200;
}
EXERCICE 2
>> J’ai sur ma scène principale :
- un clip avec pour nom d’occurrence “monBouton”
une intepolation de mouvement:
Dans le script ci dessous, remplacez les pointillés pour que en cliquant sur monBouton
l’interpolation s’arrete.
monBouton.addEventListener(……………………………………..,stopIt);
function stopIt(e:Event) {
………
}
EXERCICE 3
>> Que veut dire stage?

EXERCICE 4
>> Quel mot peut être remplacer ici par stage et quel changement cela va t-il produire?
balon.addEventListener(MouseEvent.MOUSE_DOWN,changeColor);

EXERCICE 5
>> Que veut dire mouseX?
>> J’ai sur ma scène principale :
- un clip avec pour nom d’occurrence “point”
Que va produire le script suivant ?
stage.addEventListener(MouseEvent.MOUSE_MOVE,actionOver);
function actionOver(e:Event){
point.x=mouseX
}

EXERCICE 7 (Syntaxe)
>>La syntaxe pour utiliser un écouteur est la suivante :
MovieClip.addEventListener(condition,mafunction)
function mafunction() {
blabla
}
Citez 5 conditions possibles

EXERCICE 6
>> Corrigez les 6 erreurs
Bouton.addEventListener(MouseEvent.MOUSE_OVER,actionOver);
Bouton.addEventListener(MouseEvent.MOUSE_OUT,actionOut
Bouton.addEventListener(MouseEvent.CLICK,actionClick);
function actionOver() {
carre.x=40;
}
function actionout(e:Event) {
carre.x=80;
function actionclick(e:Event) {
carre.alpha=6;
}

LA BOUCLE FOR
>> J’ai dans ma bibliothèque un clip nommé Rond avec une liaison “exporté pour actionscript”
(clic droit >>Liaison>> exporté pour actionscript)
Que va produire ?
for (var ii:Number=0; ii<50; ii++) {
var monRond:MovieClip =new Rond();
addChild(monRond);
monRond.x=ii*50;
}

>> Que va produire ?
for (var ii:Number=0; ii<50; ii++) {
for (var jj:Number=0; jj<50; jj++) {
var monRond:MovieClip =new Rond();
addChild(monRond);
monRond.x=ii*50;
monRond.y=jj*50;
}
}

LA CONDITION IF ELSE

EXERCICE 1
>> J’ai sur ma scène principale :
- un clip avec pour nom d’occurrence “point”
Que va produire le script suivant ?
stage.addEventListener(MouseEvent.MOUSE_MOVE,actionOver);
function actionOver(e:Event){
point.x=mouseX
}
EXERCICE 2
>> Nous rajoutons une condition if else dans le script et dans le clip point il y a 2 images
clés
Que va produire le script suivant ?
stage.addEventListener(MouseEvent.MOUSE_MOVE,actionOver);
function actionOver(e:Event) {
point.x=mouseX;
if (point.x>200) {
point.gotoAndStop(2);
} else {
point.gotoAndStop(1);
}
}

HITTESTOBJECT

EXERCICE 1
>> A quoi servent startDrag et stopDrag?

EXERCICE 2
>> J’ai sur ma scène principale :
- un clip avec pour nom d’occurrence “point”
- un clip avec pour nom d’occurrence “maSurface”
Que va produire le script suivant ?
point.addEventListener(MouseEvent.MOUSE_DOWN, dragMonPoint);
point.addEventListener(MouseEvent.MOUSE_UP, stopdragMonPoint);
function dragMonPoint (evt:Event){
point.startDrag();
}
function stopdragMonPoint (evt:Event){
point.stopDrag();
}

EXERCICE 3
>> Nous rajoutons une condition et dans le clip point il y a 2 images clés
Que va produire le script suivant ?
point.addEventListener(MouseEvent.MOUSE_DOWN, dragMonPoint);
point.addEventListener(MouseEvent.MOUSE_UP, stopdragMonPoint);
function dragMonPoint (evt:Event){
point.startDrag();
}
function stopdragMonPoint (evt:Event){
point.stopDrag();
if(point.hitTestObject(surface)){
point.gotoAndStop(2);
point.removeEventListener(MouseEvent.MOUSE_DOWN, dragMonPoint);
}
}
 

TWEENLITE

EXERCICE 1
>> Que faut il faire avant d’utiliser la classe tweenlite?
EXERCICE 2
>> J’ai sur ma scène principale :
- un clip avec pour nom d’occurrence “monClip”
Que va produire le script suivant ?
import com.greensock.*;
import com.greensock.easing.*;
TweenLite.to(monClip,2,{x:450,y:150,rotation:25});
EXERCICE 3
Quelle sera la différence du script précedant avec le script suivant?
import com.greensock.*;
import com.greensock.easing.*;
TweenLite.to(monClip,2,{x:450,y:150,rotation:25,ease:Strong.easeOut});

LES CHAMPS TEXTES

EXERCICE 1
>> Quelle différences y a t-il entre un champs texte dynamqie et un champ texte statique
EXERCICE 2
>> J’ai sur ma scène principale :
- un champ text dynamique avec pour nom d’occurrence “monChampdeText”
- 4 clips nommés bouton1, bouton2, bouton3, bouton4
Que va produire le script suivant ?
bouton1.addEventListener(MouseEvent.MOUSE_DOWN,startPress2);
bouton2.addEventListener(MouseEvent.MOUSE_DOWN,startPress1);
bouton3.addEventListener(MouseEvent.MOUSE_DOWN,startPress2);
bouton4.addEventListener(MouseEvent.MOUSE_DOWN,startPress2);
function startPress1(evt:MouseEvent) {
monChampdeText.text=”C’est perdu”
}
function startPress2(evt:MouseEvent) {
monChampdeText.text=”C’est gagné”
}

CORRECTIONS

LES PROPRIETES

>> x et y
>> scaleX et scaleY : echelle de valeur déterminant la largeur et la hauteur du clip en pourcentage (valeur entre 0 et 1)
>> width et height : détermine la largeur et hauteur du clip
>> alpha : détermine la transparence du clip ( valeur entre 0 et 1)
>> visible : détermine si le clip est visible ou non  ( valeur  0 ou 1)
>> rotation : détermine l’angle de rotation du clip sur 360 degré

exemples :

>> J’ai sur ma scène principale :
un clip avec pour nom d’occurrence “monRectangle”

• monRectangle.x=50 >> va positionner le clip monRectangle sur l’absisse (x) 50
• monRectangle.y=200 >> va positionner le clip monRectangle sur l’ordonnée (y) 200
• monRectangle.scaleX=0.25 >> va diminuer la largeur de monRectangle de 25 %
• monRectangle.scaleY=0.8 >> va diminuer la largeur de monRectangle de 80 %
• monRectangle.width=200 >> va donner une largeur 200 px
• monRectangle.height=10 >> va donner une largeur 10 px
• monRectangle.alpha=0.5 >> va rendre le clip monRectangle transparent de 50 %
• monRectangle.visible=0 >> va rendre le clip monRectangle invisible
  monRectangle.visible=1 >> va rendre le clip monRectangle visible si le clip était invisible auparavent
• monRectangle.rotation=45 >> va faire tourner le clip monRectangle de 45 degré

ADDCHILD

Permet (entre autre) l’importation de clips depuis la bibliothèque. Il faut qu’il y ait une liaison dans la bibliothèque : clic droit sur le clip dans la bibliothèque >> liaison ou propriétés >> exporter pour actionscript. C’est un peu l’équivalent de attachMovieClip en AS2

exemples :
 

• addChild(new my-Clip()) permet d’importer le clip my-Clip sur la scène

   

 LES TYPES DE VARIABLES

Number : Nombre décimaux (avec une virgule)
int : Nombre entier (sans virgule)
String : Chaine de caractère
Boolean : valeur binaire prenant seulement deux valeur : true ou false
MovieClip : clip

exemples :

• var nb:Number veut dire que la variable nb prendra pour valeur tout les nombres entiers.
  Par exemple var x:Number=1.002 ou var x:Number=120007.852
   
• var nb:int veut dire que la variable nb prendra pour valeur tout les nombres entiers.
  Par exemple var x:int=1 ou var x:int=120007
   
• var myText:String veut dire que la variable myText prendra pour valeur un mot ou une phrase ou une suite de caractère
  Par exemple var myText:String="j’adore l’ActionScript" ou myText:String="le schnitzel est un plat autrichien"
   
• var test:Boolean veut dire que la variable test prendra pour valeur true ou false.
  Par exemple var test:Boolean=true ou var test:Boolean=false
   
• var monClip:MovieClip veut dire que la variable monClip est un clip
  Par exemple var monClip:MovieClip=new clipDeMabliothèque()

   

Autre variable :
ColorTransform : Permet de changer la couleur d’un clip

exemple :

var my_color:ColorTransform = new ColorTransform();
my_color.color=0×003299;
clip.transform.colorTransform=my_color;

 LES ECOUTEURS

 Syntaxe d’un ecouteurs addEventListener
MovieClip.addEventListener(condition,mafunction)
function mafunction() {
blabla
}

Voir aussi les sujets similaires sur cours internet :

1. Dessiner un rectangle avec la souris (AS3)
2. Le script var bloc:Shape=new Shape(); addChild(bloc); var point0X:Number; var point0Y:Number;...
3. Evenements (AS3)
4. Script function tourner(evt:MouseEvent) {     Roue.rotation +=5; } this.addEventListener(MouseEvent.MOUSE_DOWN,tourner); Script...
5. Tween et yoyo (AS3)
6. Le script: import fl.transitions.easing.*; import fl.transitions.*; var myMotion : Tween;...
7. TweenMax (AS3)
8. Le script import gs.*; import gs.easing.*; stage.addEventListener(MouseEvent.MOUSE_DOWN,startTween); function startTween(evt:MouseEvent) {...
9. Les bases à connaitre en actionscript2
10. Avec quelques notions de code, il est déjà possible de...