消消乐 游戏算法html,Vue实现开心消消乐游戏算法

之前做过一个算法题，算法要求就是写一个开心消消乐的逻辑算法，当时也是考虑了一段时间才做出来。后来想了想，既然核心算法都有了，能不能实现一个开心消消乐的小游戏呢，于是花了两天时间做了一个小游戏出来。

效果展示#

先在这里放一个最终实现的效果，还是一个比较初级的版本，大家有什么想法欢迎评论哦

游戏规则：

初始时会给玩家十分的初始分，每拖动一次就减一分，每消除一个方块就加一分，直到最后分数为0游戏结束

任意两个方块都可以拖动

界面设计#

页面的布局比较简单，格子的数据是一个二维数组的形式，说到这里大家应该已经明白界面是怎么做的了。

v-for="(item, index) in squareData"

:key="index"

class="row">

v-for="(_item, _index) in item"

:key="_index"

class="square"

:class="_item"

@mousedown="dragStart(index, _index)"