为什么我的代理冲突不起作用(javascript)

Question

我有一个名为cube的代理(cube它只是名字，实际上是一个正方形)。每个立方体都会掉落并停在地面上，我希望它们能检测到其他立方体并堆叠起来。

我对这个检测冲突的方法有问题：https://www.youtube.com/watch?v=GY-c2HO2liA&list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

我做了2个for循环，但由于某些原因它不能工作。

下面是主脚本：

var cubes = [];
var nb = 10;       //number of cubes
var gravity = .1;
var sz = 10;       //cube size

function setup() {
  createCanvas(400, 400);
  for (i = 0; i < nb; i++) {
    cubes.push(new Cube());
  }
}

function draw() {
  background(51);
  for (var i = 0; i < cubes.length; i++) {
    cubes[i].show();
    for (var j = 0; j < cubes.length; j++) {

      if (i != j && !cubes[i].collide(cubes[j]) && !(cubes[i].pos.y + sz > height)) {
        cubes[i].pos.y += gravity; 

      }
    }

  }
}

这是与HTML文件中的p5.js链接的立方体函数：

function Cube() {

  this.rx = (round((random(0, width - sz)) / sz) * sz);
  this.ry = (round((random(sz, height - sz)) / sz) * sz);

  this.pos = createVector(this.rx, this.ry);


  this.show = function() {
    fill(220);
    noStroke();
    rect(this.pos.x, this.pos.y, sz, sz);
  }

  this.collide = function(other) {

    if (this.pos.y + sz == other.pos.y && this.pos.x == other.pos.x) {
      return true;      
    } else {
      return false;

    }

  }

}

我希望立方体在落地时堆叠在一起，但它们只穿过彼此，完全忽略了我设置的碰撞。

Answer 1

我认为您的问题来自于您使用==的事实，请尝试修改此行：

 if (this.pos.y + sz == other.pos.y && this.pos.x == other.pos.x) {

转到

  if (this.pos.y + sz > other.pos.y  &&  this.pos.y  <= other.pos.y+sz  &&
  this.pos.x < other.pos.x+sz && this.pos.x + sz > other.pos.x)