javascript - P5.JS - 计算 3 点交点

Question

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

我需要计算球是否击中 Racket 。总体思路:
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 是 Racket 距离屏幕左侧的位置。

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

这是一个视觉效果:

Answer 1

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

无耻的 self 推销:我在Processing中写了一篇关于碰撞检测的教程here ，但 P5.js 和 JavaScript 的基础知识是相同的。

基本上，你会这样做:

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