Comment simplifier l'appel répétitif d'une fonction paramétrée ?

Version imprimable

Bonjour,

Actuellement j'ai créer une fonction paramétré suivante:
draw(X,Y,L);

Celle-ci est intégré dans une autre fonction avec des conditions if, après plusieurs test j'ai réussi à obtenir quelque ce que je voulais faire, seul soucis, mon code javascript qui en résulte est très "cochon" car très dense, pour vous donner un exemple en voici une partie:
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 function diapo(){ if(L>=1){ var draw1=new draw(0,0,L1); L1++; } if(L>=15){ var draw2=new draw(30,0,L2); var draw3=new draw(0,17,L2); L2++; } if(L==30){ L1=1; var draw6=new draw(60,0,L1); var draw4=new draw(30,17,L1); var draw5=new draw(0,34,L1); L1++; } if(L>30){ var draw6=new draw(60,0,L1); var draw4=new draw(30,17,L1); var draw5=new draw(0,34,L1); L1++ } if(L==45){ L2=1; draw1=new draw(90,0,L2); draw2=new draw(60,17,L2); draw3=new draw(30,34,L2); var draw7=new draw(0,41,L2); L2++; } if(L>45){ draw1=new draw(90,0,L2); draw2=new draw(60,17,L2); draw3=new draw(30,34,L2); var draw7=new draw(0,41,L2); L2++ } ...
Comme vous le remarquerez ici la fonction draw() est appellée une fois de plus à chaqu'une des conditions, de plus:

- l'attribut X: est incrémenté de 30 à chaque passage d'une nouvelle condition
- l'attribut Y: est incrémenté de 17 à chaque passage d'une nouvelle condition
et une relation existe entre les 2 puisque si X augmente de 30, Y diminue de 17 et vice-versa.

Mon soucis est donc que à la fin de mon code je me retrouve avec une condition qui apeller plus de 10 fois ma fonction draw, ce qui nous donne, un truc de ce genre:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 if(L>320){ var draw1=new draw(290,0,L2); var draw1=new draw(260,17,L2); var draw1=new draw(230,34,L2); var draw1=new draw(210,51,L2); var draw1=new draw(180,68,L2); var draw2=new draw(150,82,L2); var draw3=new draw(120,99,L2); var draw5=new draw(90,116,L2); var draw6=new draw(60,133,L2); var draw7=new draw(30,150,L2); var draw8=new draw(0,167,L2); L2++; }
Sans compté qu'il s'agit d'une seul condition ici et que au dessus de celle-ci il y a d'autre condition avec aussi la fonction draw qui est appellé plusieurs.

En bref, cela fait vraiment dense et "moche" comme code.

Et donc je voulais savoir si quelqu'un avait une idée pour simplifier ce code à l'aide d'une fonction ou une boucle qui "incrémenterais" l'appelle à la fonction draw.

D'avance merci.

12/03/2013, 10h40
SpaceFrog

avec des array et des boucles et un switch
12/03/2013, 11h08
Tendhor57

L'insertion de la fonction draw() dans un array, ne fonctionne pas. En effet la fonction draw() à un lien avec un canvas "caché", hors lorsque j'essai de mettre la fonction dans l'array, mon navigateur (firefox) me fais apparaitre ce que j'ai dans le tableau :?.
12/03/2013, 12h57
SpaceFrog

l'idée n'était pas de mettre la fonction draw dans un array , mais les coordonnées ...

Une petite Factory me semble tout indiqué :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
if(L>320){
var draw1=new draw(290,0,L2);
var draw1=new draw(260,17,L2);
var draw1=new draw(230,34,L2);
var draw1=new draw(210,51,L2);
var draw1=new draw(180,68,L2);
var draw2=new draw(150,82,L2);
var draw3=new draw(120,99,L2);
var draw5=new draw(90,116,L2);
var draw6=new draw(60,133,L2);
var draw7=new draw(30,150,L2);
var draw8=new draw(0,167,L2);
L2++;
}

pourrait s'écrire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
drawFactory(upper, layer){
	var draws = [], arg2 = 0;
	while(upper > -1){
		draws.push(new draw(upper, arg2, layer));
		upper -= 30;
		arg2 += 17;
	}
	layer++;
	return draws;
}
 
if(L>320) var draws = drawFactory(290, L2);

13/03/2013, 08h02
Tendhor57

:hola: Un grand merci à toi TheGuy pour m'avoir aiguié avec ton code, j'ai enfin réussi à faire ce que je voulais.

Car après plusieurs semaines de test sans succès, ton code m'a permis de me débloqué, comme quoi un peu de code vaut mieux qu'un long blabla :zoubi:

Ce sujet est résolu pour moi et encore merci