摘要： 上节主要做了动画的实现，感觉还是比较有意思的。游戏的性能好不好，重绘应该比较重要吧，菜鸟瞎想了下 呵呵。本节就要做对泡泡的操作，上节后面提到了点击泡泡后泡泡要做出闪动响应，那我们我们如何获得被点击了哪个泡泡呢？其实Canvas也是html的一个元素而已，所以我们可以给Canvas加click事件。来查看click时鼠标的坐标，这样就等得出点击了map的哪个位置。我们给game增加一个click方法，当Canvas点击时调用此方法。要实现的效果是： 当Canvas时被点击时有几种可能：1、没点到map 那就不作响应 2、点到了泡泡，那该泡泡要做出响应（闪）3、如果之前有点击过其他的泡泡，则取消之 阅读全文

摘要： 上一节中，我们留下了一个flyin的方法没有介绍，这里想单独写一篇html5的动画实现。在第二节中我们实现了画一个泡泡，并且成功的擦除了泡泡，但当时也说了别把棋盘的线给擦掉了，所以做了偏移量。所以说html5 Canvas还是低级， 没有图层的概念，擦掉再想补回来，怎么补？ 答案就是重绘。 没错，整个Canvas重绘，这样就能不用担心补哪里了。虽然带来了性能的损失，但绝对减少的编码难度。而且计算机的能力也不差这点损失。那么重绘的话，我们在Canvas是上所有的需要绘制的对象都应该有draw方法。这是必须的。另外，所有的元素都有个上下的概念，所以要先绘制下面的，再绘制上面的。 而这个上下就得靠 阅读全文