html5-canvas - 测试代码以捕捉盒子

Question

我创建了一个我做不到的画布测试问题。从上面的盒子掉到下面的盒子里想动想带一个事件发生。感谢您的帮助

http://jsbin.com/imitiv/1/edit

Answer 1

我想我明白。

如何通过按键向左/向右移动底部框

// new stuff -- put this just before your init()
window.addEventListener("keydown", keyd, false);
window.addEventListener("keyup", keyu, false);

如何测试顶部矩形是否击中底部矩形

function hit(rect1, rect2) {
  return (rect1.x <= rect2.x + rect2.r &&
          rect2.x <= rect1.x + rect1.r &&
          rect1.y <= rect2.y + rect2.r &&
          rect2.y <= rect1.y + rect1.r)
}