IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Collision entre 2 div


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Femme Profil pro
    Étudiant
    Inscrit en
    Avril 2015
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Avril 2015
    Messages : 5
    Points : 4
    Points
    4
    Par défaut Collision entre 2 div
    Bonjour,

    Déjà 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
     
    	function nouvelPlaneteBouton(){
    	var nb1 = Mp/2+Math.floor(Math.random() * (1001-Mp));
    	var nb2 =  Mp/2+Math.floor(Math.random() * (501-Mp));
    	var newplanete = creerPlanete(nb1,nb2);
    	cadre.appendChild(newplanete);
    	T.push(newplanete);
    	var Mp = masse.value*(1/5);
    	var n = T.length;	
    	for (var i = 0 ; i < n; i++) {
    	for (var j = i+1 ; j < n ; j++) {
            var xP = T[i].x;
    		var yP = T[i].y;
    		var xP2 = T[j].x;
    		var yP2 = T[j].y;
     
    			var distancePlanetes = Math.sqrt((xP-xP2)*(xP-xP2)+(yP-yP2)*(yP-yP2));
    			if (distancePlanetes<Mp/2){
    				T[j].style.backgroundColor="red";
     
    			}
    		else {T[j].style.backgroundColor=couleurPlaneteVecteur.value}
    	}
     
    	}
     
    }
    Alors j'explique mon code : je suis dans un cadre de 1000px sur 500px; dans ce cadre, j'ai défini nb1 et nb2, qui désignent des coordonnées aléatoires de x et y de newplanete, un div dont les propriétés CSS sont dans une autre fonction.

    La planète apparaît ensuite dans le cadre et est stockée dans un tableau T[].

    Ce que je souhaite faire dans cette fonction, c'est tester la collision entre 2 planètes.

    Je parcoure donc le tableau avec i, qui désigne une planète stockée dans le tableau, et j, un planète également stockée dans le tableau mais au rang suivant i+1, c'est à dire qu'elle a forcément été stockée dans le tableau après la planète de rang i.

    Les variables xP et yP désignent les coordonnées x et y d'une planète lorsqu'elles sont parcourues dans le tableau au niveau du premier for.

    Même principe pour xP2 et yP2, au second for.

    Pour tester leurs collisions, je calcule donc la distance entre les centres de 2 planètes. Si cette distance est inférieure à Mp (Mp désigne le diamètre d'une planète), cela signifie que leur distance est inférieure à la somme des rayons des 2 planètes, donc elles sont en collision).

    Dans ce cas, je change la couleur de la planète stockée au rang j, c'est à dire la dernière créée.

    Pour réaliser tout ça, je cafouille à faire des boucles imbriquées avec les for afin que le rang i et j soient pris en compte dans le calcul de la collision. Mais la syntaxe au niveau des boucles ne doit pas être valide ainsi..

    Merci de m'indiquer si je suis sur la bonne voie...

  2. #2
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 306
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 306
    Points : 15 634
    Points
    15 634
    Par défaut
    dans le calcul des valeurs de nb1 et nb2, tu utilises la variable Mp qui n'existe pas encore donc il faudrait déjà revoir cette partie du code

Discussions similaires

  1. [CSS] Supprimer espace entre 2 div sous Internet explorer
    Par Torpedox dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 30/12/2005, 16h41
  2. Petit écart entre 2 div sous FF
    Par Death83 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 14/10/2005, 20h25
  3. GLScene et les collisions entre les objets
    Par HopeLeaves dans le forum API, COM et SDKs
    Réponses: 5
    Dernier message: 13/06/2005, 19h45
  4. Réponses: 4
    Dernier message: 25/09/2004, 09h58
  5. [C#] Placer fichier html entre balises DIV
    Par Febus dans le forum ASP.NET
    Réponses: 9
    Dernier message: 07/05/2004, 11h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo