Discussion :

[chrisyk22]

Bonsoir � tous. Je me tourne vers vous pour un probl�me assez �trange que j'ai du mal � comprendre. je cr�e un petit jeu sur navigateur et dans mon code (� certains endroit du code) lorsque je s�lectionne un �l�ment par son id (�l�ment que j'ai cr�e) �a ne marche pas et lorsque j'affiche en console j'ai un beau "null" je ne vous dis pas combien j'en suis exasp�r� tellement j'ai pass� du temps dessus alors que le plus dure reste � g�rer.

je met un extrait de 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
    function CreateEnnemies() {
        var ennemie = document.createElement('img');
        ennemie.src = 'images/ennemie.png';
        ennemie.id = 'ennemie';
        ennemie.style.width = '80px';
        ennemie.style.height = '40px';
        ennemie.style.position = 'absolute';
        ennemie.style.left = Math.round(Math.random() * 260) + 'px'; // Les ennemies apparaitrons aléatoirement sur l'espace de jeu
        // 265 représente la taille de l'écran moins la taille d'un ennemie. Ainsi ils n'apparaitrons pas en dehors de l'écran
        conteneur.appendChild(ennemie);
        // console.log(parseInt(getComputedStyle(conteneur).width));
    }
 
    ct2 = 0;
    setInterval(() => {
        CreateEnnemies();
 
        ct2++;
        if (ct2 == 1) {
            var deleteEnnemies = $('#ennemie');
            $.each(deleteEnnemies, function(index, elt) {
                if (parseInt($(this).css('top')) == 600) {
                    $(this).remove();
                }
            });
            ct2 = 0;
        }
    }, 2200);
 
 
    // Détection des collisions balles-ennemies
    var bal = document.querySelector('.container #ball');
 
    function collisionsBallesEnnemies() {
        var deleteEnnemies = $('#ennemie');
        console.log(deleteEnnemies);
 
        console.log(document.getElementById('#ball'));
 
    }
 
    collisionsBallesEnnemies()<br><br>

Je cr�e un �lement (une image) avec un id�e ennemie. Mais ce que je ne comprends pas c'est que dans le setInterval j'arrive � s�lectionner l'�l�ment mais dans la fonction collisionsBallesEnnemies �a ne marche pas que ce soit avec du js native ou du jQuery.

En esp�rant que je trouverais solution je solicite de l'aide. Cordialement

[javatwister]

Bonjour,

Cette ligne

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

ennemie.id = 'ennemie';

suppose que tu ne cr�es qu'un seul �l�ment "ennemi" (toutes les 2 secondes);
Mais je ne comprends pas que tu le supprimes aussit�t...
Quand tu appelles collisionsBallesEnnemies() (une seule fois au chargement...), l'�l�ment n'a pas encore �t� cr��.
Evite aussi de d�finir 2 fois une variable deleteEnnemies dans un contexte diff�rent.

Bref, deux ou trois probl�mes d'organisation;

[NoSmoking]

Bonjour et bienvenue sur DVP.

Une ID doit �tre UNIQUE dans ta page, ce qui n'est pas le cas quand dans ta fonction de cr�ation tu �cris

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
var ennemie = document.createElement('img');
ennemie.src = 'images/ennemie.png';
ennemie.id = 'ennemie';

Tous les �l�ments cr�es auront la m�me ID. Tu peux dans ce cas passer par une classe commune.


Un autre point � souligner est que lorsque l'on utilise jQuery ...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
$.each(deleteEnnemies, function(index, elt) {
    if (parseInt($(this).css('top')) == 600) {
        $(this).remove();

alors on l'utilise en plein, ou pas du tout, autant prendre de bonne habitude tout de suite.

[chrisyk22]

Bonsoir � tous. Merci pour les retours j'avais d�j� r�solu mon probl�me et oui effectivement je dois plut�t cr�� des �l�ments avec classe commune (il faut dire que la r�gle de l'id unique m'avais �chapp�). Dans tout les cas mon jeu avance tranquillou mis � part la d�tection des collisions qui m'en fait voir de toutes les couleurs (les �l�ments sont cr�� al�atoirement et le nombre est inconnu du coup difficile de g�rer les collisions pour chaque balle avec chaque ennemis)... Quoiqu'il en soit merci pour les retours �a fait plaisir

[chrisyk22]

(...)
Mais je ne comprends pas que tu le supprimes aussit�t...

Alors pour r�pondre � ta question en fait c'est un jeu de vaisseau spatial que je cr�e et les vaisseaux ennemis circule vers le bas jusqu'� dispara�tre de l'�cran et je retire les vaisseaux ennemis qui sont sortis du cadre du jeu pour qu'il ne s'accumule pas en bas de l'�cran (au bout d'un moment �a fera beaucoup).