【unity实战】Unity中基于瓦片的网格库存系统——类似《逃离塔科夫》的库存系统（上）：https://developer.aliyun.com/article/1553558
判断物品是否超出边界范围
修改ItemGrid
//按格子坐标添加物品 public bool PlaceItem(Item item, int posX, int posY) { //判断物品是否超出边界 if (BoundryCheck(posX, posY, item.itemData.width, item.itemData.height) == false) return false; //... return true; } //判断物品是否超出边界 bool BoundryCheck(int posX, int posY, int width, int height) { if (PositionCheck(posX, posY) == false) return false; posX += width - 1; posY += height - 1; if (PositionCheck(posX, posY) == false) return false; return true; } //判断格子坐标是否超出 bool PositionCheck(int posX, int posY) { if (posX < 0 || posY < 0) return false; if (posX >= gridSizeWidth || posY >= gridSizeHeight) return false; return true; }
修改InventoryController
private void Update() { //... if (Input.GetMouseButtonDown(0)) { Vector2Int tileGridPosition = selectedItemGrid.GetTileGridPosition(Input.mousePosition); if (selectedItem == null) { //选中物品 selectedItem = selectedItemGrid.PickUpItem(tileGridPosition.x, tileGridPosition.y); } else { // 移动物品 PlaceItem(tileGridPosition); } } } //移动物品 void PlaceItem(Vector2Int tileGridPosition){ bool complete = selectedItemGrid.PlaceItem(selectedItem, tileGridPosition.x, tileGridPosition.y); if(complete) selectedItem = null; }
效果
物品放置重叠，交换物品
修改InventoryController
Item overlapItem;//重叠物品 //移动物品 void PlaceItem(Vector2Int tileGridPosition){ bool complete = selectedItemGrid.PlaceItem(selectedItem, tileGridPosition.x, tileGridPosition.y, ref overlapItem); if(complete) { selectedItem = null; //如果存在重叠物品 if(overlapItem != null) { selectedItem = overlapItem; overlapItem = null; } } }
修改ItemGrid
//按格子坐标添加物品 public bool PlaceItem(Item item, int posX, int posY, ref Item overlapItem) { //判断物品是否超出边界 if (BoundryCheck(posX, posY, item.itemData.width, item.itemData.height) == false) return false; //检查指定位置和范围内是否存在重叠物品，有多个重叠物品退出 if (OverlapCheck(posX, posY, item.itemData.width, item.itemData.height, ref overlapItem) == false) return false; if(overlapItem) CleanGridReference(overlapItem); //... } //检查指定位置和范围内是否存在重叠物品，并overlapItem返回重叠物品，，有多个重叠物品返回false private bool OverlapCheck(int posX, int posY, int width, int height, ref Item overlapItem) { for (int x = 0; x < width; x++) { for (int y = 0; y < height; y++) { // 如果当前位置有物品 if (itemSlot[posX + x, posY + y] != null) { // 如果 overlapItem 还未被赋值（第一次找到重叠物品） if (overlapItem == null) { overlapItem = itemSlot[posX + x, posY + y]; } else { // 如果发现范围有多个重叠物品 if (overlapItem != itemSlot[posX + x, posY + y]){ overlapItem = null; return false; } } } } } // 如果所有被检查的位置都有相同的重叠物品，则返回 true return true; }
效果
放置加入点偏移量
修改InventoryController放置时加入点偏移量，让放置效果更好
private void Update() { //TODO: 方便测试，动态随机添加物品 if (Input.GetKeyDown(KeyCode.Q)) { CreateRandomItem(); } //物品跟随鼠标 if (selectedItem) selectedItem.transform.position = Input.mousePosition; if (selectedItemGrid == null) return; if (Input.GetMouseButtonDown(0)) { LeftMouseButtonPress(); } } //点击操作 private void LeftMouseButtonPress() { Vector2 position = Input.mousePosition; if (selectedItem != null) { position.x -= (selectedItem.itemData.width - 1) * ItemGrid.tileSizeWidth / 2; position.y += (selectedItem.itemData.height - 1) * ItemGrid.tileSizeHeight / 2; } Vector2Int tileGridPosition = selectedItemGrid.GetTileGridPosition(position); if (selectedItem == null) { //选中物品 selectedItem = selectedItemGrid.PickUpItem(tileGridPosition.x, tileGridPosition.y); } else { // 移动物品 PlaceItem(tileGridPosition); } }
效果
突出显示我们选中的物品
修改ItemGrid
//按格子坐标转化为UI坐标位置 public Vector2 CalculatePositionOnGrid(Item item, int posX, int posY) { Vector2 position = new Vector2(); position.x = posX * tileSizeWidth + tileSizeWidth * item.itemData.width / 2; position.y = -(posY * tileSizeHeight + tileSizeHeight * item.itemData.height / 2); return position; } //按格子坐标获取物品 internal Item GetItem(int x, int y) { return itemSlot[x, y]; }
新增InventoryHighlight，控制高亮背景显示
//控制高亮背景显示 public class InventoryHighlight : MonoBehaviour { [SerializeField] RectTransform highlighter; // 设置高亮框大小 public void SetSize(Item targetItem) { Vector2 size = new Vector2(); size.x = targetItem.itemData.width * ItemGrid.tileSizeWidth; size.y = targetItem.itemData.height * ItemGrid.tileSizeHeight; highlighter.sizeDelta = size; } // 设置高亮框位置 public void SetPosition(ItemGrid targetGrid, Item targetItem) { Vector2 pos = targetGrid.CalculatePositionOnGrid(targetItem, targetItem.onGridPositionX, targetItem.onGridPositionY); highlighter.localPosition = pos; } //显示隐藏 public void Show(bool b){ highlighter.gameObject.SetActive(b); } //设置高亮背景父级 public void SetParent(ItemGrid targetGrid){ highlighter.SetParent(targetGrid.GetComponent<RectTransform>()); } //设置高亮框位置 public void SetPosition(ItemGrid targetGrid, Item targetItem, int posX, int posY) { Vector2 pos = targetGrid.CalculatePositionOnGrid(targetItem, posX, posY); highlighter.localPosition = pos; } }
修改InventoryController
InventoryHighlight inventoryHighlight; Item itemToHighlight;//高亮显示物品 private void Start() { canvas = FindObjectOfType<Canvas>(); inventoryHighlight = GetComponent<InventoryHighlight>(); } private void Update() { //TODO: 方便测试，动态随机添加物品 if (Input.GetKeyDown(KeyCode.Q)) { CreateRandomItem(); } //物品跟随鼠标 if (selectedItem) selectedItem.transform.position = Input.mousePosition; if (selectedItemGrid == null) { inventoryHighlight.Show(false); return; } if (Input.GetMouseButtonDown(0)) { // 获取当前鼠标位置在网格中的格子坐标，并打印到控制台 Debug.Log(selectedItemGrid.GetTileGridPosition(Input.mousePosition)); LeftMouseButtonPress(); } //高亮显示 HandleHighlight(); } //点击操作，选中物品 private void LeftMouseButtonPress() { Vector2Int tileGridPosition = GetTileGridPosition(); if (selectedItem == null) { //选中物品 selectedItem = selectedItemGrid.PickUpItem(tileGridPosition.x, tileGridPosition.y); } else { // 移动物品 PlaceItem(tileGridPosition); } } //鼠标坐标转化为格子坐标 private Vector2Int GetTileGridPosition() { Vector2 position = Input.mousePosition; if (selectedItem != null) { position.x -= (selectedItem.itemData.width - 1) * ItemGrid.tileSizeWidth / 2; position.y += (selectedItem.itemData.height - 1) * ItemGrid.tileSizeHeight / 2; } Vector2Int tileGridPosition = selectedItemGrid.GetTileGridPosition(position); return tileGridPosition; } //高亮显示 private void HandleHighlight() { Vector2Int positionOnGrid = GetTileGridPosition(); if (selectedItem == null) { itemToHighlight = selectedItemGrid.GetItem(positionOnGrid.x, positionOnGrid.y); if (itemToHighlight != null) { inventoryHighlight.Show(true); inventoryHighlight.SetSize(itemToHighlight); inventoryHighlight.SetParent(selectedItemGrid); inventoryHighlight.SetPosition(selectedItemGrid, itemToHighlight); }else{ inventoryHighlight.Show(false); } } else { inventoryHighlight.Show(selectedItemGrid.BoundryCheck( positionOnGrid.x, positionOnGrid.y, selectedItem.itemData.width, selectedItem.itemData.height) );//防止显示跨界 inventoryHighlight.SetSize(selectedItem); inventoryHighlight.SetParent(selectedItemGrid); inventoryHighlight.SetPosition(selectedItemGrid, selectedItem, positionOnGrid.x, positionOnGrid.y); } }
新增高亮背景
挂载配置
效果
优化
修改InventoryController，节约不必要的计算
Vector2Int oldPosition; //高亮显示 private void HandleHighlight() { Vector2Int positionOnGrid = GetTileGridPosition(); //节约没必要的计算 if(oldPosition == positionOnGrid) return; oldPosition = positionOnGrid; //... }
最好为光线投射添加一些填充，Raycast Padding区域
多个背包
只要复制背包，修改尺寸即可
效果
自动入库物品
修改ItemGrid
//按格子坐标添加物品 public bool PlaceItem(Item item, int posX, int posY, ref Item overlapItem) { //判断物品是否超出边界 if (BoundryCheck(posX, posY, item.itemData.width, item.itemData.height) == false) return false; //检查指定位置和范围内是否存在重叠物品，有多个重叠物品退出 if (OverlapCheck(posX, posY, item.itemData.width, item.itemData.height, ref overlapItem) == false) return false; if (overlapItem) CleanGridReference(overlapItem); PlaceItem(item, posX, posY); return true; } //按格子坐标添加物品 public void PlaceItem(Item item, int posX, int posY) { item.transform.SetParent(transform, false); // 按物品尺寸占用对应大小的格子 for (int ix = 0; ix < item.itemData.width; ix++) { for (int iy = 0; iy < item.itemData.height; iy++) { itemSlot[posX + ix, posY + iy] = item; } } item.onGridPositionX = posX; item.onGridPositionY = posY; Vector2 position = CalculatePositionOnGrid(item, posX, posY); item.transform.localPosition = position; } // 检查指定位置是否有足够的空间来放置物品 private bool CheckAvailableSpace(int posX, int posY, int width, int height) { for (int x = 0; x < width; x++) { for (int y = 0; y < height; y++) { if (itemSlot[posX + x, posY + y] != null) { return false; // 如果当前位置已经有物品，则返回false } } } return true; // 如果所有位置都空闲，则返回true } // 在网格中找到适合放置物品的位置Data public Vector2Int? FindSpaceForObject(ItemData itemData) { int height = gridSizeHeight - itemData.height + 1; int width = gridSizeWidth - itemData.width + 1; for (int y = 0; y < height; y++) { for (int x = 0; x < width; x++) { if (CheckAvailableSpace(x, y, itemData.width, itemData.height) == true) { return new Vector2Int(x, y); // 返回找到的空闲位置 } } } return null; // 如果没有找到合适的位置，则返回null }
修改InventoryController
//TODO：方便测试，随机入库物品 if (Input.GetKeyDown(KeyCode.W)) { InsertRandomItem(); } //随机入库物品 private void InsertRandomItem() { if(selectedItemGrid == null) return; int index = UnityEngine.Random.Range(0, items.Count); // 在网格中找到适合放置物品的位置 Vector2Int? posOnGrid = selectedItemGrid.FindSpaceForObject(items[index]); if (posOnGrid == null) return; Item item = Instantiate(itemPrefab).GetComponent<Item>(); item.transform.SetParent(canvas.transform, false); item.Set(items[index]); // 将物品放置到网格中的指定位置 selectedItemGrid.PlaceItem(item, posOnGrid.Value.x, posOnGrid.Value.y); }
效果
旋转物品
修改Item
public bool rotated = false; //旋转物品 public void Rotate() { rotated = !rotated; transform.rotation = Quaternion.Euler(0, 0, rotated == true ? 90f : 0f); }
修改InventoryController
//旋转物品 if (Input.GetKeyDown(KeyCode.R)) { RotateItem(); } //旋转物品 void RotateItem(){ if (selectedItem == null) return; selectedItem.Rotate(); }
效果
修改旋转高亮背景和占位也跟着旋转
修改Item
public int WIDTH{ get{ if(rotated == false){ return itemData.width; } return itemData.height; } } public int HEIGHT{ get{ if(rotated == false){ return itemData.height; } return itemData.width; } }
然后修改InventoryController、ItemGrid和InventoryHighlight把
item.itemData.width改为 item.WIDTH
item.itemData.height改为item.HEIGHT
给大家提供一个技巧，可以先修改ItemData宽高注释，这时代码会报错，对应修改位置即可，然后再还原回去
效果
选中拖拽物品排序问题
修改InventoryController，大概就是添加selectedItem.transform.SetAsLastSibling();保证选中对象排最后，及排序最靠前
//点击操作，选中物品 private void LeftMouseButtonPress() { Vector2Int tileGridPosition = GetTileGridPosition(); if (selectedItem == null) { //选中物品 selectedItem = selectedItemGrid.PickUpItem(tileGridPosition.x, tileGridPosition.y); selectedItem.transform.SetAsLastSibling(); } else { // 移动物品 PlaceItem(tileGridPosition); } } //移动物品 void PlaceItem(Vector2Int tileGridPosition) { bool complete = selectedItemGrid.PlaceItem(selectedItem, tileGridPosition.x, tileGridPosition.y, ref overlapItem); if (complete) { selectedItem = null; //如果存在重叠物品 if (overlapItem != null) { selectedItem = overlapItem; overlapItem = null; selectedItem.transform.SetAsLastSibling(); } } } //随机添加物品 private void CreateRandomItem() { if (selectedItem) return; Item item = Instantiate(itemPrefab).GetComponent<Item>(); selectedItem = item; selectedItem.transform.SetParent(canvas.transform, false); selectedItem.transform.SetAsLastSibling(); int index = UnityEngine.Random.Range(0, items.Count); item.Set(items[index]); }
效果
最终效果
源码
整理好了我会放上来
