某日，闲来无事，无聊的翻看着电脑中的APP图标，忽然萌生一个想法：用Axure原型制作一个连连看类型的游戏原型，于是说做就做，打开AxureRP 7，开始搞。一天，两天。。。（由于只有业余时间搞）。。。五天，原型终于搞定。期间经过了不同实现方法的尝试、逻辑的梳理、原型的测试等等等。。。。

原型展示

（点击试玩）

开始界面：点击 PLAY 按钮即可进入游戏

游戏界面：点击翻开图片，图片等待将近1s的时间后自动恢复，如果依次翻开的两个图片如果相同，这两个图片则自动消失，显示 OVER 字样

结束界面：点击 REPLAY 可以重新开始游戏

补充一些废话，做事情要有始有终，所以原型设计也是这样，要有头有尾。

设计过程

这个过程真的不是那么顺利，从开始只是有一个大概的想法，到慢慢实现起来的时候发现很多细节上的问题，从项目管理的角度来讲，真的是渐进明细的一个过程。下面我就从我不断发现问题不断分析实践的角度讲一下这个原型的设计过程。

问题-分析/尝试-实现

把问题放在最前面来说并不代表这只是在最开始的时候才有问题，仅仅是为了表达任何事情都从一个想法开始，但是整个设计的过程都摆脱不了问题的存在。

问题01：点击图片实现图片翻转，然后自动恢复，如何实现？

分析/尝试：

1. 通过动态面便的不同状态来显示翻转前和翻转后的图片（开始采用，最终放弃）；
2. 通过图片部件的 设置图片动作 实现（最终采用的实现方法）

问题02：依次点击两个图片，如果翻开的图片是一样的，那么这两个图片应该自动消除，该如何实现？

分析/尝试：

1. 使用配对的动态面板（两个动态面板），如果动态面板1和动态面板2的状态都是图片翻开的状态，点击动态面板2的时候设置动态面板1和2同时隐藏或置为状态3。（该方案最终放弃）
2. 使用中继器，该过程需要全局变量的配合使用，该过程逻辑比较复杂，暂时不讲。（最终采用的实现方法）

问题03：如何实现初始化的时候所有图片的位置是随机的？

分析/尝试：

1. 使用随机数函数，然后随机出符合条件的坐标值。（该方案最终放弃，原因是该方案是基于构思02中使用动态面板的方案，根本原因是很难避免随机出的坐标值是不重复的，该方案放弃也必然需要放弃动态面板方案，因此两个方案是互相制约的）
2. 使用随机函数+中继器，比如初始的时候给中继器的A列赋值随机数，然后再根据A列的值进行排序，因为每次随机数都不一样，因此每次排序的结果都不一样，这样就间接的实现了图片随机显示的需求，实际是图片的顺序随机，这里就不考虑坐标了（最终采用的实现方法）。

阶段总结：以上三个问题可以说是这个小游戏最核心的问题，经过上述的分析和尝试，基本确定了最终了整体实现方法，那么接下来就按照上面的方式告诉大家如何操作。