Mes débuts avec les objets et prototypes et setInterval

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Mes débuts avec les objets et prototypes et setInterval

freed102

Arayashiki

Bonjour à tous !

Voila j'ai decidé de passer au niveau supérieur, et utiliser donc les prototypes... j'ai à peu pres capté comment ça marche.. mais c pas encore ça !

deja j'aimerai votre avis sur ma sémantique, j'aimerai que tous mes objets apparaissent les uns apres les autres.. (et pas tous en même temps !) pour cela j'ai décidé d'utiliser setInterval... jusque là ça fonctionne tres bien...
j'arrive donc à afficher mon premier niveau de menu XML... par contre le deuxieme niveau.. ça bug... et j'arrive pas trop à savoir pourquoi.. je me dis qu'il y a un truc qui cloche des le premier niveau.. bref.. je vais vous donner un bout de code... si vous arrivez à comprendre quelquechose.. c cool ! et si vous pouvez m'aider en plus... ça serait encore plus cool !!!!

deja voici le resultat de mon programme :

http://www.freedfromparis.com/flash_version/

et voici le bout de code (ne riez pas !!!)

Code :

import mx.transitions.Tween;
import mx.transitions.easing.*;
_root.flag_fr.onPress=changeLangue;
_root.flag_uk.onPress=changeLangue;
if(!_root.langue)
{
_root.langue="fr";
}
var textFormatOver:TextFormat=new TextFormat();
textFormatOver.font= "virtualDJ";
textFormatOver.size= 10;
textFormatOver.color=0xFF6600;
var textFormatOut:TextFormat=new TextFormat();
textFormatOut.font= "virtualDJ";
textFormatOut.size= 10;
textFormatOut.color=0xAAAAAA;
var textFormatOver2:TextFormat=new TextFormat();
textFormatOver.font= "virtualDJ";
textFormatOver.size= 8;
textFormatOver.color=0xFF6600;
var textFormatOut2:TextFormat=new TextFormat();
textFormatOut.font= "virtualDJ";
textFormatOut.size= 8;
textFormatOut.color=0xAAAAAA;
function newMenuXML(fichier)
{
_root.menuXML = new XML();
_root.menuXML.ignoreWhite=true;
_root.ImageArray = new Array();
_root.menuXML.onLoad=extractData;
_root.menuXML.load(fichier);
}
newMenuXML("menu.xml" );
function extractData(success){
_global.itemList=this.firstChild;
_global.itemLenght=this.firstChild.childNodes.length;
_global.i=0;
showItem=setInterval(afficheItem,100);
}
MovieClip.prototype.afficheItem=function(){
thisMC=_root.menu;
thisMC.createEmptyMovieClip("item_"+_global.i,thisMC.getNextHighestDepth());
item=thisMC["item_"+_global.i];
item.id=_global.i;
item.createTextField("txt_item",thisMC.getNextHighestDepth(),0,0,0,0);
item["txt_item"].autoSize = "left";
item["txt_item"].selectable=false;
item["txt_item"].border=false;
item["txt_item"].embedFonts=true;
if(_root.langue=="fr" )
{
item["txt_item"].text=_global.itemList.childNodes[_global.i].attributes.labelfr;
}else if (_root.langue=="uk" )
{
item["txt_item"].text=_global.itemList.childNodes[_global.i].attributes.labeluk;
}
if(!_global.nextPosX)
{
_global.nextPosX=item._x;
}
item["txt_item"].setTextFormat(textFormatOut);
item["txt_item"]._x=_global.nextPosX+5;
with(item)
{
lineStyle (1, 0xFF6600, 100);
moveTo (_global.nextPosX, 2);
lineTo (_global.nextPosX, 10);
}
_global.nextPosX=_global.nextPosX+item._width+5;
item.onRollOver=setRollOver;
item.onRollOut=setRollOut;
item.onPress=displaySubItems;
if(_global.i==_global.itemLenght-1){
clearInterval(showItem);
}else{
_global.i++
}
}
MovieClip.prototype.afficheItem2=function(id){
if(!_global.i2)
{
_global.i2=0
}
clearInterval(displaySubItems);
thisMC=_root.menu;
thisItemLength=_global.itemList.childNodes[id].childNodes.length;
if(_global.i2>=thisItemLength)
{
clearInterval(itemsLevel2);
}
else
{
thisMC.createEmptyMovieClip("item2_"+_global.i2,thisMC.getNextHighestDepth());
item=thisMC["item2_"+_global.i2];
item.xml=_global.itemList.childNodes[id].childNodes[_global.i2];
item.createTextField("txt_item",thisMC.getNextHighestDepth(),0,15,0,0);
item["txt_item"].autoSize = "center";
item["txt_item"].border=false;
item["txt_item"].embedFonts=true;
item["txt_item"].text=item.xml.attributes.labelfr;
_global.itemLength2=_global.itemList.childNodes[id].childNodes.length;
item["txt_item"].setTextFormat(textFormatOut);
if(!_global.nextPosX2)
{
_global.nextPosX2=thisMC["item_"+id]._x;
trace
}
item["txt_item"]._x=_global.nextPosX2;
with(item)
{
lineStyle (1, 0xFF6600, 100);
moveTo (_global.nextPosX2, 10);
lineTo (_global.nextPosX2, 18);
}
_global.nextPosX2=_global.nextPosX2+item._width+5;
if(_global.i2<_global.itemLength2-1)
{
_global.i2++;
}
}
}
MovieClip.prototype.deleteItems=function(id){
clearInterval(displaySubItems);
trace("item to delete : "+_global.i2);
thisItem=_root.menu;
trace("item to delete : "+thisItem["item2_"+5]);
thisItem["item2_"+_global.i2].onEnterFrame=function(){
if(this._alpha>0)
{
this._alpha-=50
}
else
{
delete this.onEnterFrame;
this.removeMovieClip();
trace("item exists ? :"+_root.menu["item2"+_global.i2]);
if(_global.i2>0)
{
_global.i2--;
}
}
if(_global.i2==0)
{
clearInterval(deletingItems);
itemsLevel2=setInterval(afficheItem2,120,id);
}
}
}
MovieClip.prototype.setRollOver=function(){
this.txt_item.setTextFormat(textFormatOver);
new mx.transitions.Tween(line, "_width", mx.transitions.easing.Elastic.easeOut, 1,this.txt_item._width, 1, true);
new mx.transitions.Tween(line, "_x", mx.transitions.easing.Elastic.easeOut, line._x,this.txt_item._x, 1, true);
//line1._width=this.txt_item._x+this.txt_item._width;
}
MovieClip.prototype.setRollOut=function(){
this.txt_item.setTextFormat(textFormatOut);
new mx.transitions.Tween(line, "_width", mx.transitions.easing.Elastic.easeOut, this.txt_item._width,1, 1, true);
new mx.transitions.Tween(line, "_x", mx.transitions.easing.Elastic.easeOut, line._x,-1, 1, true);
}
MovieClip.prototype.setPressed=function(){
this.txt_item.setTextFormat(textFormatOver);
this.enabled=false;
}
MovieClip.prototype.displaySubItems=function(){
if(_global.i2>0)
{
trace("---------------------------------------------------------------" )
trace("deleting items for number: "+this.id)
deletingItems=setInterval(deleteItems,50,this.id);
}
else
{
_global.i2=0;
trace("---------------------------------------------------------------" )
trace("Add items for number: "+this.id)
itemsLevel2=setInterval(afficheItem2,120,this.id);
}
}
function changeLangue()
{
showItem=setInterval(afficheItem,100);
}

bref... c pour l'instant un peu le gros bordel ! mais justement j'aimerai savoir comment proceder pour pas que ce soit le bordel ! quitte à tout refaire ! mais j'aimerai vos techniques et vos conseils !.. j'ai lu plein de tutos sur la POO avec flash et les prototypes (media-box) mais ya encore plein de trucs qui m'echappent.. surtout au niveau de l'algorithmie.

Merci d'avance

Freed

Publicité

craps_youpla

euh...les prototypes et les setInterval, c'est juste du domaine de la syntaxe. Avant d'apprendre la syntaxe (ce qui est censé être rapide, bête et méchant, au passage), il faut apprendre la grammaire.

là, c'est un peu comme si tu te lançais dans la construction d'une maison avec des connaissances de maçon : ça va pas tenir debout, mais les joints sont propres. On s'en fout que les joints soient propres.

Ce n'est pas de "l'algorithmie", c'est de "l'architecture logicielle", qui est encore une autre discipline. Là faudrait que tu pécho un bouquin d'architecture logicielle et que tu potasses (ah oui, au fait, on apprend à coder dans les livres, pas dans les tutos - les tutos c'est juste pour la syntaxe, c'est très accessoire).

Habituellement, on apprend les notions de bases de l'architecture logicielle orienté objet via le langage Java. On considère classiquement "Design Pattern:Head First", "Object-Oriented Software Engineering w/ UML, Patterns and Java" comme des bonnes références. Pour Flash spécifiquement, le Moock, à savoir "Essential Actionscript 2.0" de Colin Moock chez O'Reilly.

tu n'y couperas pas.

Mr Mala

Mmmmh en plus, même si tu as bien compris le "comment" des prototypes, tu n'as peut-être pas bien compris le "pourquoi" ...

Ici, à partir de maintenant, le moindre movieclip que tu vas créer va automatiquement posséder les fonctions afficheItem, deleteItem, .. etc

Je ne vois pas trop l'intérêt ...

Un prototype sert à ajouter des fonctionnalités à toute une classe ...
cf ici , l'exemple du "invert" de raytaller ...

Maintenant, tu fais ce que tu veux hein [:airforceone]

Message édité par Mr Mala le 27-06-2006 à 22:33:16

freed102

Arayashiki

alors peut etre que si j'utilise des simples "fonctions" cela peut suffir ?
ou alors une classe ? (mais là je sais pas faire non plus pour l'instant)

craps_youpla

prototypes = forme d'implémentation de la programmation orienté objet sous Actionscript v1 (jusque Flash MX). C'est la même implémentation utilisée dans Javascript (ECMA-262).

classes = forme d'implementation de la programmation orienté objet sous Actionscript v2 (à partir de Flash MX 2004). C'est la même implémentation décrite dans la norme ECMAscript 4 (l'hypothétique Javascript 2). Proche de Java plus que du C++ : héritage multiple implémenté par les interfaces, utilisation d'un modéle de délégation d'évenements, par exemple.

On préférera les classes aux prototypes, cela va de soit. Les protos sont intéressants si tu fais de la maintenance sur des projets existants, pour développer 'from scratch' ça n'a aucun sens.

Ici, tu as un objet aux limites définies (une encapsulation évidente) qui est ton menu. Tu auras donc au moins une classe de menu - qui peut éventuellement contenir une classe MenuItem, suivant la complexité des roll-overs et actions associées aux items de ce menu.

Moins évident, tu dois aussi créer une classe MenuData, qui se chargera uniquement de pomper le XML, et de le traduire sous une forme plus simple que l'objet XML que tu reçois actuellement, qui a une syntaxe assez lourde (firstChild.childNodes[foo].etc...). Ta classe MenuData s'appelle un 'parser XML'. Idéalement elle hériterait de la classe XML standard par composition, elle renverrait un tableau d'Object, éventuellement assez profond, mais forcément plus facile à manipuler. Elle peut aussi gérer, en plus de la lecture, l'opération inverse qui est l'écriture de fichiers XML (pour quand tu développeras des back-offices...). Tu dois aussi gérer en interne à cette classe le parcours de données, en lui ajoutant des méthodes plus pratiques telles que getCategories():Array ou getItemsByCategories(pCategory:String):Array, qui allégeraient un peu ton code.

Et apprends les aspects théoriques du développement et de l'architecture logicielle, parce que là tu vas stagner à faire du code procédural pouilleux inexploitable en production (du script et des fonctions quoi...sur ce dev-là tu vois que tu touches déjà les limites de ce qu'on peut faire en procédural).

Message cité 2 fois
Message édité par craps_youpla le 28-06-2006 à 00:36:08

freed102

Arayashiki

donc si je comprends bien.. il faut décortiquer chaque fonction du programme.. et en faire des classes bien définies... et ensuite mon objet fera appel à ces différentes classes pour en sortir un resultat ?

(xcusez moi d'etre relou... mais j'ai tres tres envie de faire les choses bien.. et je sais que maintenant mon objectif c'est de faire de la POO pour faire les choses bien ! et pour combler une bonne partie de mes lacunes.. je sais que j'en suis capable.. mais c'est une façon de penser completement différente de ce que j'ai pu faire jusqu'à present)

Message cité 1 fois
Message édité par freed102 le 28-06-2006 à 01:20:42

Mr Mala

craps_youpla a écrit :

[...]

Et ben voilà, tout est dit ! [:otakonleboss]

freed102 a écrit :

Heuuuu non ..
Ton objet EST ta classe qui contient des fonctions/fonctionnalités propres ...

freed102

Arayashiki

craps_youpla a écrit :

Je commence à capter un peu l'idée... maintenant ce que j'arrive pas trop à capter.. c comment on assemble tout ça pour que ça agisse par exemple sur un seul element de ma page, là je vais créer plein de classes... mais apres ? dans chaque classe je fais appel aux autres classes ? par exemple dans la classe "menu" je vais appeler la classe "loadXML" puis la classe "menuItem" etc etc ?

... deja est-ce que je suis sur la bonne voie :

Code :

class menuData{
var XMLContent:String;
var XMLLenght;
function menuDataL(file:String){
this.XMLfile= new XML();
this.XMLfile.ignoreWhite=true;
this.XMLfile.onLoad=extractData;
this.XMLfile.load(file);
}
function extractData(success){
this.XMLContent=this.firstChild;
this.XMLLenght=this.firstChild.childNodes.length;
}
}

Message édité par freed102 le 28-06-2006 à 14:30:48

freed102

Arayashiki

ya t il un moyen de ne pas mettre les .as dans le dossier macromedia/flash 8.0 .. blablabla ? si je veux le mettre dans mon dossier de travail je peux ?

freed102

Arayashiki

j'ai trouvé (parametres de publication)

Publicité

freed102

Arayashiki

donc voila... j'ai fait ça :

ma classe :

Code :

class menuData{
var XMLContent:XMLNode;
var XMLFile:XML;
var XMLLenght;
var filename:String;
function menuData(file:String){
this.XMLFile= new XML();
this.XMLFile.ignoreWhite=true;
this.XMLFile.onLoad=extractData;
this.XMLFile.load(file);
this.filename=file;
}
function extractData(success){
trace("ok" )
this.XMLContent=XMLFile.firstChild;
this.XMLLenght=XMLFile.firstChild.childNodes.length;
}
}

et dans flash j'ai fait ça :

Code :

import menuData;
var XMLMenu=new menuData("menu.xml" );
trace("XMLMenu :" +XMLMenu.XMLContent);

mais il me retourne :
XMLMenu :undefined

et si je fais :

trace("XMLMenu :" +XMLMenu.filename);

il me retourne :

XMLMenu :menu.xml

... donc là ya un truc qui m'echappe

Mr Mala

Bon déjà si tu veux faire du "bon" AS2, faut apprendre à typer tes variables :

var XMLMenu:menuData = new menuData("menu.xml" );

freed102

Arayashiki

ok pour ça mais je n'arrive pas à pointer mes firstchild, childnodes etc etc ! il me dit tout le temps :

Il n'existe aucune propriété nommée 'firstChild'.

Code :

class menuData{
var XMLContent:XMLNode;
var content:String;
var XMLFile:XML;
var XMLLenght:Number;
var level:Number;
var item:Number;
var filename:String;
function menuData(file:String,level,item){
this.XMLFile= new XML();
this.XMLFile.ignoreWhite=true;
this.XMLFile.onLoad=extractData;
this.XMLFile.load(file);
this.filename=file;
this.level=level;
this.item=item;
}
function extractData(success){
trace(this)
this.content=this.firstChild.childNodes[this.level].childNodes[this.item].attributes.labelfr;
XMLLenght=XMLContent.firstChild.childNodes.length;
}
}

si je fais trace(this) il me retourne tout le contenu du XML;
mais apres j'en fais quoi ?

Message édité par freed102 le 28-06-2006 à 15:51:30

freed102

Arayashiki

oulala ! la nage totale ! j'ai essayé de me pencher sur les static, private, public... et bah j'arrive à rien du tout ! lol !

Code :

class menuClip{
//propriétés
//concernant le clip parent
var __clip:MovieClip;
var __id:String;
//concernant le XML
var __filename:String;
static var XMLFile:XML;
static var XMLContent:XMLNode;
static var __content:String;
static var __XMLLength:Number;
//concernant l'item en cours
var __level:Number;
var __item:Number;
var __itemNumber:String;
//constructeur
function menuClip(MC){
this.__clip=MC;
}
//Chargement du XML
function loadXML(file:String,level,item){
menuClip.XMLFile= new XML();
menuClip.XMLFile.ignoreWhite=true;
menuClip.XMLFile.onLoad=extractData;
menuClip.XMLFile.load(file);
trace(file)
}
//Extraction des données XML
private static function extractData(success){
var __root : XMLNode = menuClip.XMLFile.firstChild.firstChild;
menuClip.__content=__root.firstChild.childNodes[0].childNodes[0].attributes.labelfr;
menuClip.__XMLLength=__root.firstChild.childNodes.length;
trace("menu item : "+menuClip.__content)
}
//retourne le contenu
function getContent()
{
return menuClip.__content;
}
}

je sais même pas si mes fonctions sont executées (les trace ne répondent pas... c peut etre normal ? )

Message édité par freed102 le 28-06-2006 à 18:36:37

craps_youpla

lol, c'est exactement ce que j'écrivais dès mon premier post. La syntaxe c'est trivial - tu as parfaitement réussi à coder rapidement quelques classes (qui buggent un chouia, certes, mais t'as tracé).

et comme j'écrivais dans mon premier post, c'est totalement inutile ce que tu as codé aujourd'hui, vu que tu maîtrises pas les concepts sous-jacents à tout ça.

en l'occurrence tu dois faire appel à ton code d'exécution ("passer une méthode en référence", ça s'appelle aussi un callback) depuis ta méthode extractData, sinon ton XML est pas encore chargé alors que tu essaies déjà de le lire.

Citation :

donc si je comprends bien.. il faut décortiquer chaque fonction du programme.. et en faire des classes bien définies...

Oui, et la méthode de décorticage s'appelle "UML" (ou simplement "improviser à l'arrache", selon les projets). En Flash, les projets sont plus petits, donc on modélise rarement, on se contente juste d'utiliser des structures-types d'interactions entre objet qui reviennent souvent qque soit le langage. On appelle ça des "design-pattern". Par exemple, là tu utilises le design-pattern du DataObject, un objet qui sert à encapsuler des données (MenuData).

...et si tu te sors pas les doigts du cul à acheter un bouquin et à apprendre à vraiment développer, tu arriveras à rien...en plus c'est une honte, t'assimiles à toute vitesse, je comprends pas pourquoi tu te fais pas ton petit apprentissage rapide de la POO avec Java en solo, t'en as pas pour longtemps.

Message édité par craps_youpla le 28-06-2006 à 19:48:51

craps_youpla

y'a 'thinking in patterns' gratos sur le site de l'auteur, il est pas fini mais c'est un bon bouquin, en plus y'a des patterns assez exotiques, je l'utilise réguilèrement en production sur de l'AS2, le code est en Java - mais le code c'est trivial : http://www.mindviewinc.com/

freed102

Arayashiki

merci pour tous tes conseils ! je suis en train de regarder ton "thinking in patterns" but... it is all in anglishe !!!! lol ! je vais avoir les cheveux qui poussent à l'intérieur tres vite ! lol ! surtout que mon imprimante est HS ! je vais demander à ma reum de me l'imprimer demain!

freed102

Arayashiki

en fait en regardant les "design patterns" ça me fait beaucoup penser aux "ordinogrammes" qu'on m'a appris à faire en PHP... c la même idée.. c dessiner toute l'architecture du programme avant de le mettre en oeuvre... (c dans le même esprit que la modelisation de merise aussi)

rush50

rush

Je reprend le fil de la discussion, j'espère que fred est encore là, ceux sont les mêmes questions, à peu près. Seulement moi, c'est graphique! et là!... j'ai des classes,un pack même,mais je sais pas comment les tester. par exemple les lib pix , c'est des classes certes mais pour les voir, comment fait on?!
un script as, ce lis ce décortique? s'appel? quoi?
aidez moi
je suis au pied du mur avec bloc et toutoutoutout

Zedlefou

In cabbage we trust !

Fais un nouveau topic ...

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

FORUM HardWare.fr

Programmation

Flash/ActionScript

Mes débuts avec les objets et prototypes et setInterval

Sujets relatifs
JSF + JAR : instanciation d'objets	Manipuler une liste d'objets
[VBA Excel] Colorier les objets d'un graphique	variables membres sont des objets -> bonne/mauvaise idée ?
Probleme de sérialisation XML de collection d'objets VB .Net	suivi d'objets
(résolu) [Java 3D] Comment centrer la vue sur des objets WaveFront	(résolu) [Java 3D] Changer l'apparence d'objets WaveFront
iText Créer ses propres objets	MovieClipLoader et setInterval
Plus de sujets relatifs à : Mes débuts avec les objets et prototypes et setInterval

Page générée en 0.116 secondes