手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

用iH5实现“CX-4秘境探索”案例复刻

时间:2024-10-13 14:29:41

1、前两个关卡,都是比较简单的填入数字答案解题。以第一题为例,在这里的答案输入,需要用到一个“输入框”。在“输入框”下加个事件,

用iH5实现“CX-4秘境探索”案例复刻
用iH5实现“CX-4秘境探索”案例复刻

2、分别是,“输入进行中”的时候进行判断,如果输入的内容等于这道题的答案(即18)的时候,执行“解锁成功”的反馈。同理,不等于这道题答案的时候,则提示解锁失败。

用iH5实现“CX-4秘境探索”案例复刻

3、重点来讲一下,第三关卡的“划线解锁”逻辑。首先,添加一个画布并且画布下加个绘图层。这是按钮之间的连线。

用iH5实现“CX-4秘境探索”案例复刻
用iH5实现“CX-4秘境探索”案例复刻

4、按键部分分别用两个容器装素材,(将“已选”和“未选”分开)

用iH5实现“CX-4秘境探索”案例复刻

5、在每个素材下面加上“自定义属性”,这是为了给不同的按钮进行编号。譬如已选的是1到1瀵鸦铙邮6,分别就是“A1”至 “A16”,未选中也是同样。

用iH5实现“CX-4秘境探索”案例复刻

6、加一个容器,里面的“透明按钮”是为了执行一系列划线操作。给这个“透明按钮”同样 的加上自定义属性。

用iH5实现“CX-4秘境探索”案例复刻

7、(注:这个代表的是,该按钮等于0的状态,未被选择)以及图2的自定义属性。

用iH5实现“CX-4秘境探索”案例复刻
用iH5实现“CX-4秘境探索”案例复刻

8、在该页面显示时,对“按钮容器”一整个进行克隆。

用iH5实现“CX-4秘境探索”案例复刻

9、先添加两个文本,一个为“正确答案”,事先把连线的答案填写好。另一个为空文本,用于“输入时的答案”

10、在“透明按钮”下加事件。“手指按下”时,

用iH5实现“CX-4秘境探索”案例复刻

11、“拖动对象”时,添加一个“矩形”,拖动对象的时候,让它的位置跟随鼠标的位置。

用iH5实现“CX-4秘境探索”案例复刻

12、开始重叠”时,(即当“透明按钮”与“矩形”碰触)

用iH5实现“CX-4秘境探索”案例复刻

13、“手指松开”时,

用iH5实现“CX-4秘境探索”案例复刻

14、当密码匹配失败的时候,“触发器”播放,主要是为了时间的缓冲过程后,把刚刚划过的痕迹清空。

用iH5实现“CX-4秘境探索”案例复刻
© 手抄报圈