使用unity3d制作像素鸟游戏

个人博客文章链接：http://www.huqj.top/article?id=140

unity3d虽然是被设计用来制作3D游戏的，但是它提供了很多2D组件，所以也可以轻松的设计制作2D游戏，下面记录一下制作经典2D游戏flappy bird的过程。下面是最终效果：（github: https://github.com/Scottle-Hu/MyFLappyBird）

一、设计

像素鸟的游戏规则非常简单，就是通过点击或者按键控制小鸟向上飞，场景会随机出现障碍物，碰到障碍物就算输。游戏流程一共需要三个场景：开始场景、游戏主场景、游戏结束场景

在开始场景选择开始游戏按钮加入到主场景开始游戏，主场景中失败后进入到结束场景选择继续或者退出。开始和结束场景都是比较简单的，只涉及一些场景跳转。主要的游戏逻辑在主场景中，涉及小鸟的前进和向上飞控制，以及障碍物的随机出现，另外场景是没有尽头的，也就是随着游戏的进行，背景会不断变长。

二、主场景

下面介绍主场景的搭建和脚本编写过程。

①场景搭建

游戏场景主要就是一个垂直的平面，使用unity自带的Quad组件即可，背景组件的属性如下图：

首先是该背景的位置和旋转度数，和主相机对应即可。为了给背景加上图片，需要使用一个材质球（这里就是图中的bg）

给材质球选择事先添加好的图片即可。除了背景之外，还需要一个天花板和地板，因为当小鸟撞到天花板或者地板的时候也会死，天花板和地板同样使用quad即可，只不过需要水平放置在背景图片的上下，3d透视图如下：

主相机和平行光照就不说了，需要注意的是，背景不能只有一个，需要有三个，其中一个是准备背景，即没有障碍物的背景，还需要两个有障碍物的背景，之所以要有两个，是因为为了实现无限背景，会在小鸟进入一个背景的时候在下下个背景的位置添加一个背景，而不能下个位置因为这样可能会导致刚进入背景的时候右边有空缺。背景上需要有标识过一个障碍物的方块和障碍物，都使用cube组件横截背景实现，并且需要将关卡标识设为透明，障碍物需要加一个材质球贴上图片。障碍物的透视图的属性分别如下：

背景的c#脚本如下：

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

//地面背景的脚本

public class BackgroundScript : MonoBehaviour {

//一个背景上有六个障碍物

public GameObject barrier1;

public GameObject barrier2;

public GameObject barrier3;

public GameObject barrier4;

public GameObject barrier5;

public GameObject barrier6;

//背景预制体，用于循环赋值

public GameObject bg;

//防止重复出发复制背景事件，记录当前背景是否已经被复制

bool copied = false;

// Use this for initialization

void Start () {

//随机初始化障碍物位置

//上面的障碍物的y坐标在0.55~0.9，下面的障碍物的坐标在-0.55~-0.7

RandomY(barrier1, 0.4f, 0.7f);

RandomY(barrier3, 0.4f, 0.7f);

RandomY(barrier5, 0.4f, 0.7f);

RandomY(barrier2, -0.5f, -0.2f);

RandomY(barrier4, -0.5f, -0.2f);

RandomY(barrier6, -0.5f, -0.2f);

}

// Update is called once per frame

void Update () {

}

//当小鸟进入一个背景时，复制一个到下下个

private void OnTriggerEnter(Collider other)

{

Instantiate(bg, new Vector3(this.transform.position.x + 20 * 2, 0, 0), Quaternion.identity);

}

//随即初始化障碍物的函数

static void RandomY(GameObject barrier, float min, float max)

{

Vector3 v = barrier.transform.position;

barrier.transform.position = new Vector3(v.x, 10 * Random.Range(min, max), v.z);

//Debug.Log(barrier.transform.position.y);

}

三、小鸟对象

小鸟是游戏控制的主体，负责交互，小鸟的翅膀扇动效果通过纹理动画实现，即给小鸟加上一个材质球，这个材质球的图片设置为一个三个小鸟状态的图片，通过设置图片的偏移量来表示小鸟的翅膀挥动和死亡，如下：

其中Tiling设置图片缩放，Offset设置图片偏移。

小鸟的c#脚本如下：

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.UI;

using System.Threading;

using UnityEngine.SceneManagement;

//flappy bird 小鸟控制

public class BirdScript : MonoBehaviour {

public float velocity = 0.1f;

//摄像机

public Camera camera;

//分数UI

public Text text;

//摄像机与小鸟的初始相对位置

private Vector3 distance;

//一秒钟运行十帧

private int frameNum = 10;

private float timeCount;

//记录小鸟贴图的位置，控制纹理动画

private int birdCount;

//小鸟刚体

private Rigidbody rigidBody;

//小鸟是否已经GG

private bool failed;

//通过障碍物个数

private int score = 0;

void Start () {

//初始化纹理偏移

birdCount = 0;

//记录时间帧

timeCount = 0;

//初始化刚体

rigidBody = this.GetComponent<Rigidbody>();

//小鸟初速度

rigidBody.velocity = new Vector3(velocity, 0, 0); //x方向初速度

//计算摄像机和小鸟的x轴和z轴方向相对位置

Vector3 cameraPos = camera.transform.position, birdPos = this.transform.position;

distance = cameraPos - birdPos;

}

void Update () {

//让小鸟始终保持在游戏平面内

Vector3 birdPos = this.transform.position;

this.transform.position = new Vector3(birdPos.x, birdPos.y, 0);

//小鸟已死，不接受任何操作

if (failed)

{

return;

}

if (timeCount > 1.0/frameNum) //2d游戏一秒10次就可以了

{

//小鸟每帧扇动翅膀的动画

birdCount = (birdCount + 1) % 2;

//Debug.Log(birdCount);

this.GetComponent<Renderer>().material.SetTextureOffset("_MainTex", new Vector2(birdCount * 0.3333f, 0));

timeCount = 0;

}

timeCount += Time.deltaTime;

//Debug.Log(timeCount);

//控制小鸟向上

if (Input.GetMouseButtonDown(0) || Input.GetKeyDown(KeyCode.Space)) //按下鼠标左键或者键盘空格键

{

//Debug.Log("press");

//给小鸟一个向上的速度

rigidBody.velocity = new Vector3(velocity, 3, 0);

}

//手机屏幕点击事件

if (Input.touchCount == 1 && Input.touches[0].phase == TouchPhase.Began)

{

//给小鸟一个向上的速度

rigidBody.velocity = new Vector3(velocity, 4, 0);

}

//摄像机与小鸟保持同步

camera.transform.position = new Vector3(this.transform.position.x + distance.x,

camera.transform.position.y, this.transform.position.z + distance.z);

}

//小鸟撞到柱子或者掉到地面

private void OnCollisionEnter(Collision collision)

{

if (failed)

{

return;

}

string tag = collision.collider.tag;

if (tag == "Finish")

{

Debug.Log(collision.collider.name);

failed = true;

//变成死鸟

this.GetComponent<Renderer>().material.SetTextureOffset("_MainTex", new Vector2(0.6666f, 0));

//速度变成0

rigidBody.velocity = new Vector3(0, 0, 0);

//TODO 播放失败音效，显示游戏结束

//退出当前场景，回到结束场景

Thread.Sleep(2000);

SceneManager.LoadScene("end");

}

//小鸟穿过障碍物

private void OnTriggerExit(Collider other)

{

if (other.tag == "pass")

{

score++;

text.text = "通过障碍物：" + score;

//TODO 播放通过障碍物的音效

}

以上就完成了小鸟的设计。注意小鸟死亡的判断是撞到tag为“Finish”的刚体，这里把天花板和地板，以及障碍物都设置为"Finish"，而通关标识cube的tag设置为"pass"，当小鸟穿过"pass"的时候，分数++，分数的显示见后文。

四、UI组件

这里的UI组件比较简单，只有一个分数显示，小鸟每通过一个障碍物，分数加一，使用Text实现显示分数，Text组件的属性如下：

分数组件作为小鸟对象的一个属性，在小鸟穿过障碍物的时候改变。

五、开始和结束场景切换

上面基本完成了主场景的开发，接下来需要加一下开始和结束的逻辑，其实就是场景的切换。

开始按钮点击脚本：

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.SceneManagement;

public class StartClick : MonoBehaviour {

// Use this for initialization

void Start () {

Debug.Log("start...");

}

// Update is called once per frame

void Update () {

}

public void OnStartClick()

{

SceneManager.LoadSceneAsync("main");

}

结束和再来一局点击脚本：

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.SceneManagement;

public class EndOrAgainClick : MonoBehaviour {

// Use this for initialization

void Start () {

}

// Update is called once per frame

void Update () {

}

//点击came over

public void OnClose()

{

Application.Quit();

}

//点击再来一局

public void OnAgain()

{

//回到主场景

SceneManager.LoadSceneAsync("main");

}

给按钮添加事件的方法是在属性中设置，如下是开始按钮的事件脚本绑定：

使用unity3d制作像素鸟游戏相关推荐

零基础教你Unity制作像素鸟游戏【文末源码】
爆肝三天终于写完了,一文教你从零开启Unity制作像素鸟游戏前言一,新建目录二,制作材质三,场景搭建四,创建地图五,制作管道六,创建主角七,小鸟动起来八,游戏状态控制九,摄像机跟随 ...
cocos creator V1.9 制作像素鸟游戏（1）-场景设计
上次立的flag来实现了.先进行场景的设计,在制作的时候,就发现自己被打脸了.场景设计其实只要三个就可以了,最后一个结束其实在主场景上设置相关的的信息,等到游戏结束的时候再显示出来便可以了.于是,场景 ...
html5实现像素鸟,有趣的Axure案例：像素鸟游戏的设计
原标题:有趣的Axure案例:像素鸟游戏的设计这是作者第三次发布有关axure游戏的内容了,相比较前两次而言,此次的设计更加完善,难度相应的也要高很多.游戏基本上已经趋于完整,加入了game ove ...
像素鸟游戏开发教程 FlappyBird Game development tutorial
像素鸟游戏开发教程 FlappyBird Game development tutorial 作者:韩梦飞沙 Author:han_meng_fei_sha 邮箱:313134555@qq.com ...
【源码+图片素材+详细教程】Java游戏开发_Java开发经典游戏飞翔的小鸟_飞扬的小鸟_Java游戏项目Flappy Bird像素鸟游戏_Java课程设计项目
课程目标: 1.通过本课程的学习巩固Java的相关基础知识,例如循环判断,数组和集合的使用,对象的继承,接口的实现,窗口的创建,事件监听,图形绘制. 2.完成小鸟的移动,管道自动生成.碰撞死亡,计分系 ...
html像素小鸟小游戏,微信小游戏-像素鸟游戏
we_flappybird ##注意: 微信小程序绘图API中drawImage不支持图片裁剪,其实微信是支持裁剪的只是接口没有实现,可以通过修改WAService.js使其支持裁剪. 修改如下: / ...
python像素鸟游戏
目录 1.引言 2.系统结构 2.1 总体结构 2.2 局部结构 2.2.1 main模块结构 2.2.2 Bird模块结构 2.2.3 Tubing模块结构 3.代码实现 4.实验 5.总结和展望 ...
用原生js+html写一个像素鸟游戏
前言: 用html+js+css写一个面向对象板的像素鸟游戏看一下效果把: 游戏需引用的图片:(右键保存图片) bird.png land.png pipeDown.png pipeUp.png s ...
【教程+源码】Java开发经典游戏飞翔的小鸟_Java游戏项目Flappy Bird像素鸟游戏
在飞翔的小鸟游戏中,玩家只需通过点击方向键操纵让小鸟避开绿色管道等障碍物即可继续前进.如果小鸟碰到管道,游戏立即结束. 那么如何用Java编写一款属于自己的飞翔的小鸟游戏呢?其过程并不复杂,本课程详细 ...

使用unity3d制作像素鸟游戏

个人博客文章链接：http://www.huqj.top/article?id=140

使用unity3d制作像素鸟游戏相关推荐

最新文章

热门文章