Unity项目 - 简单时钟 Clock

项目展示

Github项目地址：简单时钟 Clock

制作流程

表盘绘制：

采用Aseprite 像素绘图软件绘制表盘及指针。本例钟表素材大小 256x256，存储格式为png，但发现导入Unity后较为失真，建议256+像素或调整Unity内相关参数。

代码配置：

设置表盘、指针到合适位置，创建Clock.cs脚本挂载于表盘，编写代码：

public class Clock : MonoBehaviour
{
    //接收三个指针
    public GameObject hourHand;
    public GameObject minuteHand;
    public GameObject secondHand;
 
    //小时、分钟、秒钟
    private int h;
    private int m;
    private int s;
 
    void Update()
    {
        //读取本地时间
        GetNowTime();
 
        //更新针轴旋转：
        //Quaternion.AngleAxis(angle : float, axis : Vector3)：绕 axis轴旋转 angle角度，创建一个旋转
        //其中绕 axis轴方向：左手拇指指向axis方向，四指所环绕的方向(类似左手螺旋定则)
        hourHand.transform.rotation = Quaternion.AngleAxis((30 * h + 0.5f * m + (30.0f / 3600.0f) * s), Vector3.back);
        minuteHand.transform.rotation = Quaternion.AngleAxis((6 * m + 0.1f * s), Vector3.back);
        secondHand.transform.rotation = Quaternion.AngleAxis((6 * s), Vector3.back);
    }
 
    //读取本地时间信息
    private void GetNowTime()
    {
        //例如本地时间为 10:23:12
        h = DateTime.Now.Hour;        //h = 10
        m = DateTime.Now.Minute;    //m = 23
        s = DateTime.Now.Second;    //s = 12
    }
}

问题探讨

• Quaternion.AngleAxis (angle : float, axis : Vector3)：以自身原点为基点，创建返回一个绕axis轴旋转了angle角度旋转的四元数
• transform.Rotate(eulerAngles : Vector3)：以自身原点为基点，应用一个欧拉角的旋转角度，eulerAngles.z度围绕z轴，eulerAngles.x度围绕x轴，eulerAngles.y度围绕y轴。常用于物体简单旋转

Unity中，Transform.rotation是四元数(Quaternion)，但Unity以欧拉角(Vector3)的形式表示。因此，当我们打算像position赋值那样给rotation直接赋值时，需要赋予Quaternion类型的值(例如rotation.eulerAngles = new Vector3(90, 0, 0);)。本例采用的AngleAxis方法就是如此，其创建返回了一个新的已经旋转到目标角度的四元数，我们用物体的rotation接收这个新的四元数即可实现钟表旋转，本质为修改rotation。而Rotation方法则是普通常用较为安全的绕某方向旋转的函数，便于设置旋转速度等，可用于人物控制旋转、赛车游戏转向等等，本质为旋转

参考

• Unity基础篇：四元数（Quaternion）和欧拉角（Eulerangle）讨论
• Aseprite教程