web小游戏开发：拼图（四）对调和移动拼图玩法的实现

• 对调方式
• • 对调模式实现
• 移动方式
• • 移动的实现
• 小结

对调方式

在完成了原始拼图玩法后，剩下两个玩法其实相对就变得简单的多了。

对调模式，简单来说，就是选中两个图块，然后位置对调一下。

那么，我们来整理一下，看看需要哪些准备工作，以及交互提示的设置之类的。

1、所有的图块平铺在一个和正常图片大小一样的层内，不允许出现重叠现象
2、可以选中一个图块，并进行选中提示
3、当已经选中一个图块时，可以点击另外的图块，两个图块位置对调
4、当一个图块连续选中两次，取消选中
5、记录每个图块的行列位置，如果所有的位置为连续递增数列，即按顺序排列，则游戏胜利
6、在左侧交互层追加一个与图块同样数量和行列的表格，用来提示每个图块位置是否正确。

CSDN 文盲老顾的博客，https://blog.csdn.net/superwfei
老顾的个人社区，https://bbs.csdn.net/forums/bfba6c5031e64c13aa7