如何用拖拽事件制作调查模式
发表时间: 2021-11-18 15:18:19 阶段:高级 分类:实例应用
前言
想必大家在阅读作品时,见过很多调查模式或探索模式,都是通过点击物品触发的。这次我们将教大家通过图片事件里的拖拽事件,来探索调查物品。拖拽调查可以让读者像侦探一样,更有代入感的互动。


教程开始
1. 新建高级剧情


2. 导入用到的素材




这里有个小细节,我们双击放大镜,把编号设置为999。这样放大镜会在顶层。在同一舞台层级中,数字越大,素材层级越高。


3. 点击数值管理,创建需要用到的数值




4. 把放大镜的坐标值添加上
先记下放大镜的初始坐标



用数值操作指令,指定好初始值。


5. 设置放大镜的图片拖拽事件。当拖动放大镜时,同时也给素材坐标赋值。
注意拖拽方向要改为任意方向;X、Y轴的坐标赋值也改为放大镜的X、Y轴值。



6. 在图片事件后加一个透明的文本指令,用来“停一下”,让图片事件可以执行。不点击放大镜以外的空间,就不会运行文本指令后面的指令。


以上3步做完的指令,如下图展示。


7. 在图片事件分支剧情里添加触发判定的条件分支
选中拖拽放大镜剧情,点击条件分支,添加2个调查分支和1个备选分支。



点击确定


8. 设置条件分支的触发条件
1)在小齿轮这开启显示鼠标坐标



2)触发坐标的选取原则是当两个素材互相接触时,以拖动素材左上角的点做为判定条件的触发点坐标。
这里我们记一下坐标(184,193)



同样记下坐标(605,306)


3)坐标都记录好后,删除刚才移动放大镜,生成的图片动效。


4)双击条件分支分支列表,把刚才记录的两个坐标都填入




9. 添加条件分支剧情。我们来做一个物品居中放大的调查效果。

1)触发时,隐藏放大镜。选中[调查南瓜灯]剧情,点击 图像指令——图片动效,选择放大镜,把透明度调整为0,动画时间调整为0。



同样也隐藏绿珠子。


2)接着一样用图片动效,移动南瓜灯。


3)再加一个图片动效,往中间移动南瓜灯。


4)最后再加个图片动效,显示并放大南瓜灯。




5)添加触碰到南瓜灯的文案。点击 文本指令-显示文本,对话框模式设为隐藏模式。
文案设置好后,再加一个隐藏文本。



6)调查完毕,用图片动效把南瓜灯、绿珠子和放大镜恢复成调查前的状态
参考第2步截图中的两个素材的坐标、大小、动画时间0s、透明度100%。



10. 接着加一个调查后的数值变化。点击 逻辑指令-数值操作-添加操作。


这样一个完整的调查剧情就设置好了。
如果你需要其他效果,也可以自行设置第9步中,南瓜灯其他图片动效。



11. 调查绿珠子的剧情,请参考9、10两步的设置方式。


12. 备选分支剧情加一个返回分支指令,防止因不符合条件时,造成死循环卡死。
选中[备选分支]剧情,点击逻辑指令-返回分支,返回2层(条件分支1层,图片事件分支1层)。



13. 我们再设置一个判断,地点必须全都调查完后,才可以继续后面的剧情。(你也可以按你的需求,改变条件。选择只要触发到需要调查的物品,就继续剧情。这里就不展开举例了)
1)选中最后的显示文本,点击 逻辑指令-条件分支,新增条件如图。



2)在条件分支剧情中,加入提示文案。并加入自动存读档功能,当不满足调查条件时,从头调查。
选中 道具:999 第四行,点击逻辑指令-存/读档设置,设置自动存档1。
然后在[两处都调查]剧情中,添加文本和存/读档设置梨的自动读档1。



14. 最后再添加移除拖拽事件,避免后续剧情误触发。
点击图像指令-移除事件,选择放大镜拖拽事件,确定。





15. 完整的指令和效果展示。



 
TOP