触发器制作拼图游戏”教学<——【小八教室】

小八馍馍

如何使用触发器制作拼图游戏
拼图这个功能，我们可以单独把他做成一个游戏，也可以将拼图这个功能，在游戏里面，以一个类似于解密解锁的任务或功能来呈现出来，
1，功能描述
我们可以想象一下，我们平时玩的拼图游戏，是怎么样的，其实就是点击一下图片，然后图片移动到空白位置，反复循环这样的操作，直到拼好为止，我们今天就来讲讲，这个功能，用ifaction怎么实现
2，制作
拼图这个功能，使用ifaction触发器功能就可以直接制作，无需mod（今天不卖mod啦，hhh）
2.1，大体思路
鼠标点击选中的图片，图片移动且只能移动到拼图内的空白位置，我们需要考虑的，是图片移动过去以后，怎么才能再移动回来，我们可以从简单到复杂，1张图片是怎样操作的，然后是3张图片，最后就是9张图片，
2.2，制作1张图片的移动流程
首先，我们使用触发器，设置一张图片，图片的位置可以使用变量来确定，我们可以试着先设置6个变量，分别是图1X，图1Y（用来控制图片1的位置），空白X，空白Y（用来控制移动图片的走向），图1XB，图1YB（用来获取图1的原始坐标，作用将这个坐标，在图1完成移动后，将空白的坐标，定义过去）
然后，我们再创建一个触发器，开始条件设置为直接执行，勾选反复触发和并行处理，使用条件分歧来制作鼠标在预设图片的位置按下的时候运行操作，区域设置，这里就设置图片1所在的位置，大小也是图片1的大小就可以了，



然后，我们设置触发器下面的东西，
当图片1的位置，在上面设置的这个鼠标按下的位置的时候，执行下面的操作，分为4步，
第一步，图1XB=图1X，图1YB=图1Y，这一步的作用，是获取图1在移动前的位置
第二步，图1X=空白X，图1Y=空白Y，这一步的作用，是将图片1的坐标位置=空白的坐标位置，也就是图1移动的目标位置（我们这里先假设空白的位置，就在1的右边，也就是变量空白的坐标为空白X=160,空白Y=0）
第三步，使用触发器的移动图片功能，将图片移动至新的图1X，图1Y的位置，
第四步，将空白位置的XY，设置为图1原来的位置，也就是第一步我们备份的图1XB和图1YB，
做好这些，我们可以试着运行一下，看看是什么效果






2.3,制作3张图片的小拼图
按照上面办法，我们做好3张图片，也就是下面4个位置的鼠标按下的以后运行的东西，就会发现，还是有些问题的，就下图这种情况下，点击2号图片的时候，他会和空白的位置调换，所以我们还需要做2个条件分歧，以1号图片所在的位置为例，
第一步，设置条件分歧，空白X=0或者空白Y=0，因为要移动1号图片，所以他移动的范围，应该是他的右边或者是他的下边空白位置，如果空白位置在他的对位，也就是图3的位置，择不能移动，
第二步，设置条件分歧，空白X=0且空白Y=0，满足条件什么都不执行，除此之外，执行我们上面移动图片的功能
4个位置都设置好以后，我们可以看一下运行结果，







2.4,制作8张图片的拼图游戏
我们按照上面的做法先试着做一下，就会发现，又出现了新的问题，当拼图是现在这种情况的时候，我们按图片1，他就会越过图片3，移动到下面红色框框内，所以我们之前的条件分歧，又需要做一下调整了，





我们可以看一下，如果要移动1号位的这个图1，下面红色圈圈圈出来的位置，是不能去的，其中，只标有红色圈圈的位置，是之前已经做过条件分歧排除出去的位置，剩下黑色方框+红色圈圈标注的位置，是新出现的不能移动的位置，我们只需要根据每个图片的位置，分析一下他哪里不能移动，加一个特定的条件，就可以了
我们就拿这个1号位置举个例子
我们之前做的那两步条件分歧不变，就看下面框出来这一步，增加2个条件，当空白X≠320并且空白Y≠320的时候，其他部位同理，都分析一下哪里是新加进去不能移动的位置，添加条件就可以了，其实整个过程，就是大家对触发器以及条件设置的一个锻炼过程
做出来了，我们运行一下可以看看，







好咯，2019年最后一个帖子！
今天就到这里了，下班跨年啦~祝大家新年快乐~

七夕小雨

这帖子看着就牛逼

moon

跨年精品就决定是你了咻八！

小八馍馍

七夕小雨 发表于 2019-12-31 21:50
这帖子看着就牛逼

啊哈，新年快乐~

小八馍馍

moon 发表于 2019-12-31 22:11
跨年精品就决定是你了咻八！

快乐~

啤酒布丁

拼图可太秀了hhhhhh

youlong

新年快乐 大佬小八666

小八馍馍

啤酒布丁 发表于 2020-1-1 17:39
拼图可太秀了hhhhhh

新年快乐~

小八馍馍

youlong 发表于 2020-1-1 20:18
新年快乐 大佬小八666

诶嘿，新年快乐~

作死先锋

小八大大真厉害