如何制作签到系统
发表时间: 2022-01-27 14:50:47 阶段:高级 分类:实例应用
一、签到系统制作(系统时间+计时器功能实际用例)
前期准备:签到界面底图,签到天数按钮底图以及已签到底图。
 
 
首先,新增一个高级界面。
 
更改容器名称为“签到系统”,方便后期设置。
 
接着,我们将前期准备的素材依次导入到“我的素材”,“背景”分类文件夹下。
点击 “我的素材 - 背景 - 导入素材” 选择 “其他” 文件夹,将电脑中准备的图片导入
 
 
接下来,需要将容器底图替换成准备好的签到系统底图。
双击 “签到系统”,点击导入后的 “签到” 底图替换。
 
接着,添加北京时间显示。
新增一个 “文本” 组件,命名为 “当前时间”
双击进入文本编辑界面,插入数值,将时间的系统数值依次插入,用斜杆和冒号隔开。
 
设置完成后,返回上一级,将文本移动到合适的位置上,这样就可以显示当前的北京时间了
 
那怎么让这个时间像北京时间一样,正常一秒一秒的走动呢?
我们需要在界面上添加一个定时器组件,由于定时器是一个隐藏的组件,在界面中并不会真的显示出来,因此随便摆放在一个不起眼的小角落就好。
接下来,为 “定时器” 设置事件,让它能实时去刷新 “当前时间” 文本的显示。
双击 “定时器”,进入定时器设置界面,在下方 “定时器设置”内
设置运行次数为循环模式,定时时长为1s
实现每一秒就执行一次,循环执行定时器的事件。
 
接着,我们需要给“定时器”配置执行事件。
在右侧 “事件” 配置区,点击添加事件,添加 “每次定时结束的时候” 的事件。
点击 “+” 号新增 “动作1”,新增 “刷新组件” 动作,设置刷新 “当前时间” 文本,确定。
 
签到界面上的时间能实时显示了,接下来我们开始设置每一天的签到。
首先,我们把每天签到的按钮增加到界面上。
添加 “按钮” 组件,双击按钮进入编辑界面
 
点击替换按钮前后状态底图,返回上一级,将按钮移动到合适位置。
其他天数按钮也依次添加按钮替换,放置相应位置,更改按钮命名,方便接下来的设置。
 
接下来,我们给每一天的签到按钮设置点击事件。
首先,点击 “数值设置 - 设置初始数值 - 购买数值” 新建三个购买数值。
第一个命名为 “签到天数”
第二个命名为 “当前时间戳”
第三个命名为 “时间差”
 
新建一个已签到的图片组件,方便后面调取图片。
点击“组件库”,“添加组件”,新建一个 “图片” 组件,命名为 “已签到”。
 
双击进入“已签到” 图片组件,替换底图。
 
 
当玩家第一次进入作品,进行第一天的签到时,我们需要知道玩家点击“第一天”按钮时,当下的北京时间。
那么,“第一天” 的签到按钮设置如下:
选择 “第一天” 签到按钮,在右侧 “事件” 配置区,点击 “添加事件”,
在 “点击后” 事件处,点击 “+” 号新增 “动作1” ,更改命名为 “第一天签到”
 
设置这个动作的点击条件,也就是第一次签到时的前提,签到天数和当前数值都是没赋值的情况。
条件设置如下:
条件1:购买数值 2: 当前时间戳 = 0
条件2:购买数值 1: 签到天数 = 0
 
接下来设置这个按钮的点击事件。
首先,增加 “数值操作” 动作,
数值操作如下:
购买数值 1:签到天数 = 1
购买数值 2:当前时间戳 = 系统数值 3:时间戳
 
时间戳的数值就是格林威治时间1970年01月01日00时00分00秒起至今的总秒数,会跟着北京时间的变化而一秒一秒的增加。此步骤中“当前时间戳”的赋值,是为了赋值玩家点击“第一天”签到按钮时,当下的时间戳的值。
第一次签到过后,这边设定是24小时(1440分钟=86400秒)后才可进行“第二天”的签到。这个时间间隔可根据作品实际情况设置,例如也可设置成几分钟或者几小时即可签到第二次。
 
接着,增加 “打开组件” 操作,打开 “已签到” 图片组件,并 “定位” 到 “第一天” 签到按钮上。
 
那么,怎么设置玩家“第二天” 的签到呢?我们需要用“时间差”的数值来判定,需要得出这个时间差,怎么得出时间差?看接下来的设置。
选择 “第二天” 签到按钮,在右侧 “事件” 配置区,点击 “添加事件”,
在 “点击后” 事件处,点击 “+” 号新增 “动作1” ,更改命名为“第二天判定和赋值”
 
设置这个动作的点击条件,判定不是第一次签到的前提并赋值。
条件设置如下:
条件1 购买数值2:当前时间戳 ≠ 0
 
设置这个动作的点击事件。
增加 “数值操作” 动作,数值操作如下:
购买数值 3:时间差 = 系统数值 3:时间戳 - 购物数值 2:当前时间戳
 此步骤中,系统数值3:时间戳为当前北京时间,购买数值 2:当前时间戳为上次签到时的北京时间 
这样我们就得出了点击“第一天”签到按钮与“点击”第二天“签到按钮的时间间隔。
 
接下来,我们开始设置“第二天”签到的判定。
在 “点击后” 事件处,点击 “+” 号新增 “动作2” ,更改命名为“第二天签到”
设置这个动作的点击条件,“时间差”数值满足在24-48小时的区间内,且“签到天数”小于2次的情况下,才可签到;
条件设置如下:
条件1 购买数值 3:时间差 ≥ 86400
条件2 购买数值 3:时间差 < 172800
条件3 购买数值 1:签到天数 < 2
 
“时间差”区间的设置,是为了保证玩家是在第二天的时间段内进行的签到操作,这个时间段内未签到的话,第三天后是无法补签第二天的,只能签到第三天以及之后的天数。
 
接着设置这个动作的点击事件。
增加 “数值操作” 动作,数值操作如下:
购买数值 1:签到天数 = 购买数值 1:签到天数 + 1
购买数值 2:当前时间戳 = 系统数值 3:时间戳
 
这样就又赋予了第二天一个新的“当前时间戳”数值。
接着,增加 “打开组件” 操作,打开 “已签到” 图片组件,并 “定位” 到 “第二天” 签到按钮上。
 
以此类推,第三天的签到与第二天的设置也是一样的。
 
接下来,避免在作品过程中,再次打开签到系统,会不显示已签到图片,需做以下操作。
选中“签到系统”背景,在右侧“事件” 配置区,点击 “添加事件”,
在 “载入后” 事件处,点击 “+” 号新增 “动作1” ,更改命名为“第一天签到”
 
设置载入条件,条件为:
条件1 购买数值 1:签到天数 ≥ 1
 
接着设置这个动作的点击事件。
增加 “打开组件” 操作,打开 “已签到” 图片组件,并 “定位” 到 “第一天” 签到按钮上。
以此类推,依次添加第二天签到、第三天签到等等的载入事件,
例如:第二天的签到条件:签到天数≥2的情况下,打开“已签到”图片到第二天签到按钮上。
 
签到系统设置完成后,我们需要添加一个返回按钮去关闭整个签到系统。
添加按钮组件,进入按钮编辑界面替换按钮底图,返回上一级,
点击到返回按钮上,在右侧“事件”配置区,设置“点击后”事件,
新增动作1,设置关闭签到系统界面即可。
 
TOP