[unity for android]第三人称视角研究-低调大师

[unity for android]第三人称视角研究

2017-11-06 613

本次学习：

1.第三人称视角研究

2.摇杆区域制作

3.视角限制设计

4.简单的战斗部分

1.第三人称视角研究

第三人称视角是什么大家玩玩游戏就懂了-0- 羽化不是专业制作人，只是一个玩家，下面是羽化玩家身份的总结出来的一些经验，很多词汇非专业，见谅。。。

1.人物移动玩过魔兽世界的玩家可能都知道W A S D可以控制人物往8个方向移动，但人的面向不会改变，意味着有左移右移和后退等动作，羽化认为这样设计比较有真实感，而且效果很好，但有些游戏比如神鬼寓言就有所改变，W A S D不仅可以控制移动方向，而且还能改变人的面向，这种设计更加灵活，适合ACT，不适合ARPG，所以羽化这是做的一个ARPG，使用的是魔兽世界的移动标准，摇杆第一次点进区域就可自由移动，原来羽化就是这么想的，看到混乱与秩序的摇杆后觉得更加合理，所以就借鉴了下。

2.视角移动 ARPG也有很多种视角，有斜45°类似火炬之光这种，也有魔兽世界一样360°的，羽化原来做过斜45°的Demo，固定视角可以解决很多问题，但也伴随着更棘手的问题，既然公司要求，所以就做了这个360°的视角转换，包括手势放大缩小。视角改变很容易，但当视角更改以后问题出现了，玩过魔兽世界包括众多自由视角游戏的玩家都知道视角虽然可以随便移动，但存在着很多约束，比如你向上滑动时，视角不可能穿过地面而到地下，一定会沿着人的方向放大，这是前人给我们的经验，比如有一个物体挡在人物和玩家中间时，视角应该拉近，这样就不会产生视觉死角，诸如此类的情况很多，就运用到了射线Ray，进入我们今天的主题。

大家可以看到，羽化这个Demo用的东西也不多，这是前期的一个Demo，还不算完整，如果有机会给大家分享下羽化现在的Demo。

2.摇杆区域制作

触摸屏发展至今，羽化见过最好大的移动摇杆莫过于“混乱与秩序”的移动摇杆了，本身摇杆制作并不困难，主要是学习下这种为玩家带来方便的思维模式，先把代码送上：

Rocker.js：

[javascript]view plaincopyprint?
//移动速度  
var Speed : float = 0.05;  
//视角转动速度  
var Speed_L : float = 0.1;  
//角色  
var Role : Transform;  
//人称视角  
var Player_true : Transform;  
//攻击预设  
var AttackPrafab : Transform;  
//攻击方向  
var AttackRange : Transform;  
  
//第一点按下的初始点  
private var PO_X : int = 0;  
private var PO_Y : int = 0;  
//第二点按下的初始点  
private var PT_X : int = 0;  
private var PT_Y : int = 0;  
//判断人是否移动  
static var PR_M : boolean = false;  
//触摸点的记录  
private var PM_X : int = 0;  
private var PM_Y : int = 0;  
//第二点按下的初始点  
private var PS_X : int = 0;  
private var PS_Y : int = 0;  
//触摸点与中心点的距离  
private var M_X : int = 0;  
private var M_Y : int = 0;  
//中心的坐标   
private var PC_X : int = 0;  
private var PC_Y : int = 0;  
//旋转变量  
private var touchDeltaPosition : Vector2;  
//两点静态和动态距离  
private var Distance : int = 0;  
private var Distance_D : int = 0;   
//记录摄像机距离  
static var Camera_Record : float = -2.0;  
//两点的角度  
static var Angles : int = 0;  
//战斗焦点  
static var Focus : boolean = false;  
//打击点  
private var hit : RaycastHit;  
//敌人方位  
private var Enemie : Vector3;  
//攻击模式范围  
private var Range : float = 6.0;  
//记录时间  
private var CreationTime : double = -10.0;  
//处于攻击动作  
private var Attacking : boolean = false;  
//Test  
static var Test = 0.0;  
  
function Update()  
{  
//记录游戏时间  
    //Test = Time.time;  
//战斗状态  
    if(Focus)  
    {  
        if(Vector3.Distance(transform.position,Enemie) > Range)  
        {  
            Focus = false;  
            Camera.main.depth = -1;  
            return;  
        }  
        Camera.main.depth = -3;  
        transform.LookAt(Enemie);  
        Player_true.transform.LookAt(Enemie);  
    }  
//攻击预设  
    if(Time.time > (CreationTime + 0.5) && Role.animation.IsPlaying("Attack") && Attacking)  
    {  
        Instantiate(AttackPrafab, AttackRange.transform.position,Quaternion.identity);  
        Attacking = false;  
    }  
//单点触摸时  
    if (Input.touchCount == 1)  
    {  
        Player_Move();  
        Attack();  
        //退出  
        if(Input.GetTouch(0).position.y > Screen.height - 50 && Input.GetTouch(0).position.x > Screen.width - 50)  
        {  
            Application.Quit();  
        }  
    }  
//多点触摸时  
    else if (Input.touchCount == 2)  
    {  
        Player_Move();  
        Player_Look();  
        Attack();  
    }  
}  
  
//角色移动和静态视角  
function Player_Move()  
{  
    switch(Input.GetTouch(0).phase)  
    {  
        case TouchPhase.Began:        
            PO_X = Input.GetTouch(0).position.x;  
            PO_Y = Input.GetTouch(0).position.y;  
            PC_X = PO_X;  
            PC_Y = PO_Y;  
              
            var ray = Camera.main.ScreenPointToRay (Input.GetTouch(0).position);  
            if (Physics.Raycast (ray, hit))   
            {  
                if(hit.collider.gameObject.tag == "Enemies")  
                {  
                    Focus = true;     
                    Enemie = hit.transform.position;  
                }  
                else if((PO_X > 200 || PO_Y > 200) && (PO_X < Screen.width - 100 || PO_Y > 100))  
                {  
                    Focus = false;    
                    Camera.main.depth = -1;  
                }  
            }  
            break;  
        case TouchPhase.Moved:  
            PM_X = Input.GetTouch(0).position.x;  
            PM_Y = Input.GetTouch(0).position.y;  
            if(PO_X < 200 && PO_Y < 200 && PO_X > 0 && PO_Y > 0)  
            {  
                PR_M = true;  
            }  
            else if(Input.touchCount == 1)  
            {  
                touchDeltaPosition = Input.GetTouch(0).deltaPosition;  
                //视角限制  
                if(Player_true.transform.localEulerAngles.x <= 60 || Player_true.transform.localEulerAngles.x >= 310)  
                {  
                    Player_true.transform.Rotate(Vector3(touchDeltaPosition.y,touchDeltaPosition.x,0) * Time.deltaTime * 100 * Speed_L, Space.World);  
                }  
                else if(Player_true.transform.localEulerAngles.x < 310 && Player_true.transform.localEulerAngles.x > 200)  
                {  
                    Player_true.transform.localEulerAngles.x = 311;  
                }  
                else if(Player_true.transform.localEulerAngles.x > 60 && Player_true.transform.localEulerAngles.x < 200)  
                {  
                    Player_true.transform.localEulerAngles.x = 59;  
                }  
                Player_true.transform.localEulerAngles.z = 0;  
            }  
            break;  
        case TouchPhase.Ended:  
            PO_X = 0;  
            PO_Y = 0;  
            PM_X = 0;  
            PM_Y = 0;  
            PC_X = 0;  
            PC_Y = 0;  
            PR_M = false;  
            Role.animation.Stop("Run");  
            Role.animation.Stop("Back");  
            Role.animation.Stop("Right");  
            Role.animation.Stop("Left");  
            Role.animation.PlayQueued("Wait", QueueMode.CompleteOthers);  
            break;  
    }  
  
    if(PR_M)  
    {  
        M_X = PM_X - PC_X;  
        M_Y = PM_Y - PC_Y;  
        //求距离  
        Distance = Mathf.Sqrt((M_X * M_X) + (M_Y * M_Y));  
        //求角度  
        Angles = Mathf.Atan2(M_X, M_Y)* Mathf.Rad2Deg;  
          
        if(Distance >= 50)  
        {  
            PC_X = PC_X*15/16 + PM_X/16;  
            PC_Y = PC_Y*15/16 + PM_Y/16;  
        }  
          
        //最大速度限制  
        if(M_X > 40)  
        {  
            M_X = 40;  
        }  
        else if(M_X < -40)  
        {  
            M_X = -40;  
        }  
        if(M_Y > 50)  
        {  
            M_Y = 50;  
        }  
        else if(M_Y < -30)  
        {  
            M_Y = -30;  
        }  
          
        //移动判断和优化  
        if(Angles>=-45 && Angles <=45)  
        {  
            Role.animation.CrossFade("Run");  
            if(Angles>=-20 && Angles <=20)  
            {  
                M_X = 0;  
            }  
        }  
        else if(Angles>=135 || Angles <=-135)  
        {  
            Role.animation.CrossFade("Back");  
            if(Angles <=-160 || Angles>=160)  
            {  
                M_X = 0;  
            }  
        }  
        else if(Angles > 45 && Angles < 135)  
        {  
            Role.animation.CrossFade("Right");  
            if(Angles>=70 && Angles <=110)  
            {  
                M_Y = 0;  
            }  
        }  
        else if(Angles > -135 && Angles < -45)  
        {  
            Role.animation.CrossFade("Left");  
            if(Angles>=-110 && Angles <=-70)  
            {  
                M_Y = 0;  
            }  
        }  
          
          
        //转身  
        transform.localRotation = Quaternion.Euler(0, Player_true.transform.localEulerAngles.y, 0);  
        //var target = Quaternion.Euler (0, Player_true.transform.localEulerAngles.y, 0);  
        //transform.rotation = Quaternion.Slerp(transform.rotation, target, Time.deltaTime * 2);  
          
        //移动  
        transform.Translate(M_X * Time.deltaTime * Speed,0, M_Y * Time.deltaTime *Speed);  
    }  
}  
  
//游戏移动视角  
function Player_Look()  
{  
    switch(Input.GetTouch(1).phase)  
    {  
        case TouchPhase.Began:   
            PT_X = Input.GetTouch(1).position.x;  
            PT_Y = Input.GetTouch(1).position.y;  
            M_X = PO_X - PT_X;  
            M_Y = PO_Y - PT_Y;  
            Distance = Mathf.Sqrt((M_X * M_X) + (M_Y * M_Y));  
            break;  
        case TouchPhase.Moved:  
            PS_X = Input.GetTouch(1).position.x;  
            PS_Y = Input.GetTouch(1).position.y;  
            if(PR_M && !Focus)  
            {  
                touchDeltaPosition = Input.GetTouch(1).deltaPosition;  
                Player_true.transform.Rotate(Vector3(0,touchDeltaPosition.x,0) * Time.deltaTime * 160 * Speed_L, Space.World);  
                Player_true.transform.Rotate(Vector3(touchDeltaPosition.y,0,0) * Time.deltaTime * 90 * Speed_L, Space.World);  
                Player_true.transform.localEulerAngles.z = 0;  
            }  
            else if((PO_X > 200 || PO_Y > 200) && (PT_X > 200 || PT_Y > 200))  
            {  
                M_X = PS_X - PM_X;  
                M_Y = PS_Y - PM_Y;  
                Distance_D = Mathf.Sqrt((M_X * M_X) + (M_Y * M_Y));  
                if(Distance - Distance_D > 20 && Camera.main.transform.localPosition.z <= 0)  
                {  
                    Camera.main.transform.localPosition.z += 0.1;  
                    Camera_Record = Camera.main.transform.localPosition.z;  
                    Distance = Distance_D;  
                }  
                else if(Distance - Distance_D < -20 && Camera.main.transform.localPosition.z >= -4)  
                {  
                    Camera.main.transform.localPosition.z -= 0.1;  
                    Camera_Record = Camera.main.transform.localPosition.z;  
                    Distance = Distance_D;  
                }  
            }  
            break;  
        case TouchPhase.Ended:  
            PT_X = 0;  
            PT_Y = 0;  
            PS_X = 0;  
            PS_Y = 0;  
            Distance = 0;  
            Distance_D = 0;  
            break;  
    }  
}  
  
//攻击判断  
function Attack()  
{  
    //普通攻击  
    if(Input.GetTouch(0).position.y < 100 && Input.GetTouch(0).position.x > Screen.width - 100 && !(Role.animation.IsPlaying("Attack")))  
    {  
        Role.animation.Play("Attack");  
        Role.animation.CrossFadeQueued("Wait", 0.3,QueueMode.CompleteOthers);  
        CreationTime = Time.time;  
        Attacking = true;  
    }  
    //移动攻击  
    else if(PR_M && Input.GetTouch(1).position.y < 100 && Input.GetTouch(1).position.x > Screen.width - 100 && !(Role.animation.IsPlaying("Attack")))  
    {  
        PR_M = false;  
        Role.animation.CrossFadeQueued("Attack", 0.3, QueueMode.PlayNow);  
        Role.animation.CrossFadeQueued("Wait", 0.3, QueueMode.CompleteOthers);  
        CreationTime = Time.time;  
        Attacking = true;  
    }  
}  
  
function OnGUI ()   
{  
    GUI.Box (Rect(0,Screen.height - 200,200,200), "Rocker");  
    GUI.Box (Rect(Screen.width - 50,0,50,50), "Quit");  
    GUI.Box (Rect(Screen.width - 100,Screen.height - 100,100,100), "Attack");  
}  

啊，好长，其实也不多，就300行+，上面有羽化的一些注释，大家可以看看这个脚本，Rocker是绑在Player上的，大家可以从上一张图看到，羽化见了两个Player，一个叫Player_True的物体其实是一个空物体里面放置了一些基本东西包括光和摄像机，旋转视角的时候就是旋转的Player_True，其中的好处只有用过的人才能了解吧～　～。羽化使用了预设制作攻击，这是个权益之计，以后说不定会改，这里最多判断了两个点的触控情况，羽化是分别判断的，这是吸取了前一个游戏的经验，这样不会乱，因为移动，攻击，转视角全部如果写在一个判断里面会造成很多冲突，羽化深有体会。

3.视角限制设计

前面部分羽化用不了半天就完成了，后面的视角限制花了将近２天时间，当然个人能力有限也是原因吧。这是我这次博客的重头，如何运用射线，我们主要说说Physics.Raycast这个脚本的应用，在Unity帮助文档里面提到了，这里羽化尝试了下，最好使用Raycast (origin : Vector3,direction : Vector3,out hitInfo : RaycastHit,distance : float = Mathf.Infinity,layerMask : int = kDefaultRaycastLayers)，这个方法，别的不一定靠谱。。。有的地面会莫名其妙穿过去。

CameraZoom.js：

[javascript]view plaincopyprint?
var Up : Transform;  
private var Forward : boolean = false;  
private var Back : boolean = false;  
  
function Update ()   
{  
    //通过向下和前后激光判断视角  
    var layerMask = 1 << 2;  
    layerMask = ~layerMask;  
      
    var hit : RaycastHit;  
      
    //向前激光　判断中间阻挡的镜头靠近  
    if(Physics.Raycast (transform.position, Camera.main.transform.TransformDirection (Vector3.forward), hit, (-Camera.main.transform.localPosition.z)))   
    {  
        Forward = true;  
        var distanceToForward = hit.distance;  
        if(Camera.main.transform.localPosition.z < - 0.5)  
        {  
            Camera.main.transform.localPosition.z += 0.05;  
        }  
    }  
    else  
    {  
        Forward = false;  
    }  
      
    //向后激光　判断后退时靠墙的镜头拉近  
    if(Physics.Raycast (transform.position, Camera.main.transform.TransformDirection (Vector3.forward * (-1)), hit, 0.2,layerMask))   
    {  
        Back = true;  
        var distanceToBack = hit.distance;  
        if(distanceToBack > 0.1)  
        {  
            Back = false;  
        }  
    }  
      
    //向下激光　用于判断下拉镜头的拉近  
    if (Physics.Raycast (transform.position, -Vector3.up, hit , (-2) * Rocker.Camera_Record, layerMask))  
    {  
        var distanceToGround = hit.distance;  
        //print(distanceToGround);  
    }  
    if(distanceToGround < 0.1)  
    {  
        Camera.main.transform.localPosition.z += 0.1;  
    }  
    else if(Camera.main.transform.localPosition.z > Rocker.Camera_Record && distanceToGround > 0.2 && !Back && !Forward)  
    {  
        Camera.main.transform.localPosition.z -= 0.02;  
        Camera.main.transform.localPosition.y = 0.6;  
    }  
      
    if(!Rocker.Focus)  
    {  
        transform.LookAt(Up);  
    }  
}  
  
function OnTriggerStay (other : Collider)   
{  
    if (/*other.attachedRigidbody &&*/ Camera.main.transform.localPosition.z < - 0.4)   
    {  
        Camera.main.transform.localPosition.z += 0.02;  
    }  
    Back = true;  
}  
  
function OnTriggerExit (other : Collider)   
{  
    Back = false;  
}  

首先，羽化开始认为只有一个射线就可以搞定了，结果一个射线什么都判断不了，后来羽化仔细想了想就写成了三个射线，加上一个判断，终于效果出现了，话说羽化在摄像机设置Collider，是怕一个不小心，玩家把整个地图看透了-0-　如果你想视角更舒畅点可以把other.attachedRigidbody的注释去掉。这里有个函数layerMask是判断射线穿过那个层的，以后肯定用得上，1<<2代码射线只能穿过前两层。

4.简单的战斗部分

战斗部分很简单，做一个攻击预设，触发攻击动作时就产生预设，在极短时间给怪物造成伤害。绝大多数代码都在移动部分了，这里看看一个简单的AI。

AI.js：

[javascript]view plaincopyprint?
var range = 4;  
var Player : Transform;  
private var health = 10;  
  
function Update()   
{  
    Discover();  
}  
  
function OnTriggerEnter (other : Collider)   
{  
    if (other.attachedRigidbody)   
    {  
        if(other.gameObject.tag == "Attack")  
        {  
            Rocker.Test = 10.2;  
            transform.Find("Small").animation.CrossFade("Hit");  
            transform.Find("Small").animation.CrossFadeQueued("Wait", 0.3,QueueMode.CompleteOthers);  
            health--;  
            if(health <= 0)  
            {  
                transform.Find("Small").animation.CrossFade("Dead");  
                Rocker.Focus = false;  
                Camera.main.depth = -1;  
                transform.tag = "Dead";  
            }  
        }  
    }  
}  
  
function Discover()  
{  
    var layerMask = 1 << 3;  
    layerMask = ~layerMask;  
      
    if(Vector3.Distance(transform.position,Player.position) > range)  
    {  
        return false;  
    }  
      
    var hit : RaycastHit;  
    if(Physics.Linecast(transform.position, Player.position,hit,layerMask))  
    {  
        if(hit.collider.gameObject.tag == "Player" && !(transform.Find("Small").animation.IsPlaying("Dead")))  
        {  
            transform.LookAt(Player);  
            return true;  
        }  
        else  
        {  
            return false;  
        }  
    }  
      
    return true;  
}  

怪物在一定范围内会发现你，面朝向敌人，简单的AI，可以添加怪物行走等，这就看大家对自己什么要求了，当玩家点击怪物后会进入战斗视角，这时的移动时围绕怪物的，是不是很像Fable~ ~羽化的Demo就初步完成了，最后来张截图。

自己认为视角做得很棒，有什么不足还望指出~ ~

本文转自羽化：http://blog.csdn.net/libeifs/article/details/6696424

APK下载地址：

http://dl.dbank.com/c0bbqt1p13

本文转蓬莱仙羽51CTO博客，原文链接：http://blog.51cto.com/dingxiaowei/1366370，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/465102

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

【Android游戏开发二十二】（图文详解）游戏中灵活实现动画播放！

由于写书的缘故，博文更新缓慢，大家体谅，今天针对群内常提出动画实现的问题来进行一个详细讲述；此章节适合没有做过游戏开发的同学学习！做过Android软件的童鞋们，在学习游戏开发的时候，思维总是被固定在了Android系统组件上!比如动画实现总想着利用BitmapDrawable、Animation等系统提供的类和方法来实现！其实在本人以前做J2me开发的时候，J2me Api从MIDP2.0开始提供和封装了Sprite类，通名：精灵类！这个类的几种构造的时候只需要提供图片的大小、宽高、等，就可以生成一个精灵了，因为精灵类提供了碰撞检测、动画播放等方法，让开发者在开发游戏中很是方便。那么其实在制作一些较为复杂的、或者网游开发中，公司内都不会利用这个精灵类来去做，抛开机型不说，因为每个公司都会有其引擎和各种编辑器等等、那么肯定需要扩展，如果利用sprite来开发不仅扩展不方便、不灵活之外而且和编辑器、引擎搭配开发也不适合。但是一般而言，精灵类足够用！但是一般还是利用MIDP1.0自定义完成这个2.0提供的Spirte类,这样更容易维护和自定义扩展！而且J2me提供的游戏开发...

2017-11-07

428

React Native填坑之旅--Navigation篇

React Native的导航有两种，一种是iOS和Android通用的叫做Navigator，一种是支持iOS的叫做NavigatorIOS。我们这里只讨论通用的Navigator。会了Navigator，NavigatorIOS也就不是什么难事了。本文所使用的是React Native 0.34。FB团队更新的太快了，我会在后续出现大的改动的时候更新本文以及代码。 Navigator基础 Navigator在不同的Scene之间跳转。 initialRoute对象这是Navigator所必须的，用于指定第一个Scene。 renderScene方法，这个方法必须。用flow的语法来描述的话是这样的renderScene(router: any, navigator: Navigator)。renderScene方法用来根据一个给定的route来绘制Scene。如： (route, navigator) => { <MySceneComponent title={route.title} navigator={navigator} /> } push方法，pus...

2017-11-07

516

发表评论

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

JDK

JDK是 Java 语言的软件开发工具包，主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心，它包含了JAVA的运行环境（JVM+Java系统类库）和JAVA工具。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。