原型中按钮左边坐标X=89,大图坐标Y=67，大图宽度S=276。

第二步操作：选中按钮，设置移动当前原件（按钮），跟随水平移动，设置边界范围是89~343。

描述：拼图的边界范围和按钮的有一些小差别，因为这两个动态面板大小不一样，他们排列方式是中部对齐，也就是拼图的起始位置就比按钮的位置往右偏十个坐标，所以拼图的起始坐标需要 10，结束坐标需要-10；

操作：选中按钮，设置移动拼图，跟随水平移动，设置边界范围是99~333。

描述：当按钮拖动结束时，需要判断拼图的坐标是不是和阴影部分的坐标重合。拖一条辅助线与阴影坐标重合，发现阴影坐标x是258，当拼图移动到坐标x=258时，拼图成功。

但是我们允许有十个坐标的误差，也就是可以在阴影前十个坐标和阴影后十个坐标之间就判断是成功的。那么拼图的坐标在248~268之间，就认为拼图是成功的。

因为我们拖动的是按钮，当拖动结束时针对的也是按钮，所以我们要判断按钮x坐标和阴影的x坐标。

按钮x坐标比拼图x坐标往左十个坐标，按钮x坐标=拼图x坐标-10，判断按钮x坐标的正确范围将拼图坐标范围都-10就可以了，所以按钮的坐标在238~258之间，就认为拼图是成功的。

当按钮拖动结束时，判断按钮坐标范围，如果坐标范围在238~258之间，说明拼图成功，显示成功弹窗。若是不在238~258之间，拼图失败，显示失败提醒。

当拼图成功后，显示成功提示，等待几秒会跳转到第三个页面，获取验证码页面；当拼图失败后，显示失败提示，当再次拖动按钮，失败提示会隐藏。

操作：选中按钮，新建交互，拖动结束时，显示成功显示，添加情形，按钮的x坐标值（this.x）的值在238~258之间。

显示成功提示：