Question

我基本上在画布上做了两面墙。一个在顶部，一个在底部。我的播放器由 MOUSE 控制，我想知道如何让播放器不会穿过墙壁。

这是两个对象之间一般碰撞的函数：

function collides(a, b) {
   var val = false;

   val = (a.x < b.x + b.width) &&
   (a.x + a.width > b.x) &&
   (a.y < b.y + b.height) &&
   (a.y + a.height > b.y);

   return val;        
}

以下是检测碰撞检测的代码：

if (collides(player, block)){
    //I don't know what goes here.
}

任何帮助都将不胜感激。

Answer 1

重新定位播放器，同时将播放器的y位置钳位在顶部和底部之间。

在mousemove处理程序中（或鼠标重新定位播放器的地方）：

// reposition the player as you already do
...

// and clamp the player to stay below the top wall
if( player.y < wall.y+wall.height ){ player.y = wall.y+wall.height);

// and clamp the player to stay above the bottom wall
if( player.y+player.height > wall.y ){ player.y = wall.y-player.height);

在画布中碰撞检测后停止播放器移动

1 个答案: