君之蘭

上一节中，我们留下了一个flyin的方法没有介绍，这里想单独写一篇html5的动画实现。在第二节中我们实现了画一个泡泡，并且成功的擦除了泡泡，但当时也说了别把棋盘的线给擦掉了，所以做了偏移量。所以说html5 Canvas还是低级， 没有图层的概念，擦掉再想补回来，怎么补？  答案就是重绘。  没错，整个Canvas重绘，这样就能不用担心补哪里了。虽然带来了性能的损失，但绝对减少的编码难度。而

在看了几篇Canvas相关的文章后，发现前两节的代码实现还是有问题，因为知道的少，所以只能在自己已知的知识上做实现。不过还好，这是一个发现的过程，也是一个纠错和完善的过程。我第一次尝试一边学习一遍写博客，我想这也有助我的学习，可以把知识掌握的牢固些，起码忘的慢一些吧：）。　　前两节学习了几个基本绘制的方法，lineTo moveTo和arc，也了解坐标的情况，但写的比较傻，只是单纯的实现。 比

好吧，新的一天来了，我才开始动笔，真够懒得：）昨天说了今天我们要画一个球，在canvas上。好吧，这是游戏的入门的第一步，只是昨天没写完，所以。。。 var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d");

HTML5推出也有很长一段时间了，一直没有学习过，闲来无事学习开发个游戏吧。  用javascript+canvas编写一个 五彩连珠的游戏。Canvas 画布标签，很简单和普通的tag没区别。 关键在于js对他的操作。先看个示例代码： var canvas = document.getElementById("canvas"); var ctx = canvas.getC

上节中讲了如何寻路，在和朋友们讨论时都反应有时走的不太对，绕远路了，其实代码主要是大方向的判断  比如目标在右上，那应该是先右还是先上 这个并没有做处理，如果这个做了处理，效果会更好一些，但也难免会走弯路。  贪心就是这样，不是最优，接近最优。也希望其他的同学有意见的可以讨论下。我这也只是个人想法。　　既然可以走动了，那就可以判断是否可以消除同样颜色的行、列或斜线了。只要>=5个同样的色球，就

上节主要做了动画的实现，感觉还是比较有意思的。游戏的性能好不好，重绘应该比较重要吧，菜鸟瞎想了下 呵呵。本节就要做对泡泡的操作，上节后面提到了点击泡泡后泡泡要做出闪动响应，那我们我们如何获得被点击了哪个泡泡呢？其实Canvas也是html的一个元素而已，所以我们可以给Canvas加click事件。来查看click时鼠标的坐标，这样就等得出点击了map的哪个位置。我们给game增加一个c