如何解决根据用户输入引用类中的不同对象
我正在尝试在 p5.js 中创建一个非常基本的物理模拟,并且我正在使用一个类来创建形状的多个实例(目前都是圆形),我有一个功能可以检查用户是否在里面点击一个圆的面积,如果是这样,允许他们拖动它,但我遇到了问题。我需要让程序计算出它悬停在哪个对象上,但我不确定我会怎么做,下面我的函数只对第一个对象 (obj1) 起作用。我可以改用 {classname}.posX 之类的东西吗?
function whilepressed()
{
if (Math.pow(mouseX-obj1.posX,2)+(Math.pow(mouseY-obj1.posY,2))<=(Math.pow(obj1.size/2,2)) | grabbed == true)
{
grabbed = true;
if (firstGrab == true)
{
difX = (obj1.posX-mouseX);
difY = (obj1.posY-mouseY);
firstGrab = false;
}
obj1.posX = mouseX+difX;
obj1.posY = mouseY+difY;
}
}
下面是类(draw函数中有一个switch语句,因为我以前也有一个正方形,但决定在实现正方形之前先让一个圆工作)
class primitive
{
constructor()
{
this.size = 50;
this.posX = canvasSize/2;
this.posY = canvasSize/2;
this.velX = 0;
this.velY = 0;
this.terminalVel = 15;
}
pos(x,y)
{
this.posX = x;
this.posY = y;
}
draw(shape = 'circle')
{
stroke(168,198,159);
fill(204,226,163);
switch (shape)
{
case 'circle':
circle(this.posX,this.posY,this.size);
break;
}
}
gravity()
{
if (this.velY < this.terminalVel)
{
this.velY = (this.velY+1);
}
else
{
this.velY = 20;
}
this.posY = this.posY+this.velY;
if (this.posY > groundLevel-(this.size/2))
{
this.posY = groundLevel-(this.size/2);
this.velY = 0;
}
}
}
解决方法
您可以在原始类上创建一个静态方法,如下所示:
首先,创建一个数组,其中包含该类的所有实例。
这是代码:
记住:我在构造函数中添加了参数 name
。这意味着在创建实例时,请这样做:
var foo = new primitive("foo");
var PRIMITIVES = [];
// ...
constructor(name)
{
this.name = name;
this.size = 50;
this.posX = canvasSize/2;
this.posY = canvasSize/2;
this.velX = 0;
this.velY = 0;
this.terminalVel = 15;
PRIMITIVES.push(name);
}
现在,使用相同的鼠标查找原理,您可以创建一个静态方法来查找并返回正确的实例。
static findInstance(mouseX,mouseY) {
for (var i = 0; i < PRIMITIVES.length; i++)
{
obj = window[PRIMITIVES[i]];
if (Math.pow(mouseX-obj.posX,2)+(Math.pow(mouseY-obj.posY,2))<=(Math.pow(obj.size/2,2)))
{
return obj;
}
}
}
然后,您可以调用 primitive.findInstance(mouseX,mouseY)
,它会返回正确的实例。如果这不起作用,请发表评论。我希望这对您有所帮助。
创建一个对象数组:
let objects = []
objects.push(obj1);
objects.push(obj2);
在 mousePressed()
回调中实现检测点击对象的算法:
let draggedObject;
let dragOffsetX;
let dragOffsetY;
function mousePressed() {
draggedObject = null;
for (let i=0; i < objects.lenght; i++) {
obj = objects[i];
if (Math.pow(mouseX-obj.posX,2) + Math.pow(mouseY-obj.posY,2) <= Math.pow(obj.size/2,2)) {
draggedObject = obj;
dragOffsetX = draggedObject.posX - mouseX;
dragOffsetY = draggedObject.posY - mouseY;
break;
}
}
}
在 mouseDragged()
回调中改变对象的位置:
function mouseDragged() {
if (dragged_object) {
draggedObject.posX = mouseX + dragOffsetX;
draggedObject.posY = mouseY + dragOffsetY;
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。