九宫格益智课程分步图解

1.？拼图的起点比较简单，必须从外围开始。1和2拼图可以很容易的放回原位，第三个拼图相对困难。

2.？我们把3号拼图移到正确位置的相邻位置，不能直接把3号拼图放回去。我们需要先将所有的拼图下移，为1好的拼图腾出空间。

3.？当拼图1有空位时，可以直接向右移动，然后拼图2带着拼图1移动。这样，三号拼图周围就没有令人不安的拼图，可以为三号拼图提供换位空间。

4.？直接以3号拼图为中心，顺时针或逆时针转置3个拼图，直到3号拼图进入正确位置。然后2号拼图和1号拼图又回到了原路。

5.？完成前3个拼图的还原后，我们可以先放4个拼图。5号拼图和3号拼图类似，放在正确位置附近后，给1号拼图留出了空间。

6.完成后，将所有拼图放回原来的路径进行还原，这样九宫格拼图的外围就完全完成了。里面剩下的三个拼图可以直接旋转恢复到正确的位置。

将1图片按3*3分成9部分，取出3行3列的小图，打乱其余8部分的位置。然后开始游戏，通过左右移动将打乱的画面重新设置在8个位置。成功后，将第9张图片放回原位，即游戏结束。。

编程时也采用这种逻辑。剪切下来的小图片存储在一个容器中，然后随机访问，并为每个小图片设置点击事件。单击后，可以根据缺少的间隙移动它们，直到它们全部正确返回。我引入了一个计时功能，记录游戏完成的时间。