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).