【转】UGUI实现unity摇杆

http://blog.csdn.net/onafioo/article/details/46403801

http://www.winig.cc/archives/348

好久没有写文章了,最近在做项目是用的unity最新的ui系统UGUI,项目需要做一个摇杆,网上大部分都是用的插件和NGUI做的摇杆,unity自带的摇杆也不怎么好用,而最新的unity4.6.x来了,加入了最新的UI系统“UGUI”,那我们怎么用UGUI来制作摇杆呢~大神勿喷,本人是技术渣渣。

比较出色的摇杆插件《Easy Touch》(很强大)

还是主要讲讲我们自己怎么做。

  1. 首先在unity场景里面新建一个空物体和两个Image,把空物体放在创建Image自动生成的Canvas里面,再把两个Image放在空物体里

    Image建立方式:GameObject->UI->Image   或者直接在“Hierarchy”右键然后UI->Image,看喜好。

    空物体和两个Image的命名看个人喜好。

    威恩的节点是这样的:

    节点中的joystack是刚刚建立的空节点。

    Backgound是摇杆的背景。

    JoystackControl是真实的可以拖动的摇杆。

  2. 把Backgound和JoystackControl的SourceImage替换成自己喜欢的图片,并且把JoystackControl的图片缩小点,这里我就用系统自带的图片了,威恩这两个节点的inspector如下(我修改过得地方用红框标注了,其他都没改):

    最终样子如下:

  3. 那么样子有了就需要让他动起来,需要三个类“EventTriggerListener”、“JoystackCc”、“PlayerMoveControl”。

    EventTriggerListener:在NGUI开发的时候处理事件都会用到UIEventListener,我们已经用的习惯的不得了,而UGUI则不是这种机制,

    并且我觉得这种是最合理的方式,所以自己写一套类似的。

    只是一个帮助类,不需要挂在任何的游戏对象上。

    JoystackCc:这是主要来控制摇杆的。

    挂在JoystackControl节点上

    PlayerMoveControl:这是主要来通过摇杆来控制角色的。

    挂在你想控制的物体上

    直接上代码,写了注释,就不哔哔了。

    EventTriggerListener.cs

  4. [csharp] view plain copy

    1. using UnityEngine;
    2. using System.Collections;
    3. using UnityEngine.EventSystems;
    4. using System.Collections.Generic;
    5. /// <summary>
    6. /// UGUI事件监听类
    7. /// </summary>
    8. public class EventTriggerListener : UnityEngine.EventSystems.EventTrigger{
    9. publicdelegate void VoidDelegate (GameObject go);
    10. publicdelegate void VectorDelegate(GameObject go, Vector2 delta);
    11. publicVoidDelegate onClick;
    12. publicVoidDelegate onDown;
    13. publicVoidDelegate onEnter;
    14. publicVoidDelegate onExit;
    15. publicVoidDelegate onUp;
    16. publicVoidDelegate onSelect;
    17. publicVoidDelegate onUpdateSelect;
    18. publicVectorDelegate onDrag;
    19. publicVoidDelegate onDragOut;
    20. staticpublic EventTriggerListener Get (GameObject go)
    21. {
    22. if(go==null){
    23. Debug.LogError("EventTriggerListener_go_is_NULL");
    24. return null;
    25. }
    26. else{
    27. EventTriggerListener listener = go.GetComponent<EventTriggerListener>();
    28. if (listener == null) listener = go.AddComponent<EventTriggerListener>();
    29. return listener;
    30. }
    31. }
    32. publicoverride void OnDrag(PointerEventData eventData)
    33. {
    34. if(onDrag != null) onDrag(gameObject, eventData.delta);
    35. }
    36. publicoverride void OnEndDrag(PointerEventData eventData)
    37. {
    38. if(onDragOut != null) onDragOut(gameObject);
    39. }
    40. publicoverride void OnPointerClick(PointerEventData eventData)
    41. {
    42. if(onClick !=null)  onClick(gameObject);
    43. }
    44. publicoverride void OnPointerDown (PointerEventData eventData){
    45. if(onDown !=null) onDown(gameObject);
    46. }
    47. publicoverride void OnPointerEnter (PointerEventData eventData){
    48. if(onEnter !=null) onEnter(gameObject);
    49. }
    50. publicoverride void OnPointerExit (PointerEventData eventData){
    51. if(onExit !=null) onExit(gameObject);
    52. }
    53. publicoverride void OnPointerUp (PointerEventData eventData){
    54. if(onUp !=null) onUp(gameObject);
    55. }
    56. publicoverride void OnSelect (BaseEventData eventData){
    57. if(onSelect !=null) onSelect(gameObject);
    58. }
    59. publicoverride void OnUpdateSelected (BaseEventData eventData){
    60. if(onUpdateSelect !=null) onUpdateSelect(gameObject);
    61. }
    62. }

     

     

  5. JoystackCc.cs

  6. [csharp] view plain copy

    1. using UnityEngine;
    2. using System.Collections;
    3. public class JoystackCc : MonoBehaviour {
    4. privateVector3 Origin;
    5. Transform mTrans;
    6. privateVector3 _deltaPos;
    7. privatebool _drag = false;
    8. privateVector3 deltaPosition;
    9. floatdis;
    10. [SerializeField]
    11. privatefloat MoveMaxDistance = 80;            //最大拖动距离
    12. [HideInInspector]
    13. publicVector3 FiexdMovePosiNorm; //固定8个角度移动的距离
    14. [HideInInspector]
    15. publicVector3 MovePosiNorm;  //标准化移动的距离
    16. [SerializeField]
    17. privatefloat ActiveMoveDistance = 1;              //激活移动的最低距离
    18. voidAwake()
    19. {
    20. EventTriggerListener.Get(gameObject).onDrag = OnDrag;
    21. EventTriggerListener.Get(gameObject).onDragOut = OnDragOut;
    22. EventTriggerListener.Get(gameObject).onDown = OnMoveStart;
    23. }
    24. // Use this for initialization
    25. voidStart () {
    26. Origin = transform.localPosition;//设置原点
    27. mTrans = transform;
    28. }
    29. // Update is called once per frame
    30. voidUpdate()
    31. {
    32. dis = Vector3.Distance(transform.localPosition, Origin);//拖动距离,这不是最大的拖动距离,是根据触摸位置算出来的
    33. if(dis >= MoveMaxDistance)       //如果大于可拖动的最大距离
    34. {
    35. Vector3 vec = Origin + (transform.localPosition - Origin) * MoveMaxDistance / dis;  //求圆上的一点:(目标点-原点) * 半径/原点到目标点的距离
    36. transform.localPosition = vec;
    37. }
    38. if(Vector3.Distance(transform.localPosition, Origin) > ActiveMoveDistance) //距离大于激活移动的距离
    39. {
    40. MovePosiNorm = (transform.localPosition - Origin).normalized;
    41. MovePosiNorm = new Vector3(MovePosiNorm.x, 0, MovePosiNorm.y);
    42. }
    43. else
    44. MovePosiNorm = Vector3.zero;
    45. }
    46. voidMiouseDown()
    47. {
    48. if((Input.touchCount > 0 && Input.GetTouch(0).phase == TouchPhase.Moved))
    49. {
    50. }
    51. else
    52. mTrans.localPosition = Origin;
    53. }
    54. Vector3 result;
    55. privateVector3 _checkPosition(Vector3 movePos, Vector3 _offsetPos)
    56. {
    57. result = movePos + _offsetPos;
    58. returnresult;
    59. }
    60. voidOnDrag(GameObject go, Vector2 delta)
    61. {
    62. if(!_drag)
    63. {
    64. _drag = true;
    65. }
    66. _deltaPos = delta;
    67. mTrans.localPosition +=new Vector3(_deltaPos.x, _deltaPos.y, 0);
    68. }
    69. voidOnDragOut(GameObject go)
    70. {
    71. _drag =false;
    72. mTrans.localPosition = Origin;
    73. if(PlayerMoveControl.moveEnd != null) PlayerMoveControl.moveEnd();
    74. }
    75. voidOnMoveStart(GameObject go)
    76. {
    77. if(PlayerMoveControl.moveStart != null) PlayerMoveControl.moveStart();
    78. }
    79. }

  7.  

    PlayerMoveControl.cs

  8. [csharp] view plain copy

    1. using UnityEngine;
    2. using System.Collections;
    3. public class PlayerMoveControl : MonoBehaviour {
    4. privateTransform _mTransform;
    5. publicJoystackCc _mJoystackCc;
    6. publicfloat moveSpeed = 50;
    7. publicdelegate void MoveDelegate();
    8. publicstatic MoveDelegate moveEnd;
    9. publicstatic MoveDelegate moveStart;
    10. publicstatic PlayerMoveControl Instance;
    11. // Use this for initialization
    12. voidAwake()
    13. {
    14. Instance =this;
    15. _mTransform = transform;
    16. moveEnd = OnMoveEnd;
    17. moveStart = OnMoveStart;
    18. }
    19. voidStart () {
    20. }
    21. voidOnMoveEnd()
    22. {
    23. _turnBase =false;
    24. }
    25. voidOnMoveStart()
    26. {
    27. _turnBase =true;
    28. }
    29. // Update is called once per frame
    30. privatefloat angle;
    31. privatebool _turnBase = false;
    32. voidUpdate()
    33. {
    34. if(_turnBase)
    35. {
    36. Vector3 vecMove = _mJoystackCc.MovePosiNorm*Time.deltaTime*moveSpeed/10;
    37. _mTransform.localPosition+=vecMove;
    38. angle = Mathf.Atan2 (_mJoystackCc.MovePosiNorm.x, _mJoystackCc.MovePosiNorm.z) * Mathf.Rad2Deg - 10;
    39. _mTransform.localRotation = Quaternion.Euler(Vector3.up*angle);
    40. }
    41. }
    42. }

     

    建好这三个类之后,把他们绑定到相应的节点上。都挂在哪,代码上面有写

  9. 测试一下,威恩新建了一个cube来作为测试对象,加了个plane作为“伪”地面,太黑了再打个灯….

    下面是测试效果:

如果有任何问题直接留言~尽自己所能帮忙解决~

时间: 2024-10-13 01:01:54

【转】UGUI实现unity摇杆的相关文章

Unity用UGUI做虚拟摇杆

一.首先点击UI创建两个Image,将Image的Source Image改成自己想要的Texture即可,然后在Canvas下创建一空物体,将两个Image放在空物体下作为他的子对象: 然后为可以拖动的Image编写脚本,脚本如下:(有注释,就不多说了) using UnityEngine; using System.Collections; using UnityEngine.UI; using UnityEngine.EventSystems; public class JoyStick 

时光煮雨 Unity3D让物体动起来③—UGUI DoTween&amp;Unity Native2D实现

本文首发蛮牛,次发博客园.接系列 第一篇,第二篇,本文为第三篇,再次感谢“武装三藏”在前两篇无私且精彩的问题解答 写在最前,时光煮雨,为了怀念 以下引用曾今读过的一些教程文章 其实这3种动画都有它特定的使用场合. 第一种动画适合创建简单的对象位移及直接性质的属性更改(在后面的教程中,我还将更深入的挖掘Storyboard动画的潜力,动态创建更复杂的基于KeyFrame的关键帧动画). 第二种动画适合全局属性的时时更改,例如我们后面要讲到的敌人或NPC以及地图等全体性的相对位移及属性更改时就要用到

unity 3D之ugui Scroll Rect拖拽消息冲突问题

如题. ugui的诞生很大程度的改变了NGUI一手遮天的现状.但是Ugui也由于与Ngui有极大的相似之处被人认为是Ngui的私生子.Ugui是unity亲生的UI系统,在各个地方都有照顾,所以也被越来越多的人认识.越来越多的游戏.应用也逐渐采用ugui去开发.但ugui始终没有Ngui的浑厚,很多功能也亟待改善. 1.Ugui界面开发之Scroll Rect 拖拽是游戏中需要显示较多物体的主要方式,表现在界面上就需要用到诸如Scroll Rect等方式. 2.创建一个Scroll Rect U

Unity 4.6的使用匿名delegate处理uGUI控件事件绑定

最近在尝试Unity 4.6新版的uGUI.Unity很多操作是要在Inspector中指定,这种方式十分容易上手,甚至一些策划.美术同学也可以做一些东西,很不错.但是有些情况对于程序来说就不适合了.例如,我有10个技能按钮,当点击到某个按钮时触发其对应的技能.如果每个按钮都手动绑定到某个函数,是不是很麻烦?另外,绑定的这个函数还是没有参数的,难道要写10个函数处理同一个逻辑吗?瞬间觉得十分蛋疼,有没有? 针对这种情况,给出一个解法,假设我们已经编辑好了n个Button对象: public cl

Unity基于响应式编程(Reactive programming)入门

系列目录 [Unity3D基础]让物体动起来①--基于UGUI的鼠标点击移动 [Unity3D基础]让物体动起来②--UGUI鼠标点击逐帧移动 时光煮雨 Unity3D让物体动起来③—UGUI DoTween&Unity Native2D实现 时光煮雨 Unity3D实现2D人物动画① UGUI&Native2D序列帧动画 时光煮雨 Unity3D实现2D人物动画② Unity2D 动画系统&资源效率 背景 前有慕容小匹夫的一篇<解构C#游戏框架uFrame兼谈游戏架构设计&

如何快速优化手游性能问题?从UGUI优化说起

WeTest 导读 本文作者从自身多年的Unity项目UI开发及优化的经验出发,从UGUI,CPU,GPU以及unity特有资源等几个维度,介绍了unity手游性能优化的一些方法. 在之前的文章<手游内存占用过高?如何快速定位手游内存问题>中提到,Mono内存和native内存是PSS内存主要的组成部分,mono内存更多的起到内存调用的功能,因此常常成为了开发人员优化内存的起点:而在游戏的其他的进程中,同样有很多因素影响着游戏的性能表现.本文将从UGUI的优化角度,介绍unity游戏性能优化的

UGUI RectTransform详解

UGUI RectTransform.Unity RectTransform详解 The first:look look API. http://docs.unity3d.com/ScriptReference/RectTransform.html 在新的UI系统中,无论Button,Text,Image,Toggle等组件,都是基于RectTransform进行布局的. 你可以不知Button为何物,不知Text为何物,不知Image为何物,但是一定要知道RectTransform. 自Uni

用uGUI开发自定义Toggle Slider控件

一.前言 写完<Unity4.6新UI系统初探>后,我模仿手机上的UI分别用uGui和NGUI做了一个仅用作演示的ToggleSlider,我认为这个小小的控件已能体现自定义控件的开发过程.由于手头上没有mac版,暂时未能真机测试,PC上的效果如下: 二.制作过程 完整工程托管于github,分为uGui和NGUI两个project.考虑到版权问题,工程里不含NGUI,同学们需自行将NGUI导进工程.NGUI需要Unity 4.5,uGui需要Unity 4.6. 三.功能点 滑块可以拖动,从

UGUI全面实践教程

试读文档下载地址:http://pan.baidu.com/s/1hq3UYGk 介绍:UGUI是Unity官方推出的最新UI系统.本教程为国内唯一的UGUI专向资料.本教程全面讲解UGUI的各项内容,如交互控件.自动布局.特效.Canvas.事件触发等. 目  录 第1章  新UI系统概述 1 1.1  优点 1 1.1.1  创建速度快 1 1.1.2  直观.易于使用 2 1.1.3  效率高效果好 3 1.2  开源 3 1.2.1  开源授权协议--MIT/X11 3 1.2.2  源