Javascript P5.JS-计算三点交叉点

Javascript P5.JS-计算三点交叉点,javascript,p5.js,Javascript,P5.js,我正在尝试为一个使用javascript及其库p5.js制作的乒乓球游戏计算一个3点交叉点 我需要计算一下球是否击中了球拍。 总体思路: var MaxTopPos=player.y var MaxBottomPos=player.y+player.height哪个player.height=100。 其中player=桨。另一个桨将是计算机 起初我想也许我可以使用dist(this.x,this.y,player.x,…) 然后我被player.y抓到了 this.x和this.y是球的位置,

我正在尝试为一个使用javascript及其库p5.js制作的乒乓球游戏计算一个
3点交叉点

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

起初我想也许我可以使用dist(this.x,this.y,player.x,…)

然后我被
player.y
抓到了
this.x
this.y
是球的位置,
player.x
是从屏幕左侧看球拍的位置

我的问题是如何使用
MaxTopPos
MaxBottomPos
检查球是否击中中间或边缘的某个位置?这样我就可以计算出我从中发现的更多东西。我要做的是检查球是否击中了球拍,以及球是否向相反方向移动

这里有一个视频:

只需将球视为矩形,然后在球的边界矩形和挡板之间使用矩形碰撞检测

无耻的自我提升:我写了一篇关于处理过程中碰撞检测的教程,但在P5.js和JavaScript中基本相同

基本上,你会这样做:

//evaluates to true if rectOne and rectTwo are colliding
if(rectOneRight > rectTwoLeft && rectOneLeft < rectTwoRight && rectOneBottom > rectTwoTop && rectOneTop < rectTwoBottom){
//如果rectOne和rect2冲突,则计算结果为true
if(rectOneRight>rectTwoLeft&&rectOneLeftrectTwoTop&&rectOneTop
抱歉,但这不起作用。如果((player.x+player.width)>ball.x和&player.x<(ball.x+ball.width)){this.speed=-20(反向)},我会这样做如果球在垫子的中心。就像在左右两个点之间一样,球的速度应该是相反的。而且我确保球与桨的宽度相同。如果我检查桨的顶部和底部点,然后循环通过两个点,然后将顶部和b之间的每一个点放在一起,会怎么样ottom在数组中使用循环语句。然后检查球是否击中数组中的任何x位置。对我来说,这听起来像是计算机不断进行的大量处理。Lol,我的错,我这样做了。球的宽度,而不是我给它的变量,即this.diameter。它现在可以工作了。