unity模型实现鼠标点击引导运动

朱雀 2023-05-21 07:30 2阅读 0赞

**一，鼠标引导模型运动：**

在模型的Inspector面板上，点击Add Component，添加导航组件Nav Mesh Agent组件：

![20200429084150841.png][]

设置Radius和Height两个参数，画出物体大概范围：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70][]

Project面板上创建脚本MouseClick，并拖到斑马模型的Inspector面板上：

using System.Collections;
    using System.Collections.Generic;
    using UnityEngine;
    using UnityEngine.AI;
    
    public class MouseClick : MonoBehaviour {
    
    
        public NavMeshAgent agent;//得到模型的NavMeshAgent
        public Animator anim;
    
    
        // Update is called once per frame
        void Update()
        {
            if (Input.GetMouseButtonDown(0))
            {
                Ray ray = Camera.main.ScreenPointToRay(Input.mousePosition);//把鼠标坐标转化为射线
                RaycastHit hit;//碰撞信息
                if (Physics.Raycast(ray, out hit))//如果发生碰撞
                {
                    agent.SetDestination(hit.point);//将鼠标点击位置，设置为agent的位置，也就是模型的位置
                }
            }
    
            anim.SetFloat("speed", agent.velocity.magnitude);
        }
    }

将Nav Mesh Agent拖拽到Mouse Click脚本的Agent处：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 1][]

Nav Mesh Agent的Angular Speed设置大一点，可以让物体移动更加灵活：

![20200429085812521.png][]

**二，控制视野——摄像机跟随：**

调整模型和摄像机的位置，在游戏Game画面上，显示合适的视野。

创建脚本，并托给摄像机：

using System.Collections;
    using System.Collections.Generic;
    using UnityEngine;
    
    public class FollowTarget : MonoBehaviour {
    
        public Transform hero; //跟随目标
        private Vector3 offset; //位置偏移量
    	// Use this for initialization
    	void Start () {
            offset = transform.position - hero.position;//设定的偏移量=当前位置-模型位置
    	}
    	
    	// Update is called once per frame
    	void Update () {
            transform.position = offset + hero.position;//设定的偏移量+模型位置
    	}
    }

将模型，拖拽到脚本这里：

![20200429091615430.png][]

**三，让模型动起来：**

在Project面板上，创建动画状态机Animator Controller，命名为BMController.

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 2][]

选中斑马模型，在Inspector面板上，将刚刚创建的BMController,拖过去：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 3][]

选中斑马模型，从window菜单栏找到Animator，并将需要的动画拖动到上面。

右击动画选中Make Transition，来建立联系：

![20200429095031804.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 4][]

我们通过速度来进行切换，从静止到慢走到快跑

创建speed：

![202004290951430.png][]

选中两个动画中的一条线：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 5][]

在Inspector面板上：

1：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 6][]

表示速度大于0时，切换到Trot，慢走动画。

2：

![20200429095609311.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 7][]

3：

![20200429095720405.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 8][]

4：

![20200429095816202.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 9][]

选中斑马模型，在Inspector面板上，将Animator拖到 如图所示位置：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 10][]

运行试试！

[20200429084150841.png]: /images/20230521/49008955b81c460781c1594cb98cb3e9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70]: /images/20230521/c9ebfd5f58c2467a9b81e1e414ac8c21.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 1]: /images/20230521/0ef360482b304a3b9ec4e97d636d035d.png
[20200429085812521.png]: /images/20230521/0826471a9c134c34974c049a0304b746.png
[20200429091615430.png]: /images/20230521/2526126959354fc3971a43c5f592b9b2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 2]: /images/20230521/ad0b678a25424cd3bd83d30c327332dd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 3]: /images/20230521/4d8a2e27fbea4fbbb7c077fbb7fa507a.png
[20200429095031804.png]: /images/20230521/f0559efb5b6e4259aec15ca6198ef628.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 4]: /images/20230521/6e5dc7195ff84b7397798a77b39d2191.png
[202004290951430.png]: /images/20230521/35f719662ae84bc3917a10b54ba0ad66.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 5]: /images/20230521/626e64576fdb4f27931a2bf3e5db46d0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 6]: /images/20230521/921d817e22a949eaaa1da3538124bdd1.png
[20200429095609311.png]: /images/20230521/604b6167185f4574abe60c4915948366.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 7]: /images/20230521/1952d6039f6a4f5ab4e2126ae4e6a642.png
[20200429095720405.png]: /images/20230521/d685085d9aed4e76aed3ddfd26c2f4f7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 8]: /images/20230521/5a65257ee1cb47b6a587d88113cc2c90.png
[20200429095816202.png]: /images/20230521/c7b0eeca07f34881b7ba3d81cda0aad8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 9]: /images/20230521/6a7be844480b435d8818c5afe3cd4fa5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NpZWxfWQ_size_16_color_FFFFFF_t_70 10]: /images/20230521/62758454959b47a8a49f8261e7cf4673.png