EEPW论坛

点击查看案例

功能列表：

• 秒针转动

• 分针转动

• 时针转动

• 三个针的转动速率不同

本章知识点：

• 如何使用蓝图中的"序列"

• 如何使用蓝图中的"数学运算（/）"

• 如何让2D对象绕某点旋转

• 如何使用蓝图设置2D对象的“局部旋转”

上传UI素材，点我下载

相关链接：

导入/上传资源

相关链接：

场景属性-画布设置

设置背景图，使用资源："时钟”

最终效果：

创建3个2D空节点，分别为：“旋转-秒针”，“旋转-分针“，”旋转-时针“，用于之后控制秒针，分针，时针的旋转

将秒针图片，分针图片，时针图片添加到场景中，分别命名为：“秒针”，“分针”，“时针”

分别调整“秒针”，“分针“，”时针“的位置及尺寸

将”秒针“挂载到”旋转-秒针“节点下，将”分针“挂载到”旋转-分针“节点下，将”时针“挂载到”旋转-时针“节点下

最终效果：

创建数字类型变量”时间“，设初始值为0

相关链接：

蓝图-变量-数字

创建事件”时钟“，用于计算秒针，分针，时针的旋转角度

首先让数字变量“时钟”，不停的自加（可自行调整增加的数值）

将这个不停变化值做为角度，赋给”旋转-秒针“节点，”秒针“是”旋转-秒针“的子节点，所以当”旋转-秒针“旋转时，子节点也会跟着一起旋转

现在让”分针“运动起来，分针的运动速度是秒针的1/60，将秒针的角度除以60

相关链接：

蓝图-变量-数字-数学运算-相除

蓝图-2D变换节点

同理，时针的运动速度是秒针的1/720，将秒针的角度除以720

可以使用”序列“来让节点执行的先后顺序看起来更清晰

相关链接：

蓝图-节点-流程控制-序列

将场景的”帧循环“事件，与蓝图事件“时钟”连接，让事件不断的被驱动

保存并预览您的项目吧