爆肝三天终于写完了,一文教你从零开启Unity制作像素鸟游戏

  • 前言
  • 一,新建目录
  • 二,制作材质
  • 三,场景搭建
  • 四,创建地图
  • 五,制作管道
  • 六,创建主角
  • 七,小鸟动起来
  • 八,游戏状态控制
  • 九,摄像机跟随
  • 十,添加碰撞检测
  • 十一,完善背景
  • 十二,UI部分
  • 十三,添加音效
  • 十四,写在结尾

前言

真的如标题所说肝了好几天晚上。本来是想着拿之前做的项目直接来写教程的;写着写着发现了很多做的不好的地方,又重新整理修改。其实完全就是重新做了一个项目。文章从新建工程开始一步步带你完成零基础也能制作的像素鸟游戏。还原经典玩法,一起来尝试下吧~

老规矩,先看下最终实现效果:

怎么样?有心动吗?想体验下自己制作完成的成就感吗? 下面开始制作过程吧~


一,新建目录

1.1 新建工程后创建目录如下图:

创建的目录存放资源分别对应:

  • Audios:音频资源, Materials:材质球, Prefabs:预制体, Scenees:游戏场景, Scripts:脚本资源, Texture:图片资源

1.2 导入提前准备好的音效和图片资源并放到对应目录:【文末提供】

1.3 导入后将UI使用的图片资源格式修改为Sprite(2D and UI),按住Ctrl选中gameover,score和start三个图片进行个数修改,如下图:

然后找到点击下面的“Apply”按钮:

修改完成后是如下效果:


二,制作材质

2.1 制作材质球(背景,管道和像素鸟)

在Materials文件上右键,选择Create --> Material 新建材质球:

然后修改其名称为bg,修改其Shader为Unlit/Transparent:

最后为其赋值为背景图片 --> 点击Select按钮 --> 在弹窗中双击bg图片即可:

然后选中bg材质球,使用快捷键 Ctrl+D 复制三个材质球:

修改其名称并重复上面修改图片的步骤将其挨个修改为back,brid,tipe (别忘了将材质球的贴图重新指定一下哦) , 全部处理完的效果如下:


三,场景搭建

3.1 修改主摄像机属性:

  • 修改其坐标为(0,0,-2),旋转为(0,0,0),缩放为(1,1,1)
  • 将其修改为正交摄像机 (Projection --> Orthographic)


3.2 修改游戏尺寸
点击Game视图下的分辨率选择面板,在点击最下面“+”创建新的分辨率,属性值设置如下:


然后再次点击分辨率选择面板,选择刚刚创建的属性:


四,创建地图

4.1 创建背景
在Hierarchy空白处右键 --> 选择3D Object --> 选择Quad 创建出来作为背景。

若创建出来在Game视图显示不出来的话,修改其Position坐标为(0,0,0),修改Scale缩放为(10,12,1),最后将我们之前做好的bg材质球赋值给Quad,得到效果如下:

4.2 创建底部

选中上面创建的背景“Quad”,右键 选择3D Object --> 选择Quad 在创建一个,然后将back的材质球赋值给它,得到下图结果:

4.3 整理位置
将背景“Quad” 重命名为BG,其子物体重命名为Back。然后修改BG的Position坐标为(-4,-1,0),使其在最左端出现,效果如下:

4.4 移除碰撞体

选中BG,在Inspector面板“Mesh Collider”组件上,右键选择“Remove Component”来移除碰撞体组件:

同理选中Quad,移除“Mesh Collider”组件。


五,制作管道

5.1 复制背景铺满屏幕

选中Hierarchy --> BG 使用快捷键 Ctrl+D 复制一份,将其坐标调整为(6,-1,0),调整后效果如下:

5.2 制作一个管道

在新复制出来的BG (1) 下面创建一个空物体命名为Pipe1作为上下两个管子的父物体,设置坐标,旋转为(0,0,0),缩放为(1,1,1):

然后选中Pipe1,再按照上面的步骤创建Quad命名为Up,材质球指定为tipe;设置其坐标(0,0.7,0),旋转(0,0,0),缩放(0.07,1,1);

然后选中Up,Ctrl+D复制一份,将其坐标修改为(0,-0.5,0),其他属性都不动,得到效果如下:

5.3 调整位置

现在可看到现在下面的管子是暴露在地图外面,调整下下部背景Back的z轴为-1,得到效果如下:


六,创建主角

6.1 创建小鸟
按照上面的步骤再次创建一个Quad命名为Brid,设置Position为(0,0,-1),然后将材质球指定为brid,效果如下:

6.2 设置Brid的Tag标签为Player:

6.3 修改材质球属性
修改Tiling(0.3333,1), Offset(0.3333,1) 修改后效果如下:

6.4 让小鸟飞起来
创建脚本BridHandler 挂载到Brid上,内容编辑如下:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class BridHandler : MonoBehaviour {//单例public static BridHandler intance;private void Awake(){intance = this; }private Renderer _renderer;      // 材质private float timer;        //计时器,private int frameNum =10;   //  每秒显示几帧private int frameCount;     //  帧的计数器void Start () {_renderer = this.GetComponent<Renderer>();}// Update is called once per framevoid Update () {timer += Time.deltaTime;  //加上一帧的时间if (timer >= 1.0f / frameNum)  //大于1帧所用的时间{frameCount++;   //帧数增加timer -= 1.0f / frameNum;//三帧  (0,1,2显示每一帧画面)int frameIndex = frameCount % 3;//更新offset x 属性_renderer.material.SetTextureOffset("_MainTex", new Vector2(0.33333f * frameIndex, 0));}}
}

运行后,即可看到小鸟在飞了,效果如下:


七,小鸟动起来

7.1 在主角Brid上面添加Rigidbody刚体组件:

并将其Constraint --> Freeze Rotation 的XZY全部勾选上,为避免其进行旋转:

7.2 在BridHandler脚本添加脚本如下:


private Rigidbody _rigidbody;    //刚体组件
private float x = 3;             //小鸟运行速度void Start () {_rigidbody = this.GetComponent<Rigidbody>();_rigidbody.useGravity = false;
}void Update()
{if (Input.GetMouseButtonDown(0)){StartGame();}
}public void StartGame()
{_rigidbody.useGravity = true;_rigidbody.velocity = new Vector3(x, 0, 0);
}

7.3 然后运行点击空白处,就可以看到小鸟动起来了:

7.4 处理报错
若你的工程运行后报错(没报错可忽略)

勾选Brid的Mesh Collider的 Convex属性即可:

添加Sphere Collider 组件

调整碰撞体半径为0.28,在Scene看下和鸟的显示轮廓保持一致即可:


八,游戏状态控制

8.1 创建GameManager脚本,并挂载到场景中。
添加脚本内容如下:

using UnityEngine;public enum GAME_STATUS
{// 游戏开启GAME_START = 0,  // 游戏中GAME_PLAYING = 1,// 游戏结束GAME_END = 2
}public class GameManager : MonoBehaviour {//单例public static GameManager intance;private void Awake(){intance = this; } /// <summary>/// 当前游戏状态/// </summary>public GAME_STATUS GameState = GAME_STATUS.GAME_START;    // 需要移动的背景public Transform moveBgTrans;void Start(){   }void Update () {switch (GameState){case GAME_STATUS.GAME_START: //点击屏幕 开始游戏if (Input.GetMouseButtonDown(0)){GameState = GAME_STATUS.GAME_PLAYING;BridHandler.intance.StartGame();}break;case GAME_STATUS.GAME_PLAYING:break;case GAME_STATUS.GAME_END:break;default: break;}}
}

8.2 在Hierarchy上右键,创建一个空物体GameObject,并将其名称修改为GameManager。

8.3 修改BridHandler.cs脚本Update方法,其中添加游戏状态控制和小鸟跳的逻辑,具体代码如下:

void Update()
{if (GameManager.intance.GameState == GAME_STATUS.GAME_PLAYING) //可以跳的状态{Vector3 vel = _rigidbody.velocity;//跳if (Input.GetMouseButtonDown(0)){vel.x += 0.05f; // 每跳一次增加一点移速_rigidbody.velocity = new Vector3(vel.x, 5, vel.z);Debug.Log(vel);}//通过游戏状态控制,是否播放此动画timer += Time.deltaTime; //加上一帧的时间if (timer >= 1.0f / frameNum) //大于1帧所用的时间{frameCount++; //帧数增加timer -= 1.0f / frameNum;//三帧  (0,1,2显示每一帧画面)int frameIndex = frameCount % 3;//更新offset x 属性_renderer.material.SetTextureOffset("_MainTex", new Vector2(0.33333f * frameIndex, 0));}}
}

8.4 修改小鸟的初始位置偏左上角一点,坐标为(-2,1.8,-1):

8.5 此时再次运行,点击屏幕则小鸟就可以跳了:


九,摄像机跟随

9.1 创建脚本FollowBrid,并附加到摄像机上:

using UnityEngine;//摄像头跟随
public class FollowBrid : MonoBehaviour {private Transform bridTrans;// Use this for initializationvoid Start () {bridTrans = GameObject.FindGameObjectWithTag("Player").transform;}// Update is called once per framevoid Update () {Vector3 bridPos = bridTrans.position;        float y = bridPos.y - 4.4f;//限制摄像机的最大最小位置if (y > 1.5f){y = 1.5f;}if (y < 0 ){y = 0f;        }this.transform.position = new Vector3(bridPos.x + 3.63223f,y, -10);}
}

9.2 运行效果如下:


十,添加碰撞检测

10.1 给底部加碰撞体: 选中Back添加"Box Collider"碰撞体(注意两个Back都要添加哦),添加后将其偏移和大小分别设置为(0,-0.36,0)和(1,0.28,2),如下图:

10.2 给管子碰撞体: 首先选中Up移除自身的“Mesh Collider”组件,然后添加"Box Collider",修改size为(1,1,2);Up (1)也做如上操作,这样上下两个管子就都有碰撞体了,效果如下:

10.3 添加游戏接触检测,创建脚本PipUporDown,给上面添加碰撞体的几个游戏物体都挂载上,这样小鸟碰到柱子和底部就可以触发游戏结束了,脚本内容如下:

public class PipUporDown : MonoBehaviour {private void OnCollisionEnter(Collision collision){if(collision.gameObject.tag == "Player"){// 游戏结束GameManager.intance.GameState = GAME_STATUS.GAME_END;}}
}

10.4 给管子父物体添加Box Collider 碰撞体,将其中心调整为(0,0.1,0),大小(0.1,0.2,2),位置设为两个管子中间即可。勾选Is Trigger 用于触发穿过得分:

PS:注意这个碰撞体size值为(0.1,0.2,2)哦。

10.5 添加管子高度随机逻辑和得分逻辑: 创建PipeHandler脚本,并挂载BG(1) --> Pipe1 上,用来随机管子的显示高度,代码如下:

using UnityEngine;public class PipeHandler : MonoBehaviour {private void Start(){RandomPos();}/// <summary>/// 产生随机数/// </summary>public void RandomPos(){float pos_y = Random.Range(-0.1f, -0.1f);this.transform.localPosition = new Vector3(this.transform.localPosition.x, pos_y, this.transform.localPosition.z);}// 穿过触发得分:private void OnTriggerExit(Collider other){if(other.tag == "Player"){Debug.Log("todo...加分");}}
}

10.6 复制一份管子Pipe1,并将其位置调整为(0.5,0,0),这样一个地图两个管道了,这个间距比较符合游戏难度,效果如下图:


十一,完善背景

11.1 处理背景连续1: 选择BG (1) 右键创建空物体重命名为“MoveTrrgger”,调整位置为(1.3,0,-1),并为其添加Box Collider 组件大小修改为(0.1,1,1),效果如下:

11.2 处理背景连续2: 创建脚本MoveTrigger,将其挂载到10.4创建的“MoveTrrgger”物体上,代码内容如下:

using UnityEngine;public class MoveTrigger : MonoBehaviour
{public Transform currentBg;public PipeHandler pipe1;public PipeHandler pipe2;private void OnTriggerExit(Collider other){// Debug.Log("触发到背景移动");if (other.tag == "Player"){//前面的背景移动到后面//获取第一个背景位置Transform firstbg = GameManager.intance.moveBgTrans;//移动currentBg.position = new Vector3(firstbg.position.x + 10, currentBg.position.y, currentBg.position.z);//更新GameManager.intance.moveBgTrans = currentBg;pipe1.RandomPos();pipe2.RandomPos();}}
}

11.3 给代码赋值,赋值情况如下:

11.4 复制两份BG(1),得到BG(2),BG(3)位置分别设置为(16,0,0),(26,0,0),效果如下:

11.5 给GameManager中 moveBgTrans 属性赋值

11.6 此时运行则可以实现背景的无限连接了:

至此游戏主体逻辑已经完成大部分了,还差UI和音效两部分就完成了哦,加油加油!


十二,UI部分

12.1 分数统计
在Hierarchy空白处右键,创建UI --> Text, 并将其锚点调整左上角,文本大小修改为(300,100),字体大小: 42,效果如下:

12.2 游戏结束
在Canvas下创建Image,作为游戏结束的背景板,使其铺满屏幕并调整其透明度为100,并将其重命名为"UIBG":

在"UIBG"下创建再创建一个Image作为分数背景板,将score赋值给它:

在"UIBG"下创建两个文本作为本局得分和最高分数显示分别命名为"Score"和"Best",调整位置文本如下:

12.3 重新开始
在"UIBG"下创建一个Button按钮作为重新开始按钮,隐藏其子物体Text,Image赋值为start,位置调整如下图:

12.4 逻辑处理
GameManager类,完整代码如下:

public class GameManager : MonoBehaviour {//单例public static GameManager intance;private void Awake(){intance = this; }/// <summary>/// 当前游戏状态/// </summary>public GAME_STATUS GameState = GAME_STATUS.GAME_START;// 需要移动的背景public Transform moveBgTrans;// 分数public Text ScoreText;// 游戏结束UIpublic GameObject GameOverUI;// 游戏结束得分public Text GameOverScore;// 游戏结束最高得分public Text GameOverBest;// 游戏结束重开按钮public Button GameOverButton;// 本局得分int score = 0;void Start(){GameOverButton.onClick.AddListener(()=>{SceneManager.LoadScene(0);});}void Update () {switch (GameState){case GAME_STATUS.GAME_START: GameOverUI.SetActive(false);//点击屏幕 开始游戏if (Input.GetMouseButtonDown(0)){GameState = GAME_STATUS.GAME_PLAYING;BridHandler.intance.StartGame();}break;case GAME_STATUS.GAME_PLAYING:break;case GAME_STATUS.GAME_END:// 游戏结束,显示面板 ,维护分数GameOverUI.SetActive(true);GameOverScore.text = score.ToString();GameOverBest.text = PlayerPrefs.GetInt("Best").ToString();break;default: break;}}// 分数更新public void UpdateScore(){//分数增加score++;ScoreText.text = "分数:" + score;// 维护最高得分if (score > PlayerPrefs.GetInt("Best")){PlayerPrefs.SetInt("Best", score);}}
}

给GameManager公有变量拖住赋值:

再修改PipeHandler脚本的OnTriggerExit()方法中写:

private void OnTriggerExit(Collider other)
{if(other.tag == "Player"){GameManager.intance.UpdateScore();}
}

12.5 添加场景
File --> Build Settings --> Add Open Scenes 添加场景,为打包和重玩逻辑做准备:

至此游戏主体逻辑已经完成,还差最后一步吧音效添加上就可以了。


十三,添加音效

13.1 添加背景音乐

在Main Camera上添加"Audio Source"组件
将bgm音效赋值给AudioClip属性,勾选Loop属性一遍循环播放:

13.2 添加跳跃音效
在Brid上添加"Audio Source"组件,将sfx_jump音效赋值给AudioClip属性,取消勾选Play On Awake属性避免自动播放:
编辑BridHandler脚本,添加下面三行代码到,下图位置

// 声明跳跃音效
private AudioSource Jumpaudio;
// 赋值
Jumpaudio = this.GetComponent<AudioSource>();
// 播放
Jumpaudio.Play();


13.3 添加得分音效
在Brid上添加"Audio Source"组件,将sfx_point音效赋值给AudioClip属性,取消勾选Play On Awake属性避免自动播放:

编辑GameManager脚本,添加下面三行代码到,下图位置:

private AudioSource getSecoreAudio;
getSecoreAudio = GetComponent<AudioSource>();
getSecoreAudio.Play();


至此所有游戏逻辑就都完成了,可以玩耍了~


十四,写在结尾

说好的: 文末源码

开发环境Unity2019.4.19 (支持5.x - 2021.x所有版本)。

已测试打包平台 --> Window, Mac, Android ,IOS, WebGL。


终于是制作完成了,虽然文章文字不多,但是结合配图已经讲解的很详细了。文章很长,建议收藏。原创不易,三连支持下再走吧~

零基础教你Unity制作像素鸟游戏 【文末源码】相关推荐

  1. Unity 之 手把手教你实现自己Unity2D游戏寻路逻辑 【文末源码】

    Unity 之 手把手教你实现自己Unity2D游戏寻路逻辑 [文末源码] 前言 一,效果展示 二,场景搭建 三,代码逻辑 四,完善场景 五,使用小结 前言 还在看别人的寻路逻辑?保姆级教程,一步步教 ...

  2. 使用unity3d制作像素鸟游戏

    个人博客文章链接:http://www.huqj.top/article?id=140 unity3d虽然是被设计用来制作3D游戏的,但是它提供了很多2D组件,所以也可以轻松的设计制作2D游戏,下面记 ...

  3. [python教程入门学习]使用Python六步制作小鸟管道游戏(附源码)

    现在用Python来制作游戏越来越方便,虽然某些方面有所限制.但是利用Pygame工具包基本能制作所有的2D游戏 在制作的同时对游戏的理解也会更加深刻,因为本质上都是对图片的定位和图片碰撞的判断,从而 ...

  4. “数字炸弹“——练习Python基础知识的小游戏【文末源码地址】

    文章目录 数字"炸弹" 基本代码 核心代码 源码地址 数字"炸弹" 数字炸弹小游戏,平时可以多个人一块玩.游戏规则也很简单:从0~100之间选一个数字,作为&q ...

  5. Unity 简单手机小游戏 - 3D重力滚球(文末源码)

    游戏效果图: 目前做了5个关卡 通过陀螺仪使得小球有运动的力 public class groy : MonoBehaviour {float x;float y;Gyroscope go;void ...

  6. cocos creator V1.9 制作像素鸟游戏(1)-场景设计

    上次立的flag来实现了.先进行场景的设计,在制作的时候,就发现自己被打脸了.场景设计其实只要三个就可以了,最后一个结束其实在主场景上设置相关的的信息,等到游戏结束的时候再显示出来便可以了.于是,场景 ...

  7. 像素鸟html与js源码(4节课勉强做完)

    <flappy bird>是一款由来自越南的独立游戏开发者Dong Nguyen所开发的作品,游戏于2013年5月24日上线,并在2014年2月突然暴红.2014年2月,<Flapp ...

  8. Python+Pgzrun制作打飞机游戏(附源码)

    目录 基本框架 创建滚动背景 创建飞机 让plane移动 发射子弹 创建敌机 敌机移动 金币制度 关卡制度 设置 创建更高级飞机(SRplane和SSRplane ) 开始 炸弹 介绍 源码 基本框架 ...

  9. 【C++】制作华容道小游戏(附源码)

    运行效果如下,玩法和数字华容道一样

最新文章

  1. 解析:一种合适的数据中心建造方式有多重要?
  2. tensorflow-yolov3 调试Intel Realsense D435摄像头所遇到的问题(USB自动检测并重置机制)hardware_reset() pyusb libusb devcon
  3. mysql b-a全局索引_MySQL中B+树索引的使用
  4. 转:json与map互转
  5. Python应用03 使用PyQT制作视频播放器
  6. android 汽车 源码_汽车级Linux,无需Google即可运行Android等
  7. 程序执行原理(科普)
  8. Jmeter如何远程监控服务器
  9. html grid插件,grid.html
  10. java opencv 模板匹配算法_浅谈opencv模板匹配算法原理
  11. 免费邮箱怎么注册?创建注册邮箱帐号免费吗?
  12. 一篇关于批处理文件的经典文章
  13. ~艾比郎~学Python之Python基础
  14. 重启泼水节。泰国市场借势回春,卧兔网络带你看东南亚卖家的机会
  15. 判断网站被降权的方法
  16. linux c 删除文件,linux c remove 删除文件或目录函数
  17. python学习--统计序列中元素出现的频度(次数)
  18. 定点数一位乘法之Booth(布斯)算法
  19. 用java实现简单的搜索引擎
  20. YTU 2914: xiaoping学构造函数

热门文章

  1. linux aria进程,Linux安装 Aria2
  2. 使用思科模拟器设计和配置校园网络
  3. php artisan command,php artisan命令
  4. ios友盟错误_iOS - 友盟错误分析
  5. mac版本Beyond Compare如何一直试用
  6. tplink 有良知的路由器厂商
  7. MySQL 学习笔记——基础 DQL 查询语言
  8. Java通过二维码下载Apk====安卓手机
  9. 【微信小程序】 apache配置https,nginx配置https
  10. 晨兴刘芹谈创业者这种动物:生来孤独、天道不一定酬勤