Détection de collision 2D pour Pinball Game


9

Jusqu'à présent, dans les jeux précédents, j'ai utilisé une collision 2D simple avec des boîtes, puis en vérifiant au niveau des pixels une collision.

Si vous faites un jeu de flipper dans presque beaucoup de cadres, le ballon sera en contact avec un mur ou une autre surface, alors y a-t-il une autre approche?

Réponses:


19

À l'époque (1990), les anciens jeux de flipper étaient faits comme ceci:

Il existe plusieurs couches pour le champ de jeu (ce que vous voyez lorsque vous jouez au jeu):

entrez la description de l'image ici

et plusieurs couches pour les collisions:

entrez la description de l'image ici entrez la description de l'image ici

L'image en niveaux de gris de gauche est une carte de collision pour le jeu principal, l'image de droite est une carte de collision pour une zone spéciale: les rampes de flipper.

White = zone libre pour la balle, l'indice de couleur est de 255.

Gray= la balle sera "repoussée" de cette zone. indice de couleur = angle du vecteur à ajouter à la position de la balle. gris clair = 0 deg. gris foncé = 360 deg.

Un pseudo code:

void do_ball_physics()
{
    while(1)
    {
         byte color = read_pixel_under_ball(ballx, bally); //one pixel read
         if(color == 255) //see remark below
            break;
         float vectorx = sin(color/255.0f * 2.0f * PI);
         float vectory = cos(color/255.0f * 2.0f * PI); 
         ballx += vectorx; //push ball away from one unit
         bally += vectory; //

    }
}

Certains indices de couleur spéciaux peuvent être utilisés aussi pour quelque chose d' autre que la collision, une gamme de couleurs personnalisées (par exemple: 240 - 255) peut être réservé pour détecter des zones spéciales comme spinners, triggers, bumpers, holes, ...

Comme vous pouvez le voir, c'est très simple. Il n'y a que quelques pixels "lus" par image. Pour cette raison, vous pouvez faire fonctionner la simulation physique à un taux de rafraîchissement réel élevé, par exemple: 200 ips. L'utilisation d'un taux de rafraîchissement élevé facilitera la simulation et réduira le "tunneling" (cela se produit lorsque la balle va trop vite et traverse des éléments creux sans entrer en collision). Cette simplicité est également ce qui rend les jeux de flipper fluides 386 computers(et même rapides 286) à l'époque (parmi d'autres astuces comme le cyclisme des couleurs, le défilement vga et le masquage des sprites ...).

Aujourd'hui, la plupart des jeux de flipper ne sont plus faits comme ça. Au lieu de cela, le champ de jeu est une scène 2D / 3D utilisant des polygones ou des sprites et des collisions sont effectuées contre certaines lignes simplifiées, des courbes de Bézier ou des sphères représentant une forme simplifiée de champ de jeu visuel.

exemple (du flipper visuel ):

entrez la description de l'image ici

Certaines sociétés de jeux utilisent leur propre moteur physique, mais un autre moyen plus simple consiste à utiliser un moteur physique comme Box2Dou Bullet. La plupart des jeux de flipper iPhone que j'ai vus utilisaient un moteur physique préexistant + quelques actifs 3D.


... nous parlons de javascript et de canvas ici, donc l'opération la plus lente possible dans ce cadre est ... de dessiner et de lire des pixels ... surtout sur les appareils les plus lents. Les 4/5 de cette réponse sont donc simplement historiques / non pertinents. Mais la rationalité ne peut rivaliser avec les images.
GameAlchemist

1
Les cartes de collision peuvent être stockées dans un tableau, pourquoi voudriez-vous les stocker dans un canevas? Comme vous l'avez dit, la première partie de la réponse concerne principalement l'histoire, mais si vous avez besoin d'implémenter un flipper sur un processeur très bas de gamme (par exemple: ancien gsm), cela reste applicable. Dans les temps modernes, je préférerais plutôt utiliser un moteur physique comme jbox2d ou faire la physique par vous-même avec des collisions contre des segments de ligne ou des courbes de Bézier (si vous pensez que vous êtes capable d'écrire une telle chose).
tigrou

La lecture des pixels dans les images est également très rapide dans les navigateurs modernes. Certains des premiers démos "omg JS est plus rapide que C" étaient tous des noyaux de traitement d'image.
Sean Middleditch

Comment avez-vous entendu parler des cartes de collision tigrou?
Bemmu

1
En raison de ce remake des rêves de flipper: pouet.net/prod.php?which=24499 (pas par moi). Regardez dans les sources, la carte de collision dont je parle est là.
tigrou

1

Les flippers ont des ensembles physiques très riches, non seulement des trous ou des murs, mais aussi des éléments réactifs (frappant en arrière) ou une surface inégale où la balle ralentit et retrouve ensuite sa vitesse.

Si vous voulez créer un bon flipper, le chemin à parcourir est soit d'utiliser une détection de collision 3D, soit un système auto-adapté avec chaque objet collidable ayant une méthode avec des paramètres de distance et de vitesse, en retournant des vitesses modifiées.


Pourquoi dites-vous que la détection de collision 3D a quoi cela a-t-il sur la 2D?
John

@John J'imagine un bon flipper comme un jeu en 3D avec des rampes, etc. Vous pouvez programmer ces rampes en 2D, et faire évoluer la balle lorsqu'elle passe sur la rampe et vers le bas lorsqu'elle retombe vous-même, mais dans ce cas, c'est toujours une 3D jeu, vous venez d'ajouter la dimension Z par vous-même.
Markus von Broady

1

J'ai fait un jeu de flipper il y a quelque temps; il était également basé sur les pixels. J'avais une carte de collision qui contenait juste les données de collision. Une normale approximative de collision était facile à trouver:

Prenez la zone de la carte de collision chevauchant la balle, trouvez le centre, formez le vecteur de ce point au centre de la balle, puis normalisez.

J'espère que ça vous donne quelques idées :)


1

Premièrement, si vous créez un jeu de flipper, vous aurez probablement besoin de plus de détection de collision-cercle-limite que celui de la boîte-cadre :-)
Étant donné la complexité de la physique impliquée dans un flipper à part entière, je suggérerais de regarder sur un moteur physique 2D existant. Box2D a une bonne réputation en javascript, il pourrait y en avoir d'autres mais je n'en ai pas rencontré de bonne (et gratuite).
Rq1: Vous utilisez certainement (comme je le fais) la séparation classique dans votre jeu entre la mise à jour et le tirage. Et vous utilisez une minuterie (setInterval / setTimeout) et / ou RequestAnimationFrame pour appeler la mise à jour, puis dessinez, de manière régulière. Un flipper peut être le type de jeu où vous voulez avoir une mise à jour de la conduite avec minuterie et une autre avec le tirage au sort, afin que vous puissiez ajuster le taux de chacun indépendamment, pour travailler sur une large gamme d'appareils. Parce que vous ne pouvez pas simplement laisser tomber (mise à jour + dessin) si l'appareil est trop lent: si le temps entre deux mises à jour (dt) devient trop long, le moteur physique peut manquer une collision.


0

Vous pourriez jeter un œil au flipper visuel vs au flipper futur pour le sujet 2d vs 3d. Si vous jouez au flipper visuel (tout est fait en 2D), puis jouez au flipper futur, ou quelque chose comme Zen Pinball, vous ressentez la différence dans la façon dont ils jouent. Personnellement, je préfère le 3D, mais votre projet peut être mieux adapté au 2D, vous seul pourrez décider que

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.