Rebonjour,
voilà j'avais déjà posté un message concernant mon projet en JS d'un Guitar hero. J'ai relativement avancé ( je trouve) pour mon niveau mais j'ai plusieurs problèmes qui subsistent:
Voici le code:
Mon 1er problème se situe au niveau du déplacement des images. En effet, je sais pas comment faire pour ajouté 2px à la position précédente :S
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Projet_image/projet_fin</title> <style type="text/css"> #zone_jeu { height:605px; width:448px; } </style> <script type="text/javascript"> var compteur_bouton=1; var bouts; bouts= new Array(); function creer_bouton() { //choix de la colonne var marge var random=parseInt(Math.random()*4.99); switch(random){ case 0: marge=1 break case 1: marge=2 break case 2: marge=3 break case 3: marge=4 break case 4: marge=5 break default: marge=1 } //créer image selon la colonne avec différentes couleurs var image; image = document.createElement('img'); image.setAttribute('id',compteur_bouton) switch(marge){ case 1: image.setAttribute('src','http://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Cercle_vert_100%25.svg/200px-Cercle_vert_100%25.svg.png') break case 2: image.setAttribute('src','http://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Cercle_rouge_100%25.svg/200px-Cercle_rouge_100%25.svg.png') break case 3: image.setAttribute('src','http://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Cercle_jaune_100%25.svg/200px-Cercle_jaune_100%25.svg.png') break case 4: image.setAttribute('src','http://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Cercle_bleu_100%25.svg/200px-Cercle_bleu_100%25.svg.png') break case 5: image.setAttribute('src','http://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Cercle_noir_100%25.svg/200px-Cercle_noir_100%25.svg.png') break default: image.setAttribute('src','http://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Cercle_vert_100%25.svg/200px-Cercle_vert_100%25.svg.png') } var marge=marge*75; image.setAttribute('height','40px') image.setAttribute('style','position:absolute') document.getElementById('zone_jeu').appendChild(image) document.getElementById(compteur_bouton).style.left=marge+'px'; document.getElementById(compteur_bouton).style.top='40px'; compteur_bouton++; bouts.push(image); // on met l'image dans le tableau } function bouger() { for(var i=0;i<bouts.length;i++) { bouts[i].style.top += 2+'px'; // VOICI MON PROBEME (1) if (bouts[i].style.top>600+'px') { document.getElementById('zone_jeu').removeChild(bouts[i].image); //PROBLEME (2) } } } function aleatoire() // on fait un test pour savoir aléatoirement si l'on crée ou non un bouton { var random=parseInt(Math.random()*100.99); if( random==1) { creer_bouton() } } function run() { aleatoire(); bouger(); setTimeout("run()",1); } </script> </head> <body> <button onclick='run()'>Lancer le jeu</button> <div id="zone_jeu"> </div> </body> </html>
Mon 2ème problème est lorsque je veux détruire l'image.
Merci beaucoup à tous ceux qui accordent de l'importance à mon projet.
BOn dimanche
Kil
Partager