Le chargement de médias sous forme de fichiers externes
CHAPITRE 12
247
Rendre une image cliquable
Vous aurez parfois besoin de rendre cliquable une image chargée sur la scène. Pour cela,
il suffira de créer un écouteur (ajouter un gestionnaire d’événement).
chargeur.addEventListener(MouseEvent.MOUSE_DOWN,clicImage);
function clicImage(evt:MouseEvent) {
chargeur.blendMode = BlendMode.MULTIPLY;
}
En reprenant notre script initial, vous devriez obtenir le code suivant :
Fichier de référence : Chapitre12/ChargerImage2.fla
var chargeur:Loader = new Loader();
var adresseImage:URLRequest = new URLRequest("image1.jpg");
chargeur.load(adresseImage);
addChild(chargeur);
chargeur.x=100;
chargeur.y=50;
chargeur.addEventListener(MouseEvent.MOUSE_DOWN,clicImage);
chargeur.addEventListener(MouseEvent.MOUSE_UP,relacherClicImage);
function clicImage(evt:MouseEvent) {
chargeur.blendMode = BlendMode.MULTIPLY;
}
function relacherClicImage(evt:MouseEvent) {
chargeur.blendMode = BlendMode.NORMAL;
}
Point d’alignement d’une image
Le point d’alignement d’une image chargée sur la scène se trouve toujours en haut à
gauche. Vous le constateriez aisément si vous cherchiez à faire tourner une occurrence, la
rotation s’effectuant alors autour de ce point. Cela est également vrai lors de la mise à
l’échelle d’une image.
Comme nous l’évoquions au début de ce chapitre, il sera bien souvent nécessaire de charger
les médias dans des conteneurs d’objets d’affichage. C’est ce qui permet de résoudre ce
problème, comme nous allons le voir dans cet exemple.
Fichier de référence : Chapitre12/ChargerImage3.fla
1. Commençons par créer une instance de la classe Sprite() que nous ajoutons à la liste
d’affichage et que nous plaçons sur la scène.
var cadre:Sprite = new Sprite();
addChild(cadre);
cadre.x=250;
cadre.y=150;
CHAPITRE 12
247
Rendre une image cliquable
Vous aurez parfois besoin de rendre cliquable une image chargée sur la scène. Pour cela,
il suffira de créer un écouteur (ajouter un gestionnaire d’événement).
chargeur.addEventListener(MouseEvent.MOUSE_DOWN,clicImage);
function clicImage(evt:MouseEvent) {
chargeur.blendMode = BlendMode.MULTIPLY;
}
En reprenant notre script initial, vous devriez obtenir le code suivant :
Fichier de référence : Chapitre12/ChargerImage2.fla
var chargeur:Loader = new Loader();
var adresseImage:URLRequest = new URLRequest("image1.jpg");
chargeur.load(adresseImage);
addChild(chargeur);
chargeur.x=100;
chargeur.y=50;
chargeur.addEventListener(MouseEvent.MOUSE_DOWN,clicImage);
chargeur.addEventListener(MouseEvent.MOUSE_UP,relacherClicImage);
function clicImage(evt:MouseEvent) {
chargeur.blendMode = BlendMode.MULTIPLY;
}
function relacherClicImage(evt:MouseEvent) {
chargeur.blendMode = BlendMode.NORMAL;
}
Point d’alignement d’une image
Le point d’alignement d’une image chargée sur la scène se trouve toujours en haut à
gauche. Vous le constateriez aisément si vous cherchiez à faire tourner une occurrence, la
rotation s’effectuant alors autour de ce point. Cela est également vrai lors de la mise à
l’échelle d’une image.
Comme nous l’évoquions au début de ce chapitre, il sera bien souvent nécessaire de charger
les médias dans des conteneurs d’objets d’affichage. C’est ce qui permet de résoudre ce
problème, comme nous allons le voir dans cet exemple.
Fichier de référence : Chapitre12/ChargerImage3.fla
1. Commençons par créer une instance de la classe Sprite() que nous ajoutons à la liste
d’affichage et que nous plaçons sur la scène.
var cadre:Sprite = new Sprite();
addChild(cadre);
cadre.x=250;
cadre.y=150;
