首页 > Unity3D频道 > 【Unity3D研究院之游戏开发】 > Unity3D研究院之鼠标控制角色移动与奔跑示例(二十四)
2012
05-11

Unity3D研究院之鼠标控制角色移动与奔跑示例(二十四)

最新补充。

         一般在做鼠标选择时是从摄像机向目标点发送一条射线,然后取得射线与对象相交的点来计算3D目标点。后来在开发中发现了一个问题(射线被别的对象挡住了),就是如果主角的前面有别的游戏对象挡着。此时如果使用射线的原理,鼠标选择被档的对象,这样主角就会向被当的对象的方向行走。为了解决这个问题,我放弃使用发送射线的方法,最后通过2D的方法完美的处理了这个问题。

   如下图所示,我们先把主角的3D坐标换算成屏幕中的2D坐标,当鼠标在屏幕中点击的时候取得一个目标点的2D坐标,根据这2个坐标换算出主角的2D向量。

Unity3D研究院之鼠标控制角色移动与奔跑示例(二十四) - 雨松MOMO程序研究院 - 1

然后我们在看看代码。

//将世界坐标换算成屏幕坐标

Vector3 vpos3 = Camera.main.WorldToScreenPoint(transform.position);

Vector2 vpos2 = new Vector2 (vpos3.x,vpos3.y);

 

//取得鼠标点击的屏幕坐标

Vector2 input = new Vector2 (Input.mousePosition.x,Input.mousePosition.y);

 

//取得主角到目标点的向量

Vector2 normalied = ((vpos2 – input)).normalized;

注意normalized是格式化向量,以为vpos2 – input是计算两个向量之间的距离,格式化后才是它们的方向。格式化后向量的取值范围在 -1 到 +1 之间。

 

//我们忽略Y轴的向量,把2D向量应用在3D向量中。

Vecotr3 targetDirection = new Vector3(normalied.x,0.0f,normalied.y) ;

 

//根据照相机的角度计算真实的方向

float y = Camera.main.transform.rotation.eulerAngles.y;

targetDirection = Quaternion.Euler(0f,y – 180,0f) * targetDirection;

摄像机的角度决定着主角移动的方向,y是摄像机当前角度,180是摄像机默认的角度,摄像机在旋转的时候y是会动态改变的,所以需要 y – 180 。用Quaternion.Euler()方法计算一个rotation ,然后乘以默认的向量targetDirection就是主角在3D中真实需要移动的方向。

 

//最后使用角色控制器移动主角就可以

Vector3 movement = targetDirection * moveSpeed + new Vector3 (0, verticalSpeed, 0) + inAirVelocity;

CharacterController controller = GetComponent<CharacterController>();

collisionFlags = controller.Move(movement);

 

不知道大家理解了没有?如果没有理解就在我的博客下面留言,我回即时的解答的、OK继续忙碌拉。

 

详细代码示例请看这篇文章. Unity3D研究院之处理摄像机跟随避免相机穿墙拉近的方法(四十四)

 

———————————————————–华丽的分割线—————————————-

 

       看到这个标题我相信大家应该并不陌生,一般在PC网络游戏中玩家通过鼠标左键在游戏世界中选择角色目标移动位置,接着主角将面朝点击的那个方向移动。首先就本文来说我们应当掌握的知识点是“鼠标拣选”。这是什么概念呢?其实很简单,就是玩家通过鼠标在Game视图中选择了一个点,需要得到该点在3D世界中的三维坐标系。Game视图是一个2D的平面,所以鼠标拣选的难点就是如何把一个2D坐标换算成3D坐标。我们可以使用射线的原理很好的解决这个问题,在平面中选择一个点后从摄像机向该点发射一条射线。判断:选择的这个点是否为地面,如果是地面拿到这个点的3D坐标即可。如下图所示,在场景视图中我们简单的制作了带坡度的地形,目标是用户点击带坡度或不带坡度的地形都可以顺利的到达目的地。

 

Unity3D研究院之鼠标控制角色移动与奔跑示例(二十四) - 雨松MOMO程序研究院 - 2

         
         本文依然使用角色控制器组件,不知道这个组件的朋友请看MOMO之前的文章。因为官方提供的脚本是JavaScript语言。MOMO比较喜欢C#所以放弃了在它的基础上修改,而针对本文的知识点重写编写脚本,这样也方便大家学习,毕竟官方提供的代码功能比较多,代码量也比较多。废话不多说了进入正题,首先在将模型资源载入工程,这里没有使用官方提供的包,而直接将模型资源拖拽入工程。如下图所示,直接将角色控制器包中的模型资源拖拽如层次视图当中。
Unity3D研究院之鼠标控制角色移动与奔跑示例(二十四) - 雨松MOMO程序研究院 - 3

在Project视图中鼠标右键选择Import  Package ->Script引入官方提供的脚本,这些脚本主要是应用于摄像机朝向的部分。首先在Hierarchy视图中选择摄像机组件,接着在导航栏菜单中选择Compont -> Camera-Control ->SmoothFollow脚本。实际意义是将跟随脚本绑定在摄像机之上,目的是主角移动后摄像机也能跟随主角一并移动。如下图所示,脚本绑定完毕后可在右侧监测面板视图中看到Smooth Follow脚本。Target 就是射向摄像机朝向的参照物,这里把主角对象挂了上去意思是摄像机永远跟随主角移动。
Unity3D研究院之鼠标控制角色移动与奔跑示例(二十四) - 雨松MOMO程序研究院 - 4
         
         由于官方提供的脚本并不是特别的好,摄像机永远照射在主角的后面,以至于控制主角向后回头时也无法看到主角的面部表情,所以MOMO简单的修改一下这条脚本,请注意一下我修改的地方即可。

 

SmootFollow.js

 

           
          OK ! 下面我们给主角模型添加角色控制器组件,请先把自带的控制摄像机与镜头的控制脚本删除。如下图所示主角对象身上挂着Character Controller(角色控制器组件)即可,Controller是我们自己写的脚本,用来控制主角移动。

 

Unity3D研究院之鼠标控制角色移动与奔跑示例(二十四) - 雨松MOMO程序研究院 - 5
  
        下面看一下Controller.cs完整的脚本,脚本中我们将主角共分成三个状态:站立状态、行走状态、奔跑状态。默认情况下主角处于站立状态,当鼠标选择一个目标时,主角将进入行走状态面朝目标方向行走。当连续按下鼠标左键时主角将进入奔跑状态朝向目标方向奔跑。

 


 
注解1:transform.LookAt()这个方法是设定主角对象的面朝方向,这里设定的方向是鼠标选择的目标点在游戏世界中点中的3D坐标。为了避免主角X与Z轴发生旋转(特殊情况)所以我们设定朝向的Y轴永远是主角自身的Y轴。

注解2:在这里判断主角当前位置是否到达目标位置,然后取得两点坐标差的绝对值。未到达目的继续向前行走或奔跑,达到目的主角进入站立状态等待下一次移动。
注解3:在选中目标点后主角并不是直接移动过去,应当是经过一段行走或奔跑的时间才移动过去。所以我们需要得知主角行走或奔跑下一步的坐标,那么通过Vertor3.ClampMagnitude()方法即可取得。参数1为两个坐标点之间的距离差,参数2表示行走或奔跑一步的距离,最后通过角色控制器组件提供的Move方法来移动主角。

 

Unity3D研究院之鼠标控制角色移动与奔跑示例(二十四) - 雨松MOMO程序研究院 - 6
MOMO祝大家学习愉快哇咔咔!如上图所示,MOMO双击鼠标在3D中选择了一个目标点,主角正在努力的向该点奔跑。
工程的下载地址如下:http://vdisk.weibo.com/s/abU_3
最后编辑:
作者:雨松MOMO
专注移动互联网,Unity3D游戏开发
捐 赠写博客不易,如果您想请我喝一杯星巴克的话?就进来看吧!

Unity3D研究院之鼠标控制角色移动与奔跑示例(二十四)》有 62 条评论

  1. 史歌 说:

    为什么不用raycastall来监测所有碰撞到的对象,然后把其中的地面读取出来,这样也不会受阻挡物影响,不会朝阻挡物移动,因为射线也会和阻挡物背后的地面碰撞,这样就能去到正确的地方

  2. 大猛日記 说:

    大神,有一个问题请教。在MainCamera发出的射线,进行碰撞检测选择物体的时候,如果是Image的话,获得不到碰撞事件,是Image不支持吗?有什么方法可以检测出射线碰撞到了Image呢?

  3. wjd 说:

    还有一点就是我需要动态加载地形 一次有可能加载四五块 500*500的 但是地形上有河流建筑等物体 所以导致加载很卡 有木有什么有效的方法解决这种卡顿呐。 雨松大大。

  4. wjd 说:

    如果说我想点击屏幕一个点 然后我的角色会向点击方向发射一个子弹 请问怎么实现 我套用了移动的代码 但是好像不对。 Vector3 vpos3 = Camera.main.WorldToScreenPoint(transform.position); Vector2 vpos2 = new Vector2(vpos3.x, vpos3.y); //取得鼠标点击的屏幕坐标 Vector2 input = new Vector2(Input.mousePosition.x, Input.mousePosition.y); Vector2 normalied = ((vpos2 – input)).normalized; Vector3 targetDirection = new Vector3(normalied.x, 0.0f, normalied.y); cube.GetComponent().velocity = targetDirection;cube就相当于子弹。

  5. 元子 说:

    今后每次写的东西能不能把unity版本写下来

  6. caiji 说:

    包倒不进去,momo?都是英文路径呀

  7. 5555 说:

    Vector3 movement = targetDirection * moveSpeed new Vector3 (0, verticalSpeed, 0) inAirVelocity;这句没理解.你直接告诉我计算出来的点的坐标

  8. 5555 说:

    Vector3 movement = targetDirection * moveSpeed + new Vector3 (0, verticalSpeed, 0) + inAirVelocity;这句没理解.你直接告诉我计算出来的点的坐标

  9. 一切都正常,就是如果点击高处建筑,人物就好在空中跑,这个怎么解决?

  10. 松哥,松哥,我用协程写移动的代码,为什么鼠标点的越快人物也移动的越快啊~void Update () {if(Input.GetMouseButtonDown(1)){_ray=_camera.ScreenPointToRay(Input.mousePosition);if(Physics.Raycast(_ray,out _hit)){if(_hit.collider.name==”Plane”){StartCoroutine(doMove());}}}}IEnumerator doMove(){ _endPoint=_hit.point;transform.LookAt (new Vector3 (_endPoint.x, transform.position.y, _endPoint.z));while(Vector3.Magnitude( _endPoint-_player.position)>0.5f){ _animator.Play(“Run”);_player.position =Vector3.ClampMagnitude(_endPoint-_player.position,0.1f);yield return null;}yield return 0;}

  11. 松哥,松哥,我用协程写移动的代码,为什么鼠标点的越快人物也移动的越快啊~ void Update () { if(Input.GetMouseButtonDown(1)) { _ray=_camera.ScreenPointToRay(Input.mousePosition); if(Physics.Raycast(_ray,out _hit)) { if(_hit.collider.name==”Plane”) { StartCoroutine(doMove()); } } } } IEnumerator doMove() { _endPoint=_hit.point; transform.LookAt (new Vector3 (_endPoint.x, transform.position.y, _endPoint.z)); while(Vector3.Magnitude( _endPoint-_player.position)>0.5f) { _animator.Play(“Run”); _player.position+=Vector3.ClampMagnitude(_endPoint-_player.position,0.1f); yield return null; } yield return 0; }

  12. 张艳磊 说:

    为啥角色移动,但是走路的动画就不播放呢?奇了怪了

  13. 徐天豪 说:

    雨松老师,package 无法解压 能不能发一个可以解压的呢?

  14. 大苞米 说:

    下载后倒入不了Error while importing package: Couldn’t decompress package

  15. 潴小哒 说:

    雨松老师,请教您一个问题:我在示例中加入鼠标右键旋转视角的功能:(加入,修改js -MouseLook )结果:没有实现正确的效果。然后我把摄像机跟随移除,就可以了。能告诉我是什么原因吗?麻烦了,谢谢~

  16. 特别提醒下各位,如果你是直接复制代码的,一定要记得把文件编码方式改为utf8,否则就会出现很多错误,因为momo老师在里面写了很多注释,一定要记得,我在这个问题上花了好长时间!

  17. TenKiN 说:

    楼主能否更正下错误代码呢?

  18. 魂逆漫 说:

    为什么下载之后打不开啊?下载的package无论是win下面还是mac下面都无法解压,郁闷啊

留下一个回复

你的email不会被公开。