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方法则是普通常用较为安全的绕某方向旋转的函数,便于设置旋转速度等,可用于人物控制旋转、赛车游戏转向等等,本质为旋转

参考

posted @ 2019-07-07 19:44  SouthBegonia  阅读(1770)  评论(0编辑  收藏  举报