Collisions et tilemaps dans un jeu 2D

Bonjour/Bonsoir

Je développe actuellement un petit framework de jeux 2D (en javascript, avec l’API canvas).

Après avoir codé le système d’affichage des sprites et des tilemaps, je dois me confronter à un nouveau problème: les collisions entre les deux.

J’ai déjà codé un système de scrolling fonctionnel, je sais récupérer les tiles à tester autour de mon personnage, je sais faire une collision entre deux AABB.

Comment réagir aux collisions avec les tiles ? Il faut replacer le personnage en fonction de où il touche, éviter qu’il clignote quand il rentre dans un mur, etc..

En partant du code suivant, comment écrire le test de collision et la réaction ?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

var sprite = {
    x: 100,
    y: 100,
    width: 50,
    height: 50,
    xvel: 2,
    yvel: 1
}

for (var i = 0; i < tilesATester.length; i++) {

// tester les collisions, replacer le personnage, l'empêcher de refoncer dans le mur


};

Comment opérer en cas de collision ? Merci d’avance , j’espère avoir été assez clair.

Si j’ai bien compris, tu déplace le personnage et après tu vérifie s’il n’a pas fait un déplacement « illégal » (j’entend par là une collision par exemple) ?

Si c’est ça, ce n’est pas une bonne solution (de mon point de vue). Tu devrais vérifier avant même de le déplacer si sont déplacement est légal. Si c’est le cas tu le déplace, sinon tu fait ce que tu veux (renvoie de force opposé, rien, etc.).

Je te remercie beaucoup, j’essaie d’implémenter cette méthode. Sais tu si les plateformer du style mario opèrent de cette façon ?

Je ne suis pas un expert en moteur de jeu, moteur de physiques, etc. Je ne sais par conséquent pas si les autres font comme cela.

Quelqu’un saurait si il est possible de gérer les collisions avec une tilemaps uniquement avec AABB ?

Nous possédons que très peu d’informations de ta part pour te répondre. S’agit-il de déplacement sur une grille (case) ou de déplacement libre (pixel) ?

De plus ton problème semble être principalement un problème de logique. As-tu pris le temps de réfléchir sur papier pour construire ton algorithme ?

Salut,

J’ai écrit il y a quelques temps un petit tuto sur les collisions avec pygame. Ce n’est donc pas du Javascript mais la logique reste entièrement la même. J’espère que ça pourra t’aider.