摘要:上节主要做了动画的实现,感觉还是比较有意思的。游戏的性能好不好,重绘应该比较重要吧,菜鸟瞎想了下 呵呵。本节就要做对泡泡的操作,上节后面提到了点击泡泡后泡泡要做出闪动响应,那我们我们如何获得被点击了哪个泡泡呢?其实Canvas也是html的一个元素而已,所以我们可以给Canvas加click事件。来查看click时鼠标的坐标,这样就等得出点击了map的哪个位置。我们给game增加一个click方法,当Canvas点击时调用此方法。要实现的效果是: 当Canvas时被点击时有几种可能:1、没点到map 那就不作响应 2、点到了泡泡,那该泡泡要做出响应(闪)3、如果之前有点击过其他的泡泡,则取消之 阅读全文
posted @ 2012-03-18 23:17 君之蘭 阅读(2514) 评论(11) 推荐(2) 编辑
摘要:上一节中,我们留下了一个flyin的方法没有介绍,这里想单独写一篇html5的动画实现。在第二节中我们实现了画一个泡泡,并且成功的擦除了泡泡,但当时也说了别把棋盘的线给擦掉了,所以做了偏移量。所以说html5 Canvas还是低级, 没有图层的概念,擦掉再想补回来,怎么补? 答案就是重绘。 没错,整个Canvas重绘,这样就能不用担心补哪里了。虽然带来了性能的损失,但绝对减少的编码难度。而且计算机的能力也不差这点损失。那么重绘的话,我们在Canvas是上所有的需要绘制的对象都应该有draw方法。这是必须的。另外,所有的元素都有个上下的概念,所以要先绘制下面的,再绘制上面的。 而这个上下就得靠 阅读全文
posted @ 2012-03-18 14:30 君之蘭 阅读(2095) 评论(2) 推荐(3) 编辑