Html5 canvas 测试代码以捕获盒子

我创建了一个canvas的测试问题，但我不能。从顶部的盒子掉到下面的盒子里，以为移动会带来一个事件发生。谢谢你的帮助

我想我明白了

如何使用按键左/右移动底部框

// 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)
}

函数命中（rect1，rect2）{
返回（rect1.x）