Duplication de Clips et Instance

Bonjour,

J'ai un petit souci:

- J'ai un clip nommé car_init dans ma bibliothèque + link AS3 "CARS"

cela me permet de dupliquer 4 fois ce clip sur ma scène:

Code:

---

1 2 3 4 5 6 7 8

var car:CARS; for ( var i:int = 1; i< 5; i++ ) { car = new CARS(); car.name="car"+i; addChild(car); car.x=100*i car.y = 350 }

---

Ce que je voudrais c'est en dehors de cette boucle déplacer ou interagir (tween, etc...) sur le clip car1, car2, car3 et car4.

Par exemple et simplement:

Code:

---

1 2 3 4 5

car1.y=10 car2.y=40 car3.y=70 car4.y=100

---

Mais ça me renvoie

Citation:

---

1120: Access of undefined property car1.

---

Il ne reconnait pas les instances car1, car2... C'est bien X.name qui définit le nom de l'occurrence du clip ?

Merci de votre aide !!!

Coincoin22

bonjour,

essaie d'accéder aux références comme ceci :

Code:

---

1 2	this["car1"].y=10

---

Merci mais j'avais déjà essayé tout ça en vain:

ça me renvoie:

Citation:

---

TypeError: Error #1010: Un terme n'est pas défini et n'a pas de propriété.

---

Je suis désespéré. C'est pourtant pas compliqué à première vue ??!

Merci de votre aide !!

Coincoin22

En fait, c'est logique, tu définis tes car1, car2 etc sur la propriété name et non id, il faut donc que tu récupères la référence vers ces clips en utilisant getChildByName().

Code:

---

1 2	this.getChildByName("car1").y=10;

---

SUPER !!!
Ca fonctionne !!

Merci de ton aide précieuse !

A+
coincoin22

Aie !! Je retombe sur un os... Comment créer des tween par variable:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

var mvt_car:Tween;   function move_car(e:TweenEvent = null):void { for (i=1;i<5;i++) { this.getChildByName("car"+i).y=350 this.getChildByName("car"+i).x=Math.floor(Math.random() * (300)) + 200; var vitesse=Math.floor(Math.random() * (20)) + 40; var posInit:int = this.getChildByName("car"+i).y; var car_clip = "car"+i mvt_car = new Tween(car_clip, "y", Regular.easeOut, posInit, 50, vitesse); mvt_car.addEventListener(TweenEvent.MOTION_FINISH ,move_car) } }

---

ça coince !! ça renvoie :
1046: Type was not found or was not a compile-time constant: TweenEvent.

Aidez-moi !!!

Merci

Il faut que tu définisses des types pour tes variables !
Tu peux aussi commencer par simplifier un peu ta fonction pour commencer :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

function move_car(e:TweenEvent):void { var car:CARS; var vitesse:Number; var posInit:Number; var mvt_car:Tween;   for (i=1;i<5;i++) { car = getChildByName("car"+i); car.y=350 car.x=Math.floor(Math.random() * (300)) + 200; vitesse=Math.floor(Math.random() * (20)) + 40; posInit = this.getChildByName("car"+i).y;   mvt_car = new Tween(car, "y", Regular.easeOut, posInit, 50, vitesse); mvt_car.addEventListener(TweenEvent.MOTION_FINISH ,move_car) }

---

pour ton problème : es tu sur d'avoir importé dans ta classe TweenEvent ? PS: ta fonction part en vrille car elle s'exécutera indéfiniment...

C'est normal qu'elle tourne en boucle... C'est ce que je veux ;-)

Oublions cette ligne de code pour le moment.

J'ai simplifié le code et le voici complet:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

import flash.display.MovieClip; import fl.transitions.Tween;   function move_car(e:TweenEvent = null):void { var car:CARS; var vitesse:Number; var posInit:Number; var mvt_car:Tween;   for (var i:int=1;i<5;i++) { car = new CARS(); car.name="car"+i; addChild(car); car.x=100*i car.y = 350 vitesse=Math.floor(Math.random() * (20)) + 40; posInit = this.getChildByName("car"+i).y;   mvt_car = new Tween(car, "y", Regular.easeOut, posInit, 50, vitesse); //mvt_car.addEventListener(TweenEvent.MOTION_FINISH ,move_car) } }   move_car();

---

Même problème:
1046: Type was not found or was not a compile-time constant: TweenEvent.

Comment identifier les tweens (tween1 pour car1, tween2 pour car2...)

On va y arriver à force ;-)

Merci de me donner une partie de ton temps en tout cas.

si tous tes imports sont là, il te manque toujours l'import de la classe TweenEvent...

De plus ta stratégie n'est pas bonne, tu appelles ta fonction manuellement alors qu'elle devrait être appelée automatiquement uniquement par un événement.

pour ta question sur les tweens, tu n'identifies pas les tweens en fonction des cars mais tu identifies les cars en fonction des tweens (via la référence e.target par exemple).

Ok j'ai rectifié mais cette fois-ci:
1118: Implicit coercion of a value with static type flash.display:DisplayObject to a possibly unrelated type CARS.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

import flash.display.MovieClip; import fl.transitions.Tween; import fl.transitions.easing.*; import fl.transitions.TweenEvent;   function move_car(e:TweenEvent):void { var car:CARS; var vitesse:Number; var posInit:Number; var mvt_car:Tween;   for (var i:int=1;i<5;i++) { car = new CARS(); car.name="car"+i; addChild(car); car = getChildByName("car"+i); car.y=350 car.x=Math.floor(Math.random() * (300)) + 200; vitesse=Math.floor(Math.random() * (20)) + 40; posInit = this.getChildByName("car"+i).y; mvt_car = new Tween(car, "y", Regular.easeOut, posInit, 50, vitesse); //mvt_car.addEventListener(TweenEvent.MOTION_FINISH ,move_car) } }

---

Merci encore

tu dois également importer ta classe CARS. Par convention au passage, le nom des classes devraient s'écrire en CamelCase donc ici Cars et pas CARS ;)

Quel éditeur utilises tu ? Ca ne te souligne pas ces erreurs ?

Je suis sur CS5 et comme tu le vois je suis débutant même si je me débrouille en bidouillant (malheureusement). Pour une fois que je voulais faire les choses proprement ... ;-(

J'ai rectifié CARS par Cars. Même souci.

Je vais devoir créer 4 fonctions sinon. J'aurai souhaité optimiser le tout mais je ne veux pas te faire perdre ton temps.

Merci de ton aide encore

peux tu identifier précisément la ligne posant soucis ?

C'est celle-là:

Code:

---

car = getChildByName("car"+i);

---

Dans ce code complet:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

import flash.display.MovieClip; import fl.transitions.Tween; import fl.transitions.easing.*; import fl.transitions.TweenEvent;   function move_car(e:TweenEvent):void { var car:Cars; var vitesse:Number; var posInit:Number; var mvt_car:Tween;   for (var i:int=1;i<5;i++) { car = new Cars(); car.name="car"+i; addChild(car); car = getChildByName("car"+i); car.y=350 car.x=Math.floor(Math.random() * (300)) + 200; vitesse=Math.floor(Math.random() * (20)) + 40; posInit = this.getChildByName("car"+i).y; mvt_car = new Tween(car, "y", Regular.easeOut, posInit, 50, vitesse); //mvt_car.addEventListener(TweenEvent.MOTION_FINISH ,move_car) } }

---

essaie de caster ton objet :

Code:

---

1 2	car = (Cars)getChildByName("car"+i);

---

Aie !!

1086: Syntax error: expecting semicolon before getChildByName.
1084: Syntax error: expecting rightbrace before semicolon.

Désolé je t'ai filé la syntaxe Java :aie:

Code:

---

1 2	car = Cars(getChildByName("car"+i));

---

En effet, plus d'erreur mais rien ne s'affiche ??
Où sont passées mes car ??

Il me semblait qu'avec AddChild, je les affichais... ? C'est ce qu'on a fait au-dessus ?? J'y comprends plus rien :cry:

en tout cas, j'aurais appris des choses avec toi ;)

encore faut il que ta fonction qui les affiche soit exécutée ;)

mais je le répéte, il faut que tu découples l'ajout sur ta scene de tes cars et les événements qui leur sont liés.

En somme, il faut que tu fasses quelque chose comme ca :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

protected function init():void { // ici ta boucle créant tes cars, ajoutant les events puis ajoutant tes occurences sur la scene }   protected function move_car():void { // ici tu lances tes tweens sur tes cars }   protected function handleMoves(e:TweenEvent):void { // ici tu récupère l'event TweenEvent.MOTION_FINISH ainsi que la car en faisant var car:Cars = Cars(e.currentTarget); }

---

Je vais remettre tout ça dans l'ordre... Je te tiens au courant.

Merci en tout cas !!!

A+
Coincoin22

ça fonctionne jusqu'à la dernière fonction ou ça coince:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

import flash.display.MovieClip; import fl.transitions.Tween; import fl.transitions.easing.*; import fl.transitions.TweenEvent;   var car:Cars;   function init():void { for (var i:int=1;i<5;i++) { car = new Cars(); car.name="car"+i; addChild(car); car.y=350 car.x=Math.floor(Math.random() * (300)) + 200;   } }   init();   function move_car():void { for (var i:int=1;i<5;i++) { var vitesse:Number; var posInit:Number; var mvt_car:Tween; vitesse=Math.floor(Math.random() * (20)) + 40; posInit = this.getChildByName("car"+i).y; car = Cars(getChildByName("car"+i)); mvt_car = new Tween(car, "y", Regular.easeOut, posInit, 50, vitesse); //mvt_car.addEventListener(TweenEvent.MOTION_FINISH ,move_car) } }   move_car();

---

Je ne sais pas quoi faire ??

Code:

---

1 2 3 4 5

function handleMoves(e:TweenEvent):void { var car:Cars = Cars(e.currentTarget); mvt_car.addEventListener(TweenEvent.MOTION_FINISH ,move_car) }

---

ça me renvoie 1120: Access of undefined property mvt_car.

On arrive au bout !!! MERCI encore de ton aide pour les dernières briques ;-)

En fait, tu dois lancer tes tweens à la création de tes objets :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

function init():void { for (var i:int=1;i<5;i++) { car = new Cars(); car.name="car"+i; car.y=350 car.x=Math.floor(Math.random() * (300)) + 200; mvt_car = new Tween(car, "y", Regular.easeOut, posInit, 50, vitesse); mvt_car.addEventListener(TweenEvent.MOTION_FINISH, handleMoves); addChild(car); } }   function handleMoves(e:TweenEvent):void { // on récupère la référence au Tween puis la propriété obj lié au tween et qui référence ta voiture. var tween:Tween = Tween(e.currentTarget); var car:Cars = Cars(tween.obj);   //Maintenant, tu peux relancer un nouveau tween à partir de la référence de ton objet car et de ses valeurs actuelles et sans oublier de lui affecter un écouteur d'evenement: tween = new Tween(car,....) tween.addEventListener(TweenEvent.MOTION_FINISH, handleMoves); }

---

Il doit y avoir quelques erreurs, j'écris tout de tête et en plus j'utilise jamais Flash, plutôt Flex ;)

Merci encore... On progresse

Mais ça coince encore :

Code:

---

1 2 3 4 5 6 7 8

function handleMoves(e:TweenEvent):void { var tween:Tween = Tween(e.currentTarget); var car:Cars = Cars(tween.obj);   tween = new Tween(car, "y", Regular.easeOut, posInit, 50, vitesse) tween.addEventListener(TweenEvent.MOTION_FINISH, handleMoves); }

---

Il ne reconnaît pas posInit et vitesse. Et même si je mets des valeurs il ne boucle pas... Laisse tomber je crois que je n'y arriverai pas !!!!

Merci de ton aide.

Coincoin22

Regarde l'ASDoc de la classe tween disponible ici.

Tu vois que le constructeur de la classe se construit ainsi :

Code:

---

1 2 3

Tween(obj:Object, prop:String, func:Function, begin:Number, finish:Number, duration:Number, useSeconds:Boolean = false) Crée une occurrence de la classe Tween.

---

ta variable vitesse correspond donc à duration et ta variable posInit correspond donc à begin.

Il te suffit donc d'écrire cela :

Code:

---

1 2 3 4 5 6 7 8 9

var tween:Tween = Tween(e.currentTarget); var car:Cars = Cars(tween.obj);   var vitesse:Number = tween.duration; var posInit:Number = tween.begin;   tween = new Tween(car, "y", Regular.easeOut, posInit, 50, vitesse) tween.addEventListener(TweenEvent.MOTION_FINISH, handleMoves);

---

Or, il y a un soucis de coordonnées. En effet, au déclenchement de TweenEvent.MOTION_FINISH, ton param begin intial correspond maintenant au param finish si tu suis bien ;)

Il faut donc finalement que tu fasses ceci :

Code:

---

1 2 3 4 5 6 7 8 9

var tween:Tween = Tween(e.currentTarget); var car:Cars = Cars(tween.obj);   var vitesse:Number = tween.duration; var posInit:Number = tween.finish; //ici la modif   tween = new Tween(car, "y", Regular.easeOut, posInit, 50, vitesse) tween.addEventListener(TweenEvent.MOTION_FINISH, handleMoves);

---

PS: quand tu auras bien compris, je t'indiquerai une méthode plus simple :mouarf:

Voilà le code complet:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

import flash.display.MovieClip; import fl.transitions.Tween; import fl.transitions.easing.*; import fl.transitions.TweenEvent;   var car:Cars;   function init():void { for (var i:int=1;i<5;i++) { car = new Cars(); car.name="car"+i; addChild(car); car.y=350 car.x=Math.floor(Math.random() * (300)) + 200; var vitesse:Number; var posInit:Number; var mvt_car:Tween; vitesse=Math.floor(Math.random() * (20)) + 40; posInit = this.getChildByName("car"+i).y; car = Cars(getChildByName("car"+i)); mvt_car = new Tween(car, "y", Regular.easeOut, posInit, 50, vitesse); } }   init();   function handleMoves(e:TweenEvent):void { var tween:Tween = Tween(e.currentTarget); var car:Cars = Cars(tween.obj);   var vitesse:Number = tween.duration; var posInit:Number = tween.finish; //ici la modif   tween = new Tween(car, "y", Regular.easeOut, posInit, 50, vitesse) tween.addEventListener(TweenEvent.MOTION_FINISH, handleMoves); }

---

Plus d'erreur.

Je n'ai pas dit ce que je voulais faire au final:

- 4 cars dont la position initiale est Yi pour toutes et X variable.
- Les 4 cars doivent se déplacer jusqu'à la position finale Yf (en ligne droite)
- Puis une fois arrivé (fin du tween), on repart de la position initiale Yi. On fait toujours le même chemin de Yi à Yf de manière infinie...

J'espère avoir été clair.

Le code ne permet que le trajet de Yi à Yf 1 seule fois. Tout s'arrête une fois Yf atteint.

Merci de ton aide - J'ai compris ta modification mais je pense qu'il faut conserver

Code:

---

tween.begin

---

c'est logique, tu n'as pas mis d'écouteur d'évenement TweenEvent.MOTION_FINISH dans ta function init()

Ooopppss !! Je l'ai zappé !! Décidément pas doué le coincoin ;-)

j'ai rajouté dans la fonction init()?

Code:

---

mvt_car.addEventListener(TweenEvent.MOTION_FINISH ,handleMoves)

---

ça a l'air de fonctionner !

Nan :aie:

Code:

---

1 2	mvt_car.addEventListener(TweenEvent.MOTION_FINISH, handleMoves)

---

ta fonction handleMoves prend en paramètre un TweenEvent pas ta fonction init() ;)

C'est GAGNE !!!

J'avais corrigé avant ta réponse... Je suis pas si naze (quoique) !!

MERCI de ton aide encore !!!!

MERCI !!

Le sujet est clos. A bientôt ! Tu es vraiment un expert !!!

Maintenant, si tu regardes les méthodes via l'ASDoc tu vois ceci :

Code:

---

1 2 3

rewind(t:Number = 0):void Recule la lecture d’une animation interpolée jusqu’à sa valeur de début.

---

Donc ton ecouteur peut simplement être transformé comme ca :

Code:

---

1 2 3 4 5

function handleMoves(e:TweenEvent):void { Tween(e.currentTarget).rewind(); }

---

;)

Hello !

Je continue à progresser mais je coince encore !

J'aimerai maintenant faire un hittest des cars avec un clip dont l'occurrence est chicken (qui se déplace avec le clavier):

Une fois le hittest = true alors le chicken repart de sa position initiale.

Il faudrait un truc du genre:

Code:

---

1 2 3 4

if (chicken.hitTestObject(car)) { ..... ..... }

---

Code complet:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68

import flash.display.MovieClip; import fl.transitions.Tween; import fl.transitions.easing.*; import fl.transitions.TweenEvent; import flash.events.*;   var car:Cars;   function init():void { for (var i:int=1;i<10;i++) { car = new Cars(); car.name="car"+i; addChild(car); car.y=800 car.x=Math.floor(Math.random() * (300)) + 300; var vitesse:Number; var posInit:Number; var mvt_car:Tween; vitesse=Math.floor(Math.random() * (20)) + 40; posInit = this.getChildByName("car"+i).y; car = Cars(getChildByName("car"+i)); mvt_car = new Tween(car, "y", Regular.easeOut, posInit, 0, vitesse); mvt_car.addEventListener(TweenEvent.MOTION_FINISH ,handleMoves)   } }   init();   function handleMoves(e:TweenEvent):void { var tween:Tween = Tween(e.currentTarget); var car:Cars = Cars(tween.obj);   var vitesse:Number = tween.duration; var posInit:Number = tween.begin; tween = new Tween(car, "y", Regular.easeOut, posInit, 0, vitesse) tween.addEventListener(TweenEvent.MOTION_FINISH, handleMoves); }   //////// MOUVEMENT CHICKEN ////////////////   var posX_chicken:int = 200 var posY_chicken:int = 200 chicken.x=posX_chicken chicken.y=posY_chicken   function movechicken(evt:KeyboardEvent):void { switch(evt.keyCode) { case Keyboard.LEFT: chicken.x-=5; break; case Keyboard.UP: chicken.y-=5; break; case Keyboard.RIGHT: chicken.x+=5; break; case Keyboard.DOWN: chicken.y+=5; break; } } stage.addEventListener(KeyboardEvent.KEY_DOWN, movechicken);

---

Si tu as un moment pour m'aider ?? Une piste ??
Merci !