-
Unity 4.3 我们发布了第一阶段的2D工具
-
为此,我们用这个工具做了一个2D范例
-
这个2D范例叫做"铁桥塔防"
-
描述伦敦铁桥被外星人入侵的故事
-
范例完全用2D图片和物理来呈现
让你了解这些元素如何在Unity里组合
-
影片会说明范例里的背景、前景、角色、特效
镜头追迹、动作和脚本程序是如何制作的
-
开始之前,先来聊聊基本的Unity 2D工作
-
首先,当要制作2D项目,你应该先设定工作环境为2D
-
可以在建立新项目时在下拉选单设定
-
或是在开发中到Edit - Project Settings - Editor调整
-
这代表预设情况下，输入的材质会
被视为2D图片，场景视图也会预设为2D
-
这个新的2D模式会采用完全的
正视图视角来呈现你的2D游戏
-
同时也会把右上角的3D小图示都隐藏
让工作空间更大
-
除此之外，Unity 2D的工作流程
是和现有的3D流程整合在一起的
-
如果你已经会操作原本的Unity
那Unity 2D会很好上手
-
值得一提的是，你也可以混搭2D和3D共享
-
所以如果你想要有3D元素在你的2D游戏里
或2D元素在3D游戏里都没有问题
-
现在来看看范例如何建立一个关卡
-
我们一开始勾勒关卡设计雏形
然后到Photoshop里面去把每个图层做出来
-
然后输出这些图层
成为新的Sprite类型导入Unity
-
为了呈现出背景的视差，我们做了一些
背景元素在Sorting Layer里
-
这是一个2D工具的新功能
-
当所有背景指定到这一层后
我们可以在图片着色器的图层排序它们
-
调好位置之后也可以把图层锁定不能编辑
-
这样的话我们编辑前景元素的时候
就不用担心会不小心动到背景元素
-
可以从接口右上方的图层选单来设定
-
由于背景只是装饰用的，所以
并不需要在图片上放任何组件
-
将它们放到一个空的对象里
-
并放入一个叫做叫做
BackgroundParallax的脚本来处里视差
-
更多的细节可以详查这个已经批注的脚本
-
接下来制作角色活动的前景空间
-
我们设计了伦敦铁桥和降落在中间的飞碟
-
主角处于一个敌人从天而降并到处乱窜的环境
-
因此，每一个前景元素都需要
碰撞体(Collider)来让主角在上面行走
-
大多数环境用方体碰撞就可以
除了外型比较复杂的飞碟
-
Unity提供多边形碰撞体(Polygon Collider)
可以根据图片外型自动产生多边形碰撞体
-
甚至可以调整碰撞体的外型
-
你可以新增、移动或删除节点
调整到更适合行走的外型
-
为了排序前景元素我们建立了前景层
设定显示在背景之前
-
接下来看看主角
-
我们的主角也是在Photoshop里面设计的
一个四肢独立类似卡通主角雷曼的角色
-
另外一个2D工具的新功能
-
是一个以图表化的动画工具
可以在Photoshop里绘制每一节点的图
-
后面我们会介绍如何用这方法
制造我们的天鹅
-
因为身体部位分开比较好控制动画
因此我们希望独立每个身体部位
-
所以我们将身体部位独立切开
好让Unity在输入时容易拆离它们
-
这代表我们可以为图片单独制作动作
-
把这些部位放入建好的角色层
然后改变Z轴深度来改变前后顺序
-
把这些图片都放入一个有控制脚本
碰撞体、物理设定等等的对象
-
一旦做到这里，就可以到动画窗口给予图片动作
建立待机、跑、跳、射击和死亡的动画
-
使用动画窗口里新的分镜表功能
就可以简单制作动作
-
我们在父对象建立一个动画组件
然后针对每一个子对象建立影格
-
移动指标到想要的影格后调整角色部位
就会自动把变量录到影格上
-
可随时切换分镜表和动画曲线
使得它更容易调整设计
-
这些动作建立好之后我们可以
帮我们的角色设计控制状态
-
让我们用程序呼叫角色执行各种动作
-
因为不是驱动3D骨架，所以取消打勾Root Motion
-
也可以打勾Animate Physics如果
动画要和物理行为相互作用
-
为了在场景走动，主角脚上有圆形碰撞体
和一个包覆整个身体的方形碰撞体
-
这样他可以平顺地行走和跳下场景
跳起来的时候头部也可以判定撞到
-
为了控制角色动作，我们写了
一个脚本透过2D物理引擎来移动
-
这代表在游戏里面可以指定主角和敌人
让游戏动态更丰富的物理行为
-
我们用PlayerControl脚本来判断角色的输入
-
我们在此指定物理移动速度
同时也把输入的值送到动画控制器
-
判定播放哪些动画以及
顺畅的播放分镜表上图片的转变
-
使用动画控制建立图片动态最大的好处是
-
可以调整动画速度用来搭配物理速度
不需要额外再作任何判定
-
FixedUpdate函式会检查每一步物理运算
-
在这里我们第一件要做的事情是
把输入的水平值传给动画的速度参数
-
在我们的状态设定里
待机状态到跑动需要速度参数大于0.1
-
当值成立时，动画就会从待机切到跑步
-
要让角色移动，让它有Rigidbody2D组件
就可以为它加力道移动
-
同时我们也根据输入的水平值是
大于0或小于0来处理角色面朝的方向
-
这是因为在Unity里，按住左键会传回-1
而按住右键会传回+1
-
根据输入值呼叫一个简单的翻转函数
来翻转角色的X轴缩放，让角色面向反方向
-
为了判定角色是否着地
我们新增了一个Ground图层
-
并指定给全部可行走的前景物件
-
然后使用2D里面的Linecast函数
检查Ground图层是否和角色的脚接触
-
为了让制作更容易，我们建立了
一个空白的对象当作检查地面的标准点
-
在该对象上增加一个小图示
我们就可以控制角色到地面的距离
-
就游戏角度来看
角色在地面时只能做跳的动作
-
更多关于角色控制的信息
可以查看范例脚本里面的说明
-
影片稍后也会讨论角色的武器
-
接下来看看相机如何追踪角色
-
跟3D游戏一样，在2D游戏里
镜头运镜也左右着游戏体验
-
要呈现经典的2D游戏运镜
我们参考了2D游戏经典大作
-
任天堂或超任的超级玛莉欧的镜头运作
-
在超级玛莉欧世界里镜头会水平移动
除了封闭的空间或关卡边缘
-
在这两类区域里角色小幅移动
镜头不会追踪
-
一旦角色移出区域
镜头又会开始追踪角色
-
超级玛莉欧的相机
用特定高度来进行垂直判定
-
但我们的游戏没有往上的长度
比较像动作平台，所以不需要这类设定
-
因此我们的相机在垂直判定
采用了和水平一样的方法
-
请看看主相机里的CameraFollow脚本
了解镜头追踪更完整的写法和批注
-
游戏中有许多特效
但最重要的是主角杀死外星人的能力
-
主角会发射一个具有
反作用力动画的火箭筒
-
这个动画由几个部分组成
-
首先检查输入，当按下Fire键时
产生一个火箭，播放音效并触发火箭动画播放
-
让我们进一步分解这些步骤
-
为了可以播放其他动画(跑步)时同时播放火箭发射
我们在动画控制器建立了Shooting的动画层
-
将Weight属性设为1，可以
完全覆盖基本层(Base Layer)所有的动作
-
我们可以从任何状态中用程序
触发Shoot参数发射动画
-
来看看负责这工作的Gun脚本
-
你可以看到我们写了驱动事件
触发Shoot为True
-
触发后会打开，在下一格重置为关
就可以重复使用，对于射击动作最好用
-
除了设定动画，我们也从脚本中发射火箭
-
播放音效后根据角色的方向
产生火箭并给它一个X轴的正或负速度
-
这个Gun脚本被放在主角身上的空物件
-
像这样将脚本放到一个空对象上
可以轻易的定位火箭发射位置
-
我们将对象放到火箭筒发射口
然后以他自己的坐标当作发射点
-
火箭本身有2D刚体
我们给它一个速度让它移动
-
它也有火焰喷射动画和粒子系统做的烟雾
-
粒子系统也接受新的Sprite图片
-
所以可以将烟雾的图片切好后加到材质
并指定到粒子系统的Texture Sheet Animation
-
就有烟雾特效让粒子系统发射
-
当火箭命中敌人或环境时
火箭本身会引起爆炸并被摧毁
-
爆炸是我们制作的爆炸动画对象
-
排序位置在前景的最后面
-
要建立这类动画，可以从项目点选图片
然后在属性Sprite Mode选择Multiple
-
这功能允许我们编辑图片
手动或是自动裁切图片大小
-
一旦完成裁切后
-
只需要点击Apply
Unity会自动产生图片并作为子对象
-
这就是火箭制作过程
-
稍后我们将在影片中讨论
杀死敌人的动画技法
-
现在先让我们回到主角
看看如何处理血条补血和扣血
-
血条被定义为一个浮点数(Float)
每次碰到敌人就会呼叫TakeDamage函式
-
为了避免触发太快造成死亡
我们用repeatDamagePeriod来间隔触发时间
-
为了让角色显示受伤
并容易从敌人手中逃脱
-
我们建立了受伤的动作
并在物理上弹飞主角
-
要做到这点，TakeDamage函式
会阻止角色跳跃
-
并从主角与敌人之间找到一个向量位置
-
指定一个物理力量往指定方向击退
-
hurtForce是一个全局变量，可以随时从接口调整
而不用从脚本里调整
-
除了击退主角之外，我们同时
也扣掉角色的血量并更新血条
-
为了呈现扣血，我们把血条的宽度缩减
用一个公式计算让绿色转变到红色
-
透过当下的血量和总量算出一个百分比
-
血条是由两个图片组成
一个显示血量，另一个显示外框
-
这也是在Photoshop里做的
然后输出两个单独的图片
-
导入图形的时候，设定图形轴心在左边
所以当它按比例减少时，就会往左缩
-
这两个图片放在一个空对象底下
给予一个简单脚本，让它显示在角色头上
-
将血条位置设定与角色相同
-
并加上偏移用的全局变量
好在检视接口进行调整
-
当主角血量为0时，设定碰撞体的isTrigger = true
主角就会往下跌到水上
-
同时将主角排序推到UI层上
主角会移到画面最上层
-
UI层是我们制作的层
是用来表示像UI的前面的对象
-
当脚色死亡时，我们有两个动画
-
一个叫Death，会失去帽子和枪
另外一个叫Falling
-
用Exit Time当作动画的切换条件
一旦Death播完就会切到Falling动画
-
最后，在播放死亡动画时
为了阻止玩家移动角色或射击
-
我们会禁用PlayerControl和Gun脚本
-
由于Die函式是全局可以从任何地方呼叫
例如玩家掉入水中
-
要在主角接触水面时重置游戏，我们
用一个由触发器和脚本组成的KillTrigger对象
-
在大多的情况下
Remover脚本移除掉入河中的敌人
-
并播放一个水花动画和音效
-
但如果是主角被触发器侦测到时
-
就会呼叫PlayerHealth脚本里的Die函式
-
并禁用CameraTracking同时将角色移出屏幕
并呼叫co-routiene函数(停止2秒)
-
然后重生在出生点
-
接下来焦点转移到角色生存
-
来看看它是如何生存
和我们给予它甚么生存工具
-
游戏中有两种帮助玩家的补给箱
一种箱子是炸弹，另一种可以补血
-
补给箱由箱子和降落伞两个部分组成
-
这两个元素放入一个空白对象
我们就可以一起触发动画
-
我们定位这两个图片
降落伞的轴心位于父对象的中心
-
这样动画可以左右摇摆
让降落伞是浮在空中的感觉
-
然后增加一个刚体让它有重力往下掉
-
箱子增加碰撞体用来探测它的着陆时机
和玩家捡起的时机
-
着陆之后
播放第二段动画让降落伞消失
-
跟游戏其他地方一样
动画器控制对象的状态
-
我们可以看到预设的情况下
它会播放FloatDown动画
-
然后当Land = True时会切换到着陆状态
-
在脚本里，我们使用onTriggerEnter函数
透过标记来检测是否碰到地面
-
我们也将补给箱从父对象中分离
并给它一个刚体
-
它就可以和环境互动
比如降落在一个斜坡上就会斜停在坡上
-
接下来看看炸弹
-
捡起炸弹箱的动作是箱子上的
BombPickup脚本处理的
-
透过角色身上的LayBombs脚本
增减主角拥有的炸弹数量
-
LayBombs脚本负责检查是否携带着炸弹
并负责产生并放置炸弹
-
炸弹设有定时装置，在爆炸之前
透过BombDetonation里的yield倒数计时
-
爆炸函式执行几个动作
-
它会重置bombLaid参数
允许产生另外一个炸弹箱
-
它会通知产生器补充新的炸弹箱
并炸死范围内的敌人
-
来看看最后一部分怎么运作的
-
因为炸弹对敌人来说是致命的
不管他们的生命值剩下多少
-
我们用Physics.OverlapCircleAll方法收集
在爆炸范围内所有标记为敌人的对象
-
然后为每一个敌人执行循环
-
设定他们的血量为0
从爆炸地点到敌人算出一个向量并施加外力
-
一旦循环跑完，就可以播放视觉效果
-
播放一段音效同时摧毁炸弹
-
爆炸视觉效果有两部分
-
主要部份是一个简单的圆形
短暂的出现后摧毁
-
第二部分是星星状的粒子系统
重复用相同图片呈现火箭爆炸
-
效率上我们保持粒子系统持续在场景中
需要时我们用程序移动到指定位置播放
-
这样可以让粒子系统存在内存里
使游戏比较有效率
-
这么做主要是因为这个范例
同时只会有一个爆炸在场景中
-
因为玩家只能一次丢一个炸弹
-
这就是为什么将粒子系统保持在场景中
并重复播放的原因，比起建立后移除有效率
-
但如果是火箭爆炸，因为可以重复发射
因此需要建立后移除
-
让我们看看主角杀死敌人
怎么计算分数
-
这分为两个部分，动画显示获得100分
以及增加UI的分数计算
-
分数动画由1和0两个数字组成
-
将它们放到场景中的空白对象
-
给予一个简单的得分动画
并用程序让它们在动画完成后消失
-
我们放置摧毁脚本在动画事件尾端
-
ScoreUI单纯是个GUI文字组件
带有管理玩家分数的脚本
-
Score是全局变量，代表随时可以
检查当敌人被杀死时增加100分
-
说到敌人，让我们仔细看看他们
-
在我们的游戏里，有两种类型外星敌人
-
一种是绿皮肤的鼻涕虫
-
另一种是会搭着飞船保护自己
的智能型外星怪物
-
这些角色会共享一种脚本
-
因为他们行为相似
-
我们可以检视它们的全局变量
并设定不同的移动速度和生命
-
每个敌人都有自己的移动动画
-
鼻涕虫有一个可以活动的尾巴
飞船内的敌人会前后摇摆移动
-
对鼻涕虫来说，我们汇入图形
并把尾巴切为独立图形
-
这样我们就可以单独缩放它
不会影响到整个图片
-
轴心设定到右边
我们可以漂亮的伸展收缩尾巴
-
上下移动眼睑
-
然后使用Z轴来排序
眼睛就会在眼睑底下了
-
就可以制作眨眼动画
-
第二个外星人的动画要简单的多
我们只需要前后转动它
-
关于这些敌人的移动技术
我们透过改变刚体的速率来移动它们
-
当它们遇到一个墙壁这样的障碍物时
会呼叫Physics.OverlapPoint函式来检测
-
检查是否有重迭到像是
墙壁和两边的塔被标记的障碍物
-
当函式侦测到时，就会呼叫Flip函式
-
函式会翻转敌人的X轴缩放
让它转到不同方向
-
要杀死敌人，当敌人和火箭相撞时
在撞击时会呼叫Hurt函式
-
这个函式我们从敌人身上扣1点血
-
并持续呼叫函式保持敌人持续扣血
-
如果血条降到0，就会呼叫死亡函式
-
当他们死后，就会执行一些函式
-
会先停用所有的图形渲染
因为2D角色大多都有动画
-
这是为了把动画对象换成单张死亡图片
-
我们在图形渲染器将图片改为deadEnemy
-
然后我们帮Score全局变量增加100
-
然后增加扭转让他们死亡时扭曲
-
因此我们要让这些敌人死后
掉入环境的河中
-
我们找到对象上所有碰撞体
并设定IsTrigger = True
-
这样他们就会穿过所有环境往下掉
-
然后播放死亡音效之后展示一个分数动画
-
要将已死亡的敌人从场景中移除
-
我们使用killTregger对象
-
和前面所说的一样
-
当任何角色接触它时
-
将会引起一个水花动画，并移除该对象
-
它们撞击水面并播放
一段附在水花动画的音效
-
所以当我们产生水花动画时
同时也听到音效
-
要完成游戏关卡
我们也用一些移动背景来装饰
-
为了让游戏环境更显动态
-
我们添加了一些飞翔的天鹅
以及沿着河岸开的公交车和出租车
-
首先是天鹅，它是在Photoshop里面画好后
用Multiple Sprite导入图片
-
Unity会自动裁切天鹅的每个图片
-
分为不同的图导入
并把原图当作父对象放在底下
-
因为这是个动画组合，可以将所有的图片
一起拖到场景中，让Unity帮我们生成动画
-
瞧，天鹅的动画已经准备好了
-
然后给天鹅一个刚体
让我们可以控制速度飞过屏幕
-
和公交车和出租车一样，天鹅已被存为预制对象
-
公交车和出租车作法只需要
在汇入图形时分开车身和车轮
-
并制作一个简单的摆动动画
-
相同指定2D刚体到车子上
就能够驱动他们在屏幕上跑
-
公交车、出租车和天鹅这三个物件
我们用一个重复执行的脚本来制造它们
-
BackgroundPropsSpawner脚本
同时也处理出生位置，出生频率并给予速度
-
代表我们可以用这个脚本应用在三种对象
默认出生点和属性
-
要了解更多的细节，可以查看脚本中的说明
-
最后，要了解更多的背景动态
我们使用了移动的云朵、流动的河水和烟雾
-
我们在空白对象下放两个背景图片
并使这些图片缓慢飞过屏幕
-
因为这是个无限循环
所以动画永远不会停
-
这就是我们游戏的制作过程
-
我们希望这个教学让你
对如何用Unity开发2D游戏有一定了解
-
未来我们也会制作更简单的教学
-
也期待你们对于Unity4.3的反应
迫不及待想看看你们的2D产品
-
谢谢观看
