Discussion :

[Ephysio]

Bonjour à tous !

Je rencontre un problème depuis plusieurs jours et j'ai besoin de votre aide.

Je suis actuellement en train de développer un petit jeu en html/javascript (canvas) et je débute par quelques problèmes de physique. Pour l'occasion, j'ai acheté l'excellent livre "HTML 5 Animation with Javascript" de Billy Lamberta et Keith Peters.

Dans mon jeu, chaque joueur contrôle une boule. Pour le moment, je veux simplement régler les problèmes de physique :
- collision avec un mur
- collision entre deux boules

Le déplacement se fait à la souris : la boule se déplace vers le curseur de la souris. La vélocité d'une boule est donc perpétuellement changé (sa direction et sa vitesse, donc).

C'est la collision entre deux boules qui me pose problème, je veux obtenir le comportement suivant :
- si une boule A de masse 10 rencontre une boule B de masse 5, la boule B est projeté par la boule A. Ça me semble facile, il suffit de la faire rebondir dessus. Je ne recherche pas d'aide sur cette partie-ci.
- si deux boules A et B de même masse se rencontrent, voici le comportement que j'aimerais adopter :


Les boules ne doivent pas se rebondir dessus, elles doivent simplement s'éviter : les deux doivent simplement "glisser" les unes sur les autres.

Ca semple évident et facile mais je ne parviens pas à créer cet effet et je ne parviens pas à trouver d'exemple sur internet... peut-être que je n'utilise pas les bons mots clés. Tout le monde semble vouloir créer du rebond, pas moi.

Je ne vous demande pas de code mais simplement des indications générales sur le principe à adopter. Qu'est-ce qui est le plus propre ? Comment mettre à jour les vélocités des boules A et B (a.vx, a.vy, b.vx, b.vy) ?

Merci d'avance !

Ephysio

[plegat]

Salut

[...] voici le comportement que j'aimerais adopter :


Les boules ne doivent pas se rebondir dessus, elles doivent simplement s'éviter : les deux doivent simplement "glisser" les unes sur les autres.

Euh... ce n'est pas très clair à visualiser comme comportement, ça doit s'éviter, tout en glissant... un peu louche! Sur le schéma, ça touche, donc on est loi de s'éviter... quand à glisser, autant sur un plan, j'arrive à conceptualiser le phénomène, mais sur une boule, je vois moins.

Du coup ça doit faire quoi exactement?

Sinon, une piste lancée au hasard, tu calcules comme pour un rebond amorti (composante normale après contact = 0 )

[Ephysio]

Pardon, je me suis mal exprimé.

Déjà, une précision au cas où l'usage du mot "boule" laisserait imaginer qu'on est en 3D, je parle plutôt d'un cercle (en 2D) donc.


Ce que je cherche obtenir est similaire au comportement du cercle sur un mur :



1) Le joueur commence à se diriger vers le mur en diagonal
2) Il y a collision avec le mur
3) Comme le mouvement initial était en diagonal, la boule n'est pas bloquée contre le mur, elle continue à avancer le long du mur, c'est ce que j'appelle "glisser". Il n'y a pas de rebond.

Je veux obtenir la même chose avec deux joueurs.

En gros, si un joueur A est arrêté et qu'un joueur B lui rentre dedans, il ne doit pas se bloquer sur lui, il doit naturellement se décaler en glissant contre le joueur A.

Comme sur le schéma suivant : le joueur noir est arrêté, le joueur rouge arrive, il collisionne le noir, et va naturellement voir son trajet se décaler en glissant sur le bord de la boule noire, une fois la boule noire dépassée, la boule rouge continue à avancer, sans contrainte.



Hésites pas à me dire si mes explications sont toujours aussi flous ^^

[Ephysio]

Autre schéma pour expliquer :



Le joueur noir ne bouge pas, il est immobile.

Le joueur rouge arrive et entre en collision avec le joueur noir.

La direction demandée par le joueur est symbolisée par la ligne violette. Le chemin réel, lui, est symbolisé par la ligne orange.

[Ephysio]

A force de tests, on a trouvé une solution qui nous satisfait :



Quand deux cercles se rencontrent :

- on commence par mesurer la distance de recouvrement des deux cercles appelée : overlap

- on calcul la fonction affine (y = ax + b) de la droite reliant les deux centres des cercles

- on déplace les cercles de overlap/2 de chaque côté pour qu'ils ne soient plus en collision (les nouvelles coordonnées sont calculées à l'aide de la fonction affine)

Ça fonctionne, il y a bien cet effet de "glissement" que nous recherchions. En revanche, si un joueur est immobile, l'autre pourra légèrement le pousser (ce qui est logique vu la méthode utilisée) mais ça ne nous dérange pas.

Résolu !

[Iradrille]

Ça fonctionne, il y a bien cet effet de "glissement" que nous recherchions. En revanche, si un joueur est immobile, l'autre pourra légèrement le pousser (ce qui est logique vu la méthode utilisée) mais ça ne nous dérange pas.

Pour contrer ça tu peux moduler le glissement par la vitesse des joueurs :
A s'écarte de vitesseA / (vitesseA + vitesseB) * overlap
B s'écarte de vitesseB / (vitesseA + vitesseB) * overlap

joueur A : 10 m/s
joueur B : 10 m/s
=> A et B s'écartent de overlap/2 (10/20 * overlap)

joueur A : 0m/s
joueur B : 10 m/s
=> A ne bouge pas (0/10 * overlap)
=> B bouge de overlap (10/10 * overlap)

etc..

[Ephysio]

Merci pour l'astuce