在基于2D Tile的游戏中画布碰撞检测不完全

问题描述

我用Javascript和Canvas做一个小游戏。 我有一个碰撞检测，但是效果不是很好。 我不能穿过墙壁。 到目前为止还算不错，但是它只能在左侧和顶部工作而不会重叠。

我的地图是基于0和1的数组。1是可步行的，0必须阻塞

我的播放器是32x32，我的磁贴也是。

PosX是xy可能来自玩家的坐标PosY是y可能来自玩家的坐标

这是我的检测代码：

var tileWidth = 32;                                                                                                                     // Fliesen breite festgelegt
var tileHeight = 32;                                                                                                                    // Fliesen h?he festgelegt

    var solidTiles = [0];                                                                                                               // var solidTiles beinhaltet die 0 aus dem array, sagt das die nicht durchdringbar sein sollen (Hol mir quasi die 0 ausem array raus

function isSolidTile(x, y) {                                                                                                            // Funktion zu festlegung das 0 Flie?en nicht durchgehbar sind,  x Pixel und y Pixel der fliese
    var tileX = Math.floor(x / tileWidth);                                                                                              // Flie?e in X   --> x koordinate / durch die halbe breite, damit wir den mittelpunkt der fliese als festen punkt feststellen
    var tileY = Math.floor(y / tileHeight);                                                                                             // Flie?e in Y   --> y koordinate / durch die halbe breite, damit wir den mittelpunkt der fliese als festen punkt feststellen
    var tile = mapKollision[ tileY ][tileX] ;                                                                                           // WICHTIG!: Bei Listen ist auch die Zeile und Spalte einzuhalten. Bei der Abfrage einer Kollision zu erst Y dann X
    if ( tile == 0 )    {                                                                                                               //
        return true;                                                                                                                    //
    } else {return false}                                                                                                               //
}


    var altPosX = PosX;                                                                                                                 // neue variable für die alte helden position 
    var altPosY = PosY; 

if ( isSolidTile( PosX, PosY) ){                                                                                                // if wenn isSolidTile getroffen wird
            PosX = altPosX;                                                                                                             // soll er DIESE PosX in die alte Pos X umwandeln
            PosY = altPosY;                                                                                                             // soll er DIESE PosY in die alte Pos Y umwandeln
    }   

我知道我必须说些类似的话

 if( PosX + 32 ) PosX = altPosX -32;

但是，当我使用它时，我的播放器从“阻隔砖块”的右侧反弹回来，而当我向左走时，我的播放器穿过了其播放器剩下的所有阻隔砖块。

但是我想要的是，当我的玩家用他的32x32的右侧触摸阻塞的Tile的左侧时，他必须停下来。

而且我不知道为什么它不起作用。

如果您需要更多代码，请告诉我。

谢谢 ：）