P5.JS

Question

我正在尝试为使用 javascript 及其库 p5.js 制作的乒乓球游戏计算 3 point intersection。

我需要计算球是否击中球拍。总体思路：
var MaxTopPos = player.y;
var MaxBottomPos = player.y + player.height; 其中 player.height = 100.
其中玩家 = 球拍。另一个桨将是计算机。

起初我想也许我可以使用dist(this.x, this.y, player.x, ...)
然后我被抓到了 player.y.
this.x 和 this.y 是球的位置，player.x 是桨从屏幕左侧开始的位置。

我的问题是如何获取 MaxTopPos 和 MaxBottomPos 并检查球是击中了两者之间的某处还是正好击中了边缘？这样我就可以计算出更多我从 this thread 中找到的东西。我想做的是检查球是否击中了球拍，以及它是否朝相反的方向发送。

这是一张图片：

Answer 1

只需将球视为矩形，然后在球的边界矩形和球拍之间使用矩形-矩形碰撞检测。

无耻的自我推销：我在Processinghere写了一篇关于碰撞检测的教程，但是P5.js和JavaScript的基础是一样的。

基本上，您会这样做：

//evaluates to true if rectOne and rectTwo are colliding
if(rectOneRight > rectTwoLeft && rectOneLeft < rectTwoRight && rectOneBottom > rectTwoTop && rectOneTop < rectTwoBottom){

P5.JS - 计算 3 点交点

P5.JS - Calulcate a 3 point intersection

javascript