首页 > Unity3D频道 > 【Unity3D研究院之游戏开发】 > Unity3D研究院之IOS触摸屏手势控制镜头旋转与缩放（八）
2012
05-01

Unity3D研究院之IOS触摸屏手势控制镜头旋转与缩放（八）

前几篇文章介绍了很多Unity3D引擎自身的一些问题， 今天我们在回到IOS设备上讨论一些触摸屏幕手势，本章的目标是通过触摸iPhone屏幕手势 实现模型左右的旋转，与模型的缩放。

大家想一想模型的旋转，实际上是镜头的旋转。模型的缩放实际上是镜头Z轴方向的坐标。那么实现本章的内容只需要控制镜头的位置方可实现。

我们在游戏场景中创建一些简单的模型做为参照物，插一句 “大家有谁知道 . FBX 的模型那里可以免费找到，我想在博文中加点游戏模型让场景更好看一些，可是苦于找不到有点郁闷，用公司的模型来写博文有觉得有点不合适”哇咔咔 ，如果有知道的哥们 不妨告诉我喔。啦啦啦。 

我们创建一个简单的游戏平面， 然后平面中放一个箱子做为旋转缩放的参照物。如下图所示，选中摄像机，给摄像机添加一个脚本名称为Move. 脚本中有一个参数 Target，它的作用是设置摄像头旋转移动参照物，这里把一个箱子赋值给了 Target，那么左右滑动屏幕会发现箱子在旋转，两手缩放屏幕会发现箱子在放大与缩小。

Unity3D研究院之IOS触摸屏手势控制镜头旋转与缩放（八） - 雨松MOMO程序研究院 - 1

我们看看Move这条脚本，说明一下几个重要的 ：

这些方法都是系统自己调用的方法

function Start () ： 游戏启动以后只调用一次，可用于脚本的初始化操作，

function Update ()：Start()方法调用结束以后每一帧都会调用，可以在这里更新游戏逻辑。

function LateUpdate (): Start()方法调用结束以后每一帧都会调用，但是它是在 Update()调用完后调用。

Move.js完整代码

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
 
//用于绑定参照物对象
var target : Transform;
//缩放系数
var distance = 10.0;
//左右滑动移动速度
var xSpeed = 250.0;
var ySpeed = 120.0;
//缩放限制系数
var yMinLimit = -20;
var yMaxLimit = 80;
//摄像头的位置
var x = 0.0;
var y = 0.0;
//记录上一次手机触摸位置判断用户是在左放大还是缩小手势
private var oldPosition1 : Vector2;
private var oldPosition2 : Vector2;
 
//初始化游戏信息设置
function Start () {
    var angles = transform.eulerAngles;
    x = angles.y;
    y = angles.x;
 
// Make the rigid body not change rotation
   if (rigidbody)
rigidbody.freezeRotation = true;
}
 
function Update ()
{
//判断触摸数量为单点触摸
if(Input.touchCount == 1)
{
//触摸类型为移动触摸
if(Input.GetTouch(0).phase==TouchPhase.Moved)
{
    //根据触摸点计算X与Y位置
x += Input.GetAxis("Mouse X") * xSpeed * 0.02;
         y -= Input.GetAxis("Mouse Y") * ySpeed * 0.02;
 
}
}
 
//判断触摸数量为多点触摸
if(Input.touchCount >1 )
    {
     //前两只手指触摸类型都为移动触摸
     if(Input.GetTouch(0).phase==TouchPhase.Moved¦¦Input.GetTouch(1).phase==TouchPhase.Moved)
     {
         //计算出当前两点触摸点的位置
   var tempPosition1 = Input.GetTouch(0).position;
var tempPosition2 = Input.GetTouch(1).position;
             //函数返回真为放大，返回假为缩小
             if(isEnlarge(oldPosition1,oldPosition2,tempPosition1,tempPosition2))
             {
             //放大系数超过3以后不允许继续放大
             //这里的数据是根据我项目中的模型而调节的，大家可以自己任意修改
               if(distance > 3)
               {
               distance -= 0.5;
               }
           }else
{
                 //缩小洗漱返回18.5后不允许继续缩小
                 //这里的数据是根据我项目中的模型而调节的，大家可以自己任意修改
                 if(distance < 18.5)
                 {
                 distance += 0.5;
                 }
             }
            //备份上一次触摸点的位置，用于对比
         oldPosition1=tempPosition1;
oldPosition2=tempPosition2;
     }
    }
}
 
//函数返回真为放大，返回假为缩小
function isEnlarge(oP1 : Vector2,oP2 : Vector2,nP1 : Vector2,nP2 : Vector2) : boolean
{
//函数传入上一次触摸两点的位置与本次触摸两点的位置计算出用户的手势
    var leng1 =Mathf.Sqrt((oP1.x-oP2.x)*(oP1.x-oP2.x)+(oP1.y-oP2.y)*(oP1.y-oP2.y));
    var leng2 =Mathf.Sqrt((nP1.x-nP2.x)*(nP1.x-nP2.x)+(nP1.y-nP2.y)*(nP1.y-nP2.y));
    if(leng1<leng2)
    {
     //放大手势
         return true;
    }else
    {
     //缩小手势
        return false;
    }
}
 
//Update方法一旦调用结束以后进入这里算出重置摄像机的位置
function LateUpdate () {
 
    //target为我们绑定的箱子变量，缩放旋转的参照物
    if (target) {
 
     //重置摄像机的位置
y = ClampAngle(y, yMinLimit, yMaxLimit);
        var rotation = Quaternion.Euler(y, x, 0);
        var position = rotation * Vector3(0.0, 0.0, -distance) + target.position;
 
        transform.rotation = rotation;
        transform.position = position;
    }
}
 
static function ClampAngle (angle : float, min : float, max : float) {
if (angle < -360)
angle += 360;
if (angle > 360)
angle -= 360;
return Mathf.Clamp (angle, min, max);
}
 

在Untiy3D 中运行用鼠标手势点击上看不到任何效果的，必需在iPhone真机上才可以触摸感应到效果喔 . 嘻嘻～

OK 接下来将Unity3D 导出成Xcode项目，导出的方法有谁还不会？？？ 我的第一篇文章有说明噢。哇咔咔～～ 然后运行项目只能在真机上运行哦。。 看看我在iPhone 上的截图。
Unity3D研究院之IOS触摸屏手势控制镜头旋转与缩放（八） - 雨松MOMO程序研究院 - 2
触摸iPhone屏幕镜头旋转与缩放以后的效果，这个图确实有点不太好截，我一会把项目的源代码工程下载地址贴上来，方便大家阅读与学习，哇咔咔～～
Unity3D研究院之IOS触摸屏手势控制镜头旋转与缩放（八） - 雨松MOMO程序研究院 - 3
镜头任意的旋转与缩放，还不错噢，大家快点来学习Unity3D游戏开发吧，哇咔咔～～


最后欢迎各位盆友可以和MOMO一起讨论Unity3D游戏开发，哇咔咔～～～ 附上工程的下载地址，文件名称是zoom.unitypackage，下载完毕的盆友们双击就可以自动在Unity3D 下打开它啦。然后导出成iPhone项目就可以运行了。

今天回家装个windows 7 最近对wp7的游戏开发有点兴趣哦～ 哦也～回家钻研一下～哇咔咔

最后编辑：
作者：雨松MOMO
专注移动互联网，Unity3D游戏开发
站内专栏 QQ交谈 腾讯微博 新浪微博
捐 赠写博客不易，如果您想请我喝一杯星巴克的话？就进来看吧!

您可能还会对这些文章感兴趣！

《Unity3D研究院之IOS触摸屏手势控制镜头旋转与缩放（八）》有 79 条评论

← 早期评论
  1. 潘立府 说：
    2017 年 1 月 22 日上午 10:27

    不知为何 我写好之后，它总是提示代码中有错误，错误如下：“All conmpiler errors have to be fixed before you can enter plsymode”,意思是说 我的代码中 有错误 但是我对Unity中的JS不了解。我自己猜测应该是Unity3D更新后舍弃了部分代码导致出现了错误 ，但是我找不出错误的原因，还希望你能给我一些指示

    回复
  2. Love_WilliamChan 说：
    2016 年 5 月 21 日下午 3:47

    您好，就是把这段代码放在AR的camera上，可以对模型进行旋转和缩小，但是模型不能跟着用来被识别的图片的移动而移动？

    回复
  3. 家宝de 说：
    2016 年 5 月 1 日上午 1:21

    请问这个在移动安卓上可以实现吗

    回复
← 早期评论

留下一个回复

你的email不会被公开。