时钟
案例展示
功能列表：
- 秒针转动
- 分针转动
- 时针转动
- 三个针的转动速率不同
本章知识点：
- 如何使用蓝图中的"序列"
- 如何使用蓝图中的"数学运算（/）"
- 如何让2D对象绕某点旋转
- 如何使用蓝图设置2D对象的“局部旋转”
开始我们的制作吧
准备素材
上传UI素材，点我下载
相关链接：
画布设置
相关链接：
背景设置
设置背景图，使用资源："时钟”
最终效果：
创建2D对象
创建3个2D空节点，分别为：“旋转-秒针”，“旋转-分针“，”旋转-时针“，用于之后控制秒针，分针，时针的旋转
将秒针图片，分针图片，时针图片添加到场景中，分别命名为：“秒针”，“分针”，“时针”
分别调整“秒针”，“分针“，”时针“的位置及尺寸
将”秒针“挂载到”旋转-秒针“节点下，将”分针“挂载到”旋转-分针“节点下，将”时针“挂载到”旋转-时针“节点下
最终效果：
制作交互
变量
创建数字类型变量”时间“，设初始值为0
相关链接：
蓝图事件
创建事件”时钟“，用于计算秒针，分针，时针的旋转角度
首先让数字变量“时钟”，不停的自加（可自行调整增加的数值）
将这个不停变化值做为角度，赋给”旋转-秒针“节点，”秒针“是”旋转-秒针“的子节点，所以当”旋转-秒针“旋转时，子节点也会跟着一起旋转
现在让”分针“运动起来，分针的运动速度是秒针的1/60，将秒针的角度除以60
相关链接：
同理，时针的运动速度是秒针的1/720，将秒针的角度除以720
可以使用”序列“来让节点执行的先后顺序看起来更清晰
相关链接：
连接事件
将场景的”帧循环“事件，与蓝图事件“时钟”连接，让事件不断的被驱动
保存并预览您的项目吧
扫一扫
141
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
