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:
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 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
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