本章内容介绍
由于目前预想的运行环境是PC端，但后续也可能移植到手机端，且有可能提供玩家自定义关卡的功能，所以将防御塔建造点设置为固定位置模式。也就是当鼠标停留在可建造防御塔的位置时显示一个建造区域，当鼠标点击这个区域时弹出建造防御塔的UI菜单。如下图：
演示效果如下：
Unity制作炮台防守游戏（2）建造炮台
制作生成器
用PS做一张图，将图的四个角涂上白线，中间部分做成半透明状。
然后在场景中创建一个 Cube ，调整形状。将 Cube 的阴影关闭，再给 Cube 创建一个材质。如下图：
将图片导入项目中，如下设置材质。
后续通过代码调整图片的透明度来实现防御塔生成器的显示与隐藏。
生成器Hierarchy
创建一个空节点，再给节点下放一个 Generator。Generator 节点上挂一个 DefenseGenerator 脚本。
DefenseGenerator 代码如下：
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class DefenseGenerator : MonoBehaviour
{
[HideInInspector]
public GameObject Defense;
void Start()
{
}
/// <summary>
/// 鼠标指向生成器事件
/// </summary>
public void OnRayGenerator()
{
}
/// <summary>
/// 选中生成器事件
/// </summary>
public void OnSelectGenerator()
{
Camera.main.WorldToScreenPoint(transform.position);
Debug.Log("============" + Camera.main.WorldToScreenPoint(transform.position));
}
/// <summary>
/// 建造防御塔
/// </summary>
public void BuildDefense()
{
}
/// <summary>
/// 销毁防御塔
/// </summary>
public void DestroyDefense()
{
}
/// <summary>
/// 升级防御塔
/// </summary>
public void UpgradeDefense()
{
}
}
高亮显示生成器
给 GameScript 添加一个脚本（DefenseManager），并做如下设置：
DefenseManager 代码如下：
using Excel;
using System;
using System.Collections.Generic;
using TDGameDemo.GameDefense;
using TDGameDemo.GameLevel;
using UnityEngine;
using UnityEngine.UI;
public class DefenseManager : MonoBehaviour
{
/// <summary>
/// 检测射线
/// </summary>
private Ray ray;
/// <summary>
/// 射线击中点
/// </summary>
private RaycastHit hit;
/// <summary>
/// 屏幕外的一个点
/// </summary>
public Transform OutScreenPosition;
/// <summary>
/// 生成器UI
/// </summary>
public GameObject GeneratorUICanvas;
/// <summary>
/// 当前生成器位置
/// </summary>
private Transform currGeneratorPosition;
/// <summary>
/// 当前指针指向的生成器
/// </summary>
private GameObject currPointerGenerator;
/// <summary>
/// 当前选中的生成器
/// </summary>
private GameObject currSelectedGenerator;
/// <summary>
/// 生成点 ***************TODO****************
/// </summary>
public Transform _generatePoint;
/// <summary>
/// 创建菜单面板
/// </summary>
public GameObject CreatePanel;
private bool isBtnClick;
private Dictionary<int, List<DefenseConfig>> _defenseConfigs;
private List<Transform> _createBtnList;
private void Start()
{
currGeneratorPosition = OutScreenPosition;
_createBtnList = new List<Transform>();
InitConfig();
InitCreatePanel(7);
}
/// <summary>
/// 初始化创建菜单面板
/// </summary>
/// <param name="defenseTypeCode">当前关卡可以创建的防御塔类型合成码。例如：14代表2（炮塔）+4（毒液塔）+8（冰锥塔）。</param>
public void InitCreatePanel(int defenseTypeCode)
{
foreach (Transform createBtn in CreatePanel.transform)
{
createBtn.transform.GetComponent<Image>().enabled = false;
}
for (int i = 0; i < Enum.GetValues(typeof(DefenseType)).Length; i++)
{
if (((defenseTypeCode >> i) & 1) == 1)
{
Transform createBtn = CreatePanel.transform.Find(Enum.GetName(typeof(DefenseType), (int)Mathf.Pow(2, i)));
createBtn.GetComponent<Image>().enabled = true;
createBtn.GetComponent<ETCButton>().onDown.AddListener(() => { OnCreateButtonDown(createBtn.name); });
_createBtnList.Add(createBtn);
}
}
// 根据防御塔数量决定按钮的旋转角度
for (int i = 0; i < _createBtnList.Count; i++)
{
// 计算旋转角度
float angle = 360 / _createBtnList.Count * i + 90;
// 使用公式算出按钮坐标
//x = centerX + radius * cos(angle * 3.14 / 180)
//y = centerY + radius * sin(angle * 3.14 / 180)
_createBtnList[i].position = new Vector3(100 * Mathf.Cos(angle * Mathf.PI / 180), 100 * Mathf.Sin(angle * Mathf.PI / 180), 0);
}
}
public void OnCreateButtonDown(string btnName)
{
currGeneratorPosition = OutScreenPosition;
isBtnClick = true;
GameObject defensePrefab = Resources.Load<GameObject>(Level.DEFENSE_PREFAB_PREFIX + "Prefab_Defense_" + btnName + "_1");
GameObject o = Instantiate(defensePrefab, currSelectedGenerator.transform.parent.position, Quaternion.identity, currSelectedGenerator.transform.parent);
//o.GetComponent<DefenseBase>()._enemyGeneratePoint = _generatePoint;
}
private void LateUpdate()
{
if (!isBtnClick)
{
// 判断鼠标有没有悬停在GeneratorUI上
ray = Camera.main.ScreenPointToRay(Input.mousePosition);
bool isCollider = Physics.Raycast(ray, out hit, 1000, LayerMask.GetMask("Generator"));
if (isCollider)
{
GameObject generator = hit.collider.gameObject;
if (currPointerGenerator == null)
{
currPointerGenerator = generator;
}
else
{
// 如果当前鼠标停留的生成器与之前不同
if (currPointerGenerator != generator)
{
currPointerGenerator.GetComponent<Renderer>().material.SetColor("_Color", Color.clear);
currPointerGenerator = generator;
}
}
currPointerGenerator.GetComponent<Renderer>().material.SetColor("_Color", new Color(0.1610479f, 0.5566038f, 0, 1));
// 处理点击事件
if (Input.GetMouseButtonDown(0))
{
SelectGenerator(currPointerGenerator);
}
}
else
{
if (currPointerGenerator != null)
{
currPointerGenerator.GetComponent<Renderer>().material.SetColor("_Color", Color.clear);
}
else
{
//currGeneratorPosition = OutScreenPosition;
}
// 处理点击事件
if (Input.GetMouseButtonDown(0))
{
currSelectedGenerator = null;
}
}
if (currSelectedGenerator == null)
{
GeneratorUICanvas.transform.position = Camera.main.WorldToScreenPoint(OutScreenPosition.position);
}
else
{
GeneratorUICanvas.transform.position = Camera.main.WorldToScreenPoint(currGeneratorPosition.position);
}
}
isBtnClick = false;
}
/// <summary>
/// 选择生成器
/// </summary>
/// <param name="selectedGenerator">被选中的生成器</param>
private void SelectGenerator(GameObject selectedGenerator)
{
currSelectedGenerator = selectedGenerator;
currGeneratorPosition = currSelectedGenerator.transform;
判断是否已经有炮台存在
//if (currGeneratorPosition.GetComponent<DefenseGenerator>().Defense == null)
//{
// // 建造炮台
// //Debug.Log("建造炮台");
// currGeneratorPosition.GetComponent<DefenseGenerator>().OnSelectGenerator();
//}
//else
//{
// // 升级炮台
// //Debug.Log(isCollider);
//}
}
}
代码中 LateUpdate 方法使用射线判断鼠标是否指向了生成器，并实现了生成器的显隐与选择功能。
制作箭塔菜单
在 UI 画布下创建一个菜单UI（GeneratorUICanvas）和一个肯定不会出现在屏幕内的空物体（OutScreenPosition）。在菜单UI中建立几个按钮（我使用的是EasyTouch里面提供的 ETCButton）。
替换按钮图片：
将创建菜单对齐到选中的生成器
在 LateUpdate 方法中调用了 SelectGenerator 方法，该方法用于将菜单对齐到选中的生成器。
动态生成按钮
为了增加游戏可玩性，可以给每个关卡单独配置允许建造哪些防御塔。为了简化配置项，我们将炮塔的 code 设置为2的n次方，这样就可以用一个数字表示多个防御塔了。
防御塔 code 按照下图配置：
如果我本关需要使用箭塔（1）、炮塔（2）、多重箭塔（64）、电塔（256），我们只需要在关卡配置文件中指定一个数字 323 （1 + 2 + 64 + 256）即可。
在程序中解析这个配置时只需要判断 code向右位移n位后再按位与1后得到的值 是否等于 1即可，其中code代表我们刚才设置的 323 。伪代码：
if (((code >> i) & 1) == 1)
真实代码：下图第127行。
上述代码需要提供一个枚举：
public enum DefenseType
{
SingleArrow = 1,
Cannon = 2,
Poison = 4,
Ice = 8
}
遍历枚举，根据上面的判断条件判断出那些按钮需要显示，并将这些按钮放到一个列表（_createBtnList）中，方便后续对按钮进行统一处理。
动态计算按钮坐标
由于按钮的数量是可变的，所以我将按钮的位置设计成围绕着生成器旋转排列。当按钮数量为 3 时，就每隔 120° 放一个按钮，当按钮数量为 4 时，就隔 90° 。
计算圆上某个点的坐标公式为：
x = centerX + radius * cos(angle * 3.14 / 180)
y = centerY + radius * sin(angle * 3.14 / 180)
实际代码：
通过遍历上一节生成的 _createBtnList ，计算每个按钮的旋转角度，再根据角度计算出按钮的坐标。最后再给这个角度增加90°，让起始坐标从 3 点钟方向变为 12 点钟方向。
制作预制件
先准备好要用的模型，将模型放到某一个生成器下，调整好大小，最后做成预制件。
将这些预制件放到 Resources 目录下，通过代码动态加载。
最终运行效果
更多内容请查看总目录【Unity】Unity学习笔记目录整理