噩梦系列篇之Player随鼠标转向控制

接下来player应该跟随鼠标的移动而确定方向了;

首先要确定环境所在层;现在的环境就是Ground。。。把他的layer设置为Ground。。。。。


接下里就是代码时刻,让我们coding起来;

只看控制转向的代码和有关layer层;

using UnityEngine;
using System.Collections;

public class playermove : MonoBehaviour {

    public  float speed = 3f;

    private Animator anim;
    private float h;

    private float v;

    private int groundlayer = -1;//层

	void Start () {

        anim = this.GetComponent<Animator>();

        groundlayer = LayerMask.GetMask("Ground");//设定层为射线所用
        
	}
	
	
	void FixedUpdate () {
        
        //控制移动
        float h = Input.GetAxis("Horizontal");
        float v = Input.GetAxis("Vertical");
       //transform.Translate(new Vector3(h,0,v)*speed*Time.deltaTime);//可以用,但是无碰撞、
        rigidbody.MovePosition(transform.position+new Vector3(h,0,v)*speed*Time.deltaTime);

        //控制动画
        if (h != 0 || v != 0)//每当X或者Z轴有了变化的时候就需播放动画
        {
            anim.SetBool("Move", true);

        }
        else
        {
        anim.SetBool("Move",false);
        }
       



        //控制转向
        Ray ray = Camera.main.ScreenPointToRay(Input.mousePosition);//获取鼠标位置

        RaycastHit hitinfo;

        if (Physics.Raycast(ray, out hitinfo, 20, groundlayer))//分别是射线,射线信息,射线距离,射线所在的层
        {
            Vector3 target = hitinfo.point;//射线位置点

            target.y = transform.position.y;//目标Y轴与主角一致

            transform.LookAt(target);//面向射线点
        }
            

	}

    
}

这样就完成了角色转向控制。。。

至此我们player的移动控制和转向控制都已经完成了。

运行效果:



Vue HTML自带的鼠标悬停方法有 @mouseover()和@mouseleave()。通过使用这两个方法,可以实现鼠标悬停在文字上时文字变色,鼠标离开悬停区域时文字复原颜色的效果。在HTML模板中,可以使用以下代码实现: ```html <div :style="avtivecolor" @mouseover="Mouseover()" @mouseleave="Mouseleave()">悬停区域文字</div> ``` 在data属性中,需要定义一个变量来保存悬停区域文字的原始颜色,代码如下: ```javascript data() { return { avtivecolor: "color:#b8b8b8", // 悬停区域文字原始颜色 } } ``` 然后,在methods属性中,定义两个方法来处理鼠标悬停和离开的事件,代码如下: ```javascript methods: { // 鼠标悬停触发此方法 Mouseover() { console.log("进入悬停区域"); this.avtivecolor = "color:#fede0e"; // 进入悬停区域,更改文字颜色 }, // 鼠标离开触发此方法 Mouseleave() { console.log("离开悬停区域"); this.avtivecolor = "color:#b8b8b8"; // 离开悬停区域,文字颜色复原 } } ``` 这样,当鼠标悬停在悬停区域文字上时,文字的颜色会变为"#fede0e",当鼠标离开悬停区域时,文字颜色会恢复为"#b8b8b8"。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue实现鼠标悬停,高亮显示指定内容](https://blog.csdn.net/weixin_43732080/article/details/106353895)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue 使用html自带title属性 鼠标悬浮展示内容 修改其样式](https://blog.csdn.net/m0_49515138/article/details/121701573)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [二开ChatGPT微信小程序源码 AI聊天微信小程序源码 适配H5和WEB端 支持AI聊天次数限制.rar](https://download.csdn.net/download/winkexin/88244216)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值