在Javascript中使用画布轻弹矩形?

在Javascript中使用画布轻弹矩形?,javascript,html,Javascript,Html,我希望能够在一个矩形上按住鼠标向下,朝一个方向移动,松开鼠标,然后释放矩形 “弹”向适当的方向。我想完成这样的事情: 但是在HTML5画布上绘制了一个矩形。如何实现这一点?对于画布,除了使用多个帧和删除/绘制每个帧的矩形外,您将希望使用与该文章中相同的技术。伪代码: setTimeout(1000/30, function () { canvas.erase() rect.update_position() canvas.drawRect(rect) }) 或者,你可以使用Box

我希望能够在一个矩形上按住鼠标向下,朝一个方向移动,松开鼠标,然后释放矩形 “弹”向适当的方向。我想完成这样的事情:


但是在HTML5画布上绘制了一个矩形。如何实现这一点?

对于画布,除了使用多个帧和删除/绘制每个帧的矩形外,您将希望使用与该文章中相同的技术。伪代码:

setTimeout(1000/30, function () {
  canvas.erase()
  rect.update_position()
  canvas.drawRect(rect)
})
或者,你可以使用Box2dWeb这样的物理引擎来做各种各样的事情,比如“flicking”