城市建设网站设计,搜索引擎推广的简称,阳江公司网站建设,网上商城推广文章目录 前言素材人物瓦片其他 一、建造系统1. 定义物品类2. 绘制地图3. 实现瓦片选中效果4. 限制瓦片选择5. 放置物品功能6. 清除物品7. 生成和拾取物品功能 二、库存系统1. 简单绘制UI2. 零代码控制背包的开启关闭3. 实现物品的拖拽拖拽功能拖拽恢复问题 4. 拖拽放置物品5. … 文章目录 前言素材人物瓦片其他 一、建造系统1. 定义物品类2. 绘制地图3. 实现瓦片选中效果4. 限制瓦片选择5. 放置物品功能6. 清除物品7. 生成和拾取物品功能 二、库存系统1. 简单绘制UI2. 零代码控制背包的开启关闭3. 实现物品的拖拽拖拽功能拖拽恢复问题 4. 拖拽放置物品5. 定义物品属性6. 在库存中寻找空闲位置7. 满库存判断8. 物品数量显示9. 物品堆叠10. 快捷栏物品选择11. 选中工具功能12. 使用物品 删除物品 三、建造系统和库存系统结合最终效果源码完结 前言
本文来实现一个类泰瑞利亚游戏的demo其中主要包括经典的库存系统和建造系统
注意文章主要分为建造系统、库存系统和建造系统和库存系统结合三大部分其中建造系统和库存系统相互独立实现都可以单独提取出来使用
先来看看最终效果
素材
人物
https://assetstore.unity.com/packages/2d/characters/warrior-free-asset-195707
瓦片
https://assetstore.unity.com/packages/2d/environments/platform-tile-pack-204101
其他 一、建造系统
1. 定义物品类
游戏物品基类
using UnityEngine;
using UnityEngine.Tilemaps;// 创建一个 ScriptableObject用于表示游戏物品
[CreateAssetMenu(menuName GameObject/Item)]
public class Item : ScriptableObject
{public TileBase tile; // 物品对应的瓦片public Sprite image; // 物品的图像public ItemType type; // 物品的类型public ActionType actionType; // 物品的动作类型public Vector2Int range new Vector2Int(5, 4); // 物品的范围默认为 5x4
}// 定义枚举类型 ItemType表示物品的类型
public enum ItemType
{BuildingBlock, // 建筑块物品类型Tool // 工具物品类型
}// 定义枚举类型 ActionType表示动作的类型
public enum ActionType
{Dig, // 挖掘动作类型Mine // 开采动作类型
}using UnityEngine;// 创建一个继承自 RuleTile 的自定义规则瓦片
[CreateAssetMenu(menuName Tiles/Custom Rule Tile)]
public class RuleTileWithData : RuleTile
{public Item item; // 规则瓦片对应的物品数据
}psRuleTileWithData 的意义在于扩展了 Unity 自带的 RuleTile 类允许我们在规则瓦片中关联额外的物品数据Item。这样做的好处是我们可以在使用规则瓦片的地图中直接获取与特定瓦片关联的物品信息而不需要额外的查找或维护数据结构。
添加游戏物品和RuleTileWithData Mining同理
2. 绘制地图
简单绘制一个地图
3. 实现瓦片选中效果
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.Tilemaps;public class BuildingSystem : MonoBehaviour
{[SerializeField] private Item item; // 当前选中的物品[SerializeField] private TileBase highlightTile; // 高亮显示瓦片所使用的 TileBase[SerializeField] private Tilemap mainTilemap; // 主要的地图瓦片对象[SerializeField] private Tilemap tempTilemap; // 临时地图瓦片对象用于显示高亮瓦片private Vector3Int highlightedTilePos; // 高亮显示的瓦片在网格中的位置private bool highlighted; // 是否在高亮显示private void Update(){// 如果当前有选中的物品则在 Update 方法中更新高亮显示if (item ! null){HighlightTile(item);}}private Vector3Int GetMouseOnGridPos(){// 获取鼠标在当前网格中的位置Vector3 mousePos Camera.main.ScreenToWorldPoint(Input.mousePosition);Vector3Int mouseCellPos mainTilemap.WorldToCell(mousePos);mouseCellPos.z 0;return mouseCellPos;}private void HighlightTile(Item currentItem){// 获取鼠标在当前网格中的位置Vector3Int mouseGridPos GetMouseOnGridPos();// 如果当前高亮显示的瓦片位置不等于鼠标位置则更新高亮显示if (highlightedTilePos ! mouseGridPos){// 清除之前高亮显示的瓦片tempTilemap.SetTile(highlightedTilePos, null);// 获取当前位置的瓦片并在临时地图瓦片对象上高亮显示TileBase tile mainTilemap.GetTile(mouseGridPos);if (tile){tempTilemap.SetTile(mouseGridPos, highlightTile);highlightedTilePos mouseGridPos;highlighted true;}else{highlighted false;}}}
}Main Tilemap绘制地图Temp Tilemap用于显示选中框
挂载脚本配置参数
效果
4. 限制瓦片选择
按Item里的range控制瓦片只能在人物一定区域可选中
修改BuildingSystem
private Vector3Int playerPos; //玩家位置//。。。private void Update()
{playerPos mainTilemap.WorldToCell(transform.position);// 如果当前有选中的物品则在 Update 方法中更新高亮显示if (item ! null){HighlightTile(item);}
}
private void HighlightTile(Item currentItem)
{// 获取鼠标在当前网格中的位置Vector3Int mouseGridPos GetMouseOnGridPos();// 如果当前高亮显示的瓦片位置不等于鼠标位置则更新高亮显示if (highlightedTilePos ! mouseGridPos){// 清除之前高亮显示的瓦片tempTilemap.SetTile(highlightedTilePos, null);// 检查鼠标位置与玩家位置是否在范围内if (InRange(playerPos, mouseGridPos, (Vector3Int)currentItem.range)){// 获取鼠标位置上的瓦片并检查条件 GetTile获取指定坐标格子瓦片if (CheckCondition(mainTilemap.GetTileRuleTileWithData(mouseGridPos), currentItem)){// 在临时地图瓦片对象上高亮显示瓦片tempTilemap.SetTile(mouseGridPos, highlightTile);highlightedTilePos mouseGridPos;highlighted true;}else{highlighted false;}}else{highlighted false;}}
}
//判断鼠标位置与玩家位置是否在范围内
private bool InRange(Vector3Int positionA, Vector3Int positionB, Vector3Int range)
{// 判断两个位置之间的距离是否在范围内Vector3Int distance positionA - positionB;if (Math.Abs(distance.x) range.x || Math.Abs(distance.y) range.y){return false;}return true;
}//检查瓦片与当前物品的条件是否匹配
private bool CheckCondition(RuleTileWithData tile, Item currentItem)
{// 检查瓦片与当前物品的条件是否匹配if (currentItem.type ItemType.BuildingBlock){if (!tile){return true;}}else if (currentItem.type ItemType.Tool){if (tile){if (tile.item.actionType currentItem.actionType){return true;}}}return false;
}效果
5. 放置物品功能
BuildingSystem新增功能
private void Update()
{if (Input.GetMouseButtonDown(0))// 当玩家按下左键时{if (highlighted){if (item.type ItemType.BuildingBlock)// 如果当前选中的物品是建筑方块{Build(highlightedTilePos, item);// 放置方块}}}}
// 放置方块
private void Build(Vector3Int position, Item itemToBuild)
{tempTilemap.SetTile(position, null);// 清除临时 Tilemap 上的方块highlighted false;// 取消高亮状态mainTilemap.SetTile(position, itemToBuild.tile);// 在主 Tilemap 上放置方块
}为了测试先修改item类型为BuildingBlock
效果
6. 清除物品
private void Update()
{if (Input.GetMouseButtonDown(0))// 当玩家按下左键时{if (highlighted){if (item.type ItemType.BuildingBlock)// 如果当前选中的物品是建筑方块{Build(highlightedTilePos, item);// 放置方块}else if (item.type ItemType.Tool)// 如果当前选中的物品是工具{Destroy(highlightedTilePos);// 移除方块}}}
}
// 移除方块以及生成相应物品
private void Destroy(Vector3Int position)
{tempTilemap.SetTile(position, null);// 清除临时 Tilemap 上的方块highlighted false;// 取消高亮状态RuleTileWithData tile mainTilemap.GetTileRuleTileWithData(position);// 获取当前位置上的方块数据mainTilemap.SetTile(position, null);// 在主 Tilemap 上移除方块
}为了测试先修改item类型为Tool
效果
7. 生成和拾取物品功能
新增Loot预制体用于显示物品
新增脚本Loot
using System.Collections;
using UnityEngine;public class Loot : MonoBehaviour
{[SerializeField] private SpriteRenderer sr; // 用于显示物品图像的组件[SerializeField] private new BoxCollider2D collider; // 触发器组件[SerializeField] private float moveSpeed; // 拾取时的移动速度private Item item; // 表示此物品的数据模型// 初始化物品public void Initialize(Item item){this.item item;sr.sprite item.image; // 显示物品图像}// 当进入触发器时执行的逻辑private void OnTriggerEnter2D(Collider2D other){if (other.CompareTag(Player)){StartCoroutine(MoveAndCollect(other.transform)); // 开始移动并拾取物品}}// 移动并拾取物品的逻辑private IEnumerator MoveAndCollect(Transform target){Destroy(collider); // 拾取后销毁触发器while (transform.position ! target.position){transform.position Vector3.MoveTowards(transform.position, target.position, moveSpeed * Time.deltaTime); // 向目标移动yield return 0;}Destroy(gameObject); // 拾取完成后销毁物品对象}
}挂载脚本并配置参数
修改BuildingSystem生成物品
[SerializeField] private GameObject lootPrefab;// 拾取物品时生成的对象// 移除方块以及生成相应物品
private void Destroy(Vector3Int position)
{//。。。Vector3 pos mainTilemap.GetCellCenterWorld(position);// 获取方块中心的世界坐标GameObject loot Instantiate(lootPrefab, pos, Quaternion.identity);// 创建拾取物品loot.GetComponentLoot().Initialize(tile.item);// 初始化拾取物品数据
}记得挂载预制体修改Player标签 运行效果 为了效果更好可以去除物品直接的碰撞并减小生成物的大小 效果
二、库存系统
1. 简单绘制UI
UI绘制这里就不多说了节省大家时间之前文章已经说了很多次了不懂得可以去看我往期的文章
层级
效果
2. 零代码控制背包的开启关闭
点击背包显示背包隐藏按钮 点击背景隐藏背包开启按钮 效果 3. 实现物品的拖拽
拖拽功能
在物品插槽子集新增一个物品预制体并挂载新增脚本InventoryItem
InventoryItem 脚本
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;public class InventoryItem : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler
{[Header(UI)][HideInInspector] public Image image; // 物品的图像组件[HideInInspector] public Transform parentAfterDrag; // 记录拖拽前的父级位置//开始拖拽时调用public void OnBeginDrag(PointerEventData eventData){image transform.GetComponentImage();image.raycastTarget false; // 禁用射线检测防止拖拽物体遮挡其他UI元素的交互parentAfterDrag transform.parent; // 记录拖拽前的父级位置//transform.root 是用来获取当前对象的根物体这里及是Canvastransform.SetParent(transform.root); // 设置拖拽物体的父级为Canvas以保证拖拽物体在最上层显示}//拖拽过程中调用public void OnDrag(PointerEventData eventData){transform.position Input.mousePosition; // 将拖拽物体的位置设置为鼠标的当前位置}//拖拽结束时调用public void OnEndDrag(PointerEventData eventData){image.raycastTarget true; // 启用射线检测transform.SetParent(parentAfterDrag); // 恢复拖拽结束后物品的父级位置}
}效果
拖拽恢复问题
你会发现拖拽结束物品并没有回到原来的位置即使我们已经恢复了拖拽结束后物品的父级位置
这是因为物品的位置我们并没有恢复这里我们可以给在物品父级也就是物品插槽中新增Grid Layout Group组件强制定义子物体的布局位置 运行效果
4. 拖拽放置物品
新增InventorySlot 脚本挂载在物品插槽
using UnityEngine;
using UnityEngine.EventSystems;public class InventorySlot : MonoBehaviour, IDropHandler
{// 在拖拽物体放置在目标对象上时被调用public void OnDrop(PointerEventData eventData){//检查背包槽是否没有子物体即没有物品只有背包槽为空才能放置物品。if (transform.childCount 0){//从拖拽事件的 pointerDrag 对象中获取拖拽的物品InventoryItem inventoryItem eventData.pointerDrag.GetComponentInventoryItem();inventoryItem.parentAfterDrag transform;}}
}效果
5. 定义物品属性
using UnityEngine;
using UnityEngine.Tilemaps;// 创建一个 ScriptableObject用于表示游戏物品
[CreateAssetMenu(menuName GameObject/Item)]
public class Item : ScriptableObject
{[Header(游戏内)]public TileBase tile; // 物品对应的瓦片public ItemType type; // 物品的类型public ActionType actionType; // 物品的动作类型public Vector2Int range new Vector2Int(5, 4); // 物品的范围默认为 5x4[Header(UI内)]public bool stackable true;//是否可叠起堆放的默认是[Header(两者)]public Sprite image; // 物品的图像
}// 定义枚举类型 ItemType表示物品的类型
public enum ItemType
{BuildingBlock, // 建筑块物品类型Tool // 工具物品类型
}// 定义枚举类型 ActionType表示动作的类型
public enum ActionType
{Dig, // 挖掘动作类型Mine // 开采动作类型
}创建几种不同的物品 修改InventoryItem初始化不同的道具
public Item item;private void Start()
{image transform.GetComponentImage();InitialiseItem(item);
}public void InitialiseItem(Item newItem)
{image.sprite newItem.image;
}为了测试我们配置几种不同的物品 效果
6. 在库存中寻找空闲位置
实际使用我们肯定不可能通过挂载配置不同物品所以进行修改等待后续使用隐藏item
[HideInInspector] public Image image; // 物品的图像组件
[HideInInspector] public Item item;
[HideInInspector] public Transform parentAfterDrag; // 记录拖拽前的父级位置private void Start()
{image transform.GetComponentImage();
}public void InitialiseItem(Item newItem)
{ item newItem;image.sprite newItem.image;
}新增InventoryManager代码在库存中寻找空闲位置添加物品
using UnityEngine;public class InventoryManager : MonoBehaviour
{public InventorySlot[] inventorySlots; // 背包槽数组public GameObject inventoryItemPrefab; // 物品预制体private void Start(){//判断inventorySlots是否为空if (inventorySlots.Length 0){Debug.Log(背包槽数组没有配置请先配置好);return;}}// 添加物品到背包public void AddItem(Item item){for (int i 0; i inventorySlots.Length; i){InventorySlot slot inventorySlots[i]; // 获取当前遍历的背包槽InventoryItem itemInSlot slot.GetComponentInChildrenInventoryItem(); // 在背包槽中查找是否已经存在物品if (itemInSlot null) // 如果背包槽内没有物品{SpawnNewItem(item, slot); // 生成新的物品到这个背包槽中return;}}}// 生成新的物品到背包槽中void SpawnNewItem(Item item, InventorySlot slot){GameObject newItemGo Instantiate(inventoryItemPrefab, slot.transform); // 实例化物品预制体并设置父级为当前的背包槽InventoryItem inventoryItem newItemGo.GetComponentInventoryItem(); // 获取生成物品的 InventoryItem 组件inventoryItem.InitialiseItem(item); // 初始化物品信息}
}新增InventoryManager空节点挂载脚本绑定挂载所有的物品插槽
新增Test测试脚本用于测试添加物品功能
using UnityEngine;public class Test : MonoBehaviour
{public InventoryManager inventoryManager;public Item[] itemsToPickup;public void PickupItem(int id){inventoryManager.AddItem(itemsToPickup[id]);}
}新增测试面板挂载test脚本并新增几个按钮测试 效果
7. 满库存判断
前面有点问题如果我们库存已经满了拾取的物品就消失了这时候就需要修改InventoryManager的AddItem方法返回添加物品的状态
// 添加物品到背包
public bool AddItem(Item item)
{for (int i 0; i inventorySlots.Length; i){InventorySlot slot inventorySlots[i]; // 获取当前遍历的背包槽InventoryItem itemInSlot slot.GetComponentInChildrenInventoryItem(); // 在背包槽中查找是否已经存在物品if (itemInSlot null) // 如果背包槽内没有物品{SpawnNewItem(item, slot); // 生成新的物品到这个背包槽中return true;}}return false;
}同步修改Test代码根据返回值判断物品是否添加成功
public void PickupItem(int id)
{bool result inventoryManager.AddItem(itemsToPickup[id]);if (result true){Debug.Log(添加物品);}else{Debug.Log(添加物品失败库存已满);}
}效果
8. 物品数量显示
在物品的子集新增一个Text文本用于显示物品数量并添加Canvas Group组件将这个组件的blocksRaycasts属性设置为false表示在我们刚开始拖拽的整个过程当中鼠标不会再去把这个UI物品当作一个阻挡物来看待包括他的子物体的所有的UI对象
并修改InventoryItem物品脚本
[HideInInspector] public GameObject countText; // 数量文本
[HideInInspector] public int count 1; //默认数量public void InitialiseItem(Item newItem)
{countText transform.GetChild(0).gameObject;item newItem;image.sprite newItem.image;RefreshCount();
}public void RefreshCount()
{countText.GetComponentTextMeshProUGUI().text count.ToString();}效果 如果计算是1我们可以选择隐藏数量显示这样效果会更好
public void RefreshCount()
{countText.GetComponentTextMeshProUGUI().text count.ToString();//控制数量显示隐藏 大于1才显示bool textActive count 1;countText.gameObject.SetActive(textActive);}效果 随机添加数量测试
public void InitialiseItem(Item newItem)
{countText transform.GetChild(0).gameObject;item newItem;image.sprite newItem.image;count Random.Range(1, 4);//随机添加物品数量测试RefreshCount();}效果
9. 物品堆叠
修改InventoryManager
public int maxStackedItems 4; //最大堆叠数量默认4// 添加物品到背包
public bool AddItem(Item item)
{for (int i 0; i inventorySlots.Length; i){InventorySlot slot inventorySlots[i]; // 获取当前遍历的背包槽InventoryItem itemInSlot slot.GetComponentInChildrenInventoryItem(); // 在背包槽中查找是否已经存在物品if (itemInSlot null) // 如果背包槽内没有物品{SpawnNewItem(item, slot); // 生成新的物品到这个背包槽中return true;}else if (itemInSlot.item item itemInSlot.count maxStackedItems itemInSlot.item.stackable true){itemInSlot.count;//添加数量itemInSlot.RefreshCount();return true;}}return false;
}效果
10. 快捷栏物品选择
我们通过修改选中物品的背景颜色提供选中的视觉效果 修改InventorySlot代码
private Image image;
public Color selectedColor, notSelectedColor;private void Awake()
{image GetComponentImage();Deselect();// 初始化时取消选中
}
//选择该槽位颜色修改
public void Select()
{image.color selectedColor;
}
//取消选择该槽位颜色修改
public void Deselect()
{image.color notSelectedColor;
}修改InventoryManager
int selectedSlot -1;private void Start()
{ChangeSelectedSlot(0);//默认选中第一个槽
}void ChangeSelectedSlot(int newValue)
{if (selectedSlot 0){inventorySlots[selectedSlot].Deselect();// 取消之前选中的槽位}inventorySlots[newValue].Select();// 选择新的槽位selectedSlot newValue;// 更新选中的槽位索引
}效果 1-6键盘数字实现切换
修改InventoryManager代码
private void Update(){if (Input.GetKeyDown (KeyCode.Alpha1))ChangeSelectedSlot(0);else if (Input.GetKeyDown(KeyCode.Alpha2))ChangeSelectedSlot(1);else if (Input.GetKeyDown(KeyCode.Alpha3))ChangeSelectedSlot(2);else if (Input.GetKeyDown(KeyCode.Alpha4))ChangeSelectedSlot(3);else if (Input.GetKeyDown(KeyCode.Alpha5))ChangeSelectedSlot(4);else if (Input.GetKeyDown(KeyCode.Alpha6))ChangeSelectedSlot(5);else if (Input.GetKeyDown(KeyCode.Alpha7))ChangeSelectedSlot(6);
}优化代码
private void Update()
{if (Input.inputString ! null){bool isNumber int.TryParse(Input.inputString, out int number);if (isNumber number 0 number 8) ChangeSelectedSlot(number - 1);}
}效果
11. 选中工具功能
InventoryManager新增选中物品方法
// 获取当前选中物品
public Item GetSelectedItem(){if (inventorySlots.Length 0){InventorySlot slot inventorySlots[selectedSlot];// 获取当前选中槽位InventoryItem itemInSlot slot.GetComponentInChildrenInventoryItem();// 获取槽位上的物品if (itemInSlot ! null) return itemInSlot.item;// 如果有物品则返回物品}return null;//如果没有选中物品则返回null
}在Test脚本中测试打印
//获取当前选中物品并打印输出
public void GetSelectedItem()
{Item receivedItem inventoryManager.GetSelectedItem();//获取当前选中物品if (receivedItem ! null){Debug.Log(选中物品: receivedItem);}else{Debug.Log(没有选中物品!);}
}新增按钮测试
12. 使用物品 删除物品
修改InventoryManagerGetselectedItem方法
// 获取当前选中物品
public Item GetSelectedItem(bool use)
{if (inventorySlots.Length 0){InventorySlot slot inventorySlots[selectedSlot];// 获取当前选中槽位InventoryItem itemInSlot slot.GetComponentInChildrenInventoryItem();// 获取槽位上的物品if (itemInSlot ! null){Item item itemInSlot.item;//是否使用物品if (use true){itemInSlot.count--;//减少库存if (itemInSlot.count 0){Destroy(itemInSlot.gameObject);//删除物品}else{itemInSlot.RefreshCount();//更新数量文本显示}}return item;}}return null;//如果没有选中物品则返回null
}Test新增方法测试
//使用物品测试
public void UseSelectedItem()
{Item receivedItem inventoryManager.GetSelectedItem(true);//获取当前使用的物品if (receivedItem ! null){Debug.Log(使用物品: receivedItem);}else{Debug.Log(没有可使用的物品!);}
}效果
三、建造系统和库存系统结合
把库存系统的UI全部到建造系统里并重新物品插槽信息
修改InventoryManager配置开始时默认显示物品的物品信息
public Item[] startItems; //默认物品列表private void Start()
{ChangeSelectedSlot(0);//默认选中第一个槽foreach (var item in startItems){AddItem(item);}}这里我默认配置两个工具
修改InventoryManager为单例方便其他地方调用
public static InventoryManager instance;void Awake(){instance this;
}修改BuildingSystem获取当前选中物品
// [SerializeField] private Item item; // 当前选中的物品private void Update()
{Item item InventoryManager.instance.GetSelectedItem(false);
}收集物品修改Loot代码
// 当进入触发器时执行的逻辑
private void OnTriggerEnter2D(Collider2D other)
{if (other.CompareTag(Player)){bool canAdd InventoryManager.instance.AddItem(item);if (canAdd){StartCoroutine(MoveAndCollect(other.transform));// 开始移动并拾取物品}}
}使用减少物品修改BuildingSystem代码
// 放置方块
private void Build(Vector3Int position, Item itemToBuild)
{InventoryManager.instance.GetSelectedItem(true);tempTilemap.SetTile(position, null);// 清除临时 Tilemap 上的方块highlighted false;// 取消高亮状态mainTilemap.SetTile(position, itemToBuild.tile);// 在主 Tilemap 上放置方块
}最终效果 源码
整理好后我会放上来
完结
赠人玫瑰手有余香如果文章内容对你有所帮助请不要吝啬你的点赞评论和关注以便我第一时间收到反馈你的每一次支持都是我不断创作的最大动力。点赞越多更新越快哦当然如果你发现了文章中存在错误或者有更好的解决方法也欢迎评论私信告诉我哦
好了我是向宇https://xiangyu.blog.csdn.net
一位在小公司默默奋斗的开发者出于兴趣爱好于是最近才开始自习unity。如果你遇到任何问题也欢迎你评论私信找我 虽然有些问题我可能也不一定会但是我会查阅各方资料争取给出最好的建议希望可以帮助更多想学编程的人共勉~
