2048化学元素版？一文教你Unity零基础制作2048！文末源码，线上试玩
Posted 陈言必行
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了2048化学元素版？一文教你Unity零基础制作2048！文末源码，线上试玩相关的知识，希望对你有一定的参考价值。
2048化学元素版？一文教你Unity零基础制作2048！
前言
玩游戏也能学习知识？还记得高中时的化学元素常见金属活动性属性表吗？一起来复习一下：钾K，钙Ca，钠Na，镁Mg，铝Al，锌Zn，铁Fe， 锡Ni，铅Sn，氢(H)，铜Cu，汞Hg，银Ag，铂Pt，金Au。 一股很熟悉的味道有没有？一起来看看化学元素和游戏之间发生的碰撞吧~
一，游戏介绍和效果展示
2048 一款益智小游戏，游戏的规则十分简单，简单易上手的数字小游戏，闲来无事，自己制作一个，却怎么也到没有成功到2048。评论去区有上线玩耍地址，试试看你还能不能达成2048？
老规矩，先看下按照此博文一步步操作完成的效果吧~
二，开发前的准备工作
2.1 创建工程
打开Unity Hub 点击“新建”，在弹窗中输入 --> “项目名称” --> 选择"项目位置" --> “项目版本控制系统” 选不选都行，不需要在云端备份的话就不要选（我一般不选）
，选了没用过的话，会自动帮你安装PlasticSCM到本地。最后点击创建即可。
2.2 导入素材
将提前准备好的素材(图片和声音)导入工程。(文末会提供下载地址)
-
方式一: 在"Project"面板右键 --> “Improt Package” --> “Custom Package…” --> 选择自己下载下来的UnityPackage --> 最后点击"Import" 导入。
-
方式二: 直接将下载还的UnityPackage，拖拽到项目中，然后点击"Import" 导入:
导入项目后工程目录如下:
三，游戏开发进行中
3.1 游戏场景搭建
-
设置分辨率：点击Game视图分辨率选框，设置为(1080x1920)，没有的话点击加号自行添加一个，或者使用一个竖屏的就可以。
-
创建背景:右键UI --> Image 创建后，重命名为BG，将其锚点设置为铺满，源文件指定为素材"play_bg_forest_dark":
-
修改Canvas:将自动创建出来的Canvas的Canvas Scaler 属性设置如下:
-
创建格子: 在“Canvas”下创建Image，重命名为“MapBg”，将其宽高设置为(1720,1720)，然后修改其颜色为浅蓝色，透明度相应调低，效果如下:(自己觉得好看就可以了)
然后在“MapBg”下再次创建一个Image，重命名为“gezi”，将其宽高设置为(400,388)，调整其颜色为(22,0,192,30)，还是一样调整到自己喜欢的颜色即可。然后“Ctrl + D” 复制15个格子出来:
最后在“MapBg”上添加"Grid Layout Group"，属性设置如下图，将格子铺满到地图背景上:
-
创建数字池: 右键创建一个空物体作为加载数字的父物体，并命名为“NumPool”，所有属性默认即可。
-
创建数字预制体: 右键Image重命名为Num，宽高调整为和格子一样大(400,380)，然后将其拽到Resources文件夹下，作为预制体，然后右键删除场景中Num即可:
-
游戏结束面板：创建Image命名为“UIFinsh”，铺满背景。在“UIFinsh”下在创建一个Text和一个Button，作为游戏结束显示文本和重新开始按钮:
3.2 核心代码编写
场景终于搭建完了，下面开始编写脚本吧，完整代码在四中给出，这里只讲解实现思路，查看核心逻辑。
-
在Project下创建Scripts文件夹，然后创建"Manager.cs" 和 “Number.cs” 脚本。
-
基础逻辑就是：默认生成两个数字，接收用户输入，管理器触发移动逻辑，数字移动并校验合并，移动后校验是否游戏结束，若结束处理游戏结束摞，若未结束在自动生成一个数字:
-
Manager中接收用户输入的方式一种是在移动端的滑动，一种是在PC端的按下剪头或WASD上下左右移动:
-
Manager收到用户输入后的控制游戏数字移动逻辑:
-
Num类收到Manager的移动，合并逻辑处理:
-
最后将Manager挂载到“BG”，并对公有变量’PoolManager’和’UIFinsh’赋值，如下图即可:
-
将Number脚本挂载到上面制作的预制体“Num”上即可。
此时所有的游戏逻辑就都完成，运行游戏就可以玩耍了~
3.3 游戏音效处理
音效是这一个游戏的很重要的部分，一个好的音效可以让用户得到更好的反馈，所以再简单的游戏也要有背景音和音效给用户一个好的交互体验。
-
背景音乐:在“BG”上，添加组件“Audio Source”，将音频文件“bg_1”赋值给AudioClip并勾选Loop，即可完成自动循环播放背景音乐:
-
数字音效:同理在“Num”预制体上添加组件“Audio Source”，将音频文件“num”赋值给AudioClip，其他属性默认即可。
四，游戏完成源码分享
4.1 Manager游戏管理类
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class Manager : MonoBehaviour
{
public static Manager _isnstance; //单例模式的引用
public Transform poolManager; //生成数字的池子
private GameObject numPrefab; //数字的预制体
public Number[,] numbers = new Number[4, 4]; //保存方格中的数组
//正在移动中的Num
public List<Number> isMovingNum = new List<Number>();
public bool hasMove = false; //是否有数字发生了移动
public GameObject UIFinsh; //游戏结束页面
void Awake()
{
_isnstance = this;
}
void Start()
{
numPrefab = Resources.Load<GameObject>("Num");
// 开始游戏
ReStartBtn();
// 游戏结束面板按钮监听，重新开始
UIFinsh.GetComponentInChildren<Button>().onClick.AddListener(ReStartBtn);
}
// 重新开始
void ReStartBtn()
{
isMovingNum.Clear();
numbers = new Number[4, 4];
for (int i = poolManager.childCount - 1; i >= 0; i--)
{
Destroy(poolManager.GetChild(i).gameObject);
}
hasMove = false;
//游戏开始生成两个数字
CreateNun();
CreateNun();
UIFinsh.SetActive(false);
}
void CreateNun()
{
GameObject go = Instantiate(numPrefab);
go.transform.parent = poolManager;
go.transform.localScale = Vector3.one;
}
#region 检测键盘和触摸输入
void Update()
{
//--------- 移动端检测逻辑 ---------
//有触摸点，且滑动
if (isMovingNum.Count == 0)
{
if (Input.touchCount > 0 && Input.GetTouch(0).phase == TouchPhase.Moved)
{
int dieX = 0;
int dieY = 0;
//获取滑动的距离
Vector2 touchDelPos = Input.GetTouch(0).deltaPosition;
if (Mathf.Abs(touchDelPos.x) > Mathf.Abs(touchDelPos.y))
{
//滑动距离
if (touchDelPos.x > 10)
{
dieX = 1;
}
else
if (touchDelPos.x < -10)
{
dieX = -1;
}
}
else
{
if (touchDelPos.y > 10)
{
dieY = 1;
}
else if (touchDelPos.y < -10)
{
dieY = -1;
}
}
MoveNum(dieX, dieY);
}
}
//--------- PC端检测逻辑 ---------
if (isMovingNum.Count == 0)
{
int dieX = 0;
int dieY = 0;
if (Input.GetKeyDown(KeyCode.A) || Input.GetKeyDown(KeyCode.LeftArrow))
{
dieX = -1;
}
else
if (Input.GetKeyDown(KeyCode.D) || Input.GetKeyDown(KeyCode.RightArrow))
{
dieX = 1;
}
else
if (Input.GetKeyDown(KeyCode.W) || Input.GetKeyDown(KeyCode.UpArrow))
{
dieY = 1;
}
else
if (Input.GetKeyDown(KeyCode.S) || Input.GetKeyDown(KeyCode.DownArrow))
{
dieY = -1;
}
MoveNum(dieX, dieY);
}
if (hasMove && isMovingNum.Count == 0) //生成新的数字
{
CreateNun();
hasMove = false;
for (int i = 0; i < 4; i++)
{
for (int j = 0; j < 4; j++)
{
if (numbers[i, j] != null)
{
numbers[i, j].OneMove = false;
}
}
}
}
}
#endregion
#region 游戏逻辑
/// <summary>
/// 数字移动方法
/// </summary>
/// <param name="directionX"></param>
/// <param name="directionY"></param>
public void MoveNum(int directionX, int directionY)
{
if (directionX == 1) //向右移动
{
//首先将空格填满 最右侧列不需做判断
for (int j = 0; j < 4; j++)
{
for (int i = 2; i >= 0; i--)
{
if (numbers[i, j] != null) //格子中有物体（数字），，调用移动方法
{
numbers[i, j].Move(directionX, directionY);
}
}
}
}
else
//===========向左移动==================
if (directionX == -1)
{
for (int j = 0; j < 4; j++)
{
for (int i = 1; i < 4; i++)
{ //最左侧的一列 [0,0] [0,1] [0,2] [0,3]
if (numbers[i, j] != null)
{
numbers[i, j].Move(directionX, directionY);
}
}
}
}
else
//===========向上移动==================
if (directionY == 1)
{
for (int i = 0; i < 4; i++)
{
for (int j = 2; j >= 0; j--)
{
if (numbers[i, j] != null)
{
numbers[i, j].MoveUnity3D开发小游戏Unity3D零基础一步一步教你制作跑酷类游戏
游戏开发建模教你使用Unity ProBuilder制作基础模型，搭建场景原型（ 保姆级教程 | Unity 2021最新版）
游戏开发建模教你使用Unity ProBuilder制作基础模型，搭建场景原型（ 保姆级教程 | Unity 2021最新版）
游戏开发建模教你使用Unity ProBuilder制作基础模型，搭建场景原型（ 保姆级教程 | Unity 2021最新版）
游戏开发建模教你使用Unity ProBuilder制作基础模型，搭建场景原型（ 保姆级教程 | Unity 2021最新版）