• Unity背包系统

    Unity背包系统

    提示：以下是本篇文章正文内容

    简单说明

    利用ScriptableObject自定义资源脚本保存数据

    背包系统素材

    1. 场景

    在这里插入图片描述
    2. GUI

    在这里插入图片描述
    3. Gear

    在这里插入图片描述

    UI简单创建

    1、 创建Panel

    在这里插入图片描述

    2、Panel嵌套Img、button

    效果：
    在这里插入图片描述

    3、Panel嵌套管理网格的的Img、舔加Grid Layout Group组件，使用组件调整网格布局

    在这里插入图片描述

    4、嵌套的网格Img再嵌套Img再嵌套Text

    效果如下图所示：

    在这里插入图片描述

    同四嵌套的网格Img再嵌套Button再嵌套Text

    在这里插入图片描述

    实现数据的存储🔃

    5.创建Item储存数据脚本

    using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

[CreateAssetMenu(fileName = "Item", menuName = "Item")]
public class Item : ScriptableObject
{
    [Header("装备图片")]
    public Sprite ItemSprite;
    [Header("装备名字")]
    public string ItemName;
    [Header("装备数量")]
    public int ItemCount;

    [Header("装备详细")]
    [TextArea]
    public string ItemInfo;

    [Header("装备")]
    public bool Equip;
    
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23

    👇👇👇👇👇👇

    7、.创建数据管理器

    在这里插入图片描述
    在这里插入图片描述

    8、使用List创建储存数据背包系统

    using System.Collections.Generic;
using UnityEngine;

[CreateAssetMenu(fileName = "InventoryScript", menuName = "InventoryScript")]
public class Inventory : ScriptableObject
{
    //创建背包系统：列表
    public List ItemList = new List();
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    9、.创建WorldEquip(世界中的准备)：脚本

    using UnityEngine;

public class WorldEquip : MonoBehaviour
{
    public Item item;
    public Inventory inventory;

    private void OnTriggerEnter2D(Collider2D collision)
    {
        if (collision.CompareTag("Player"))
        {
            if (!inventory.ItemList.Contains(item))
            {
                inventory.ItemList.Add(item);
            }
            else
            {
                item.ItemCount++;
            }
            捡到物品生成相应的物品
            InvensoryManager.UpdateEquipState(); 👇👇👇
        }
    }
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24

    流程：WorldEquip 地上装备👉👉碰到检测并舔加到ItemList（背包系统）

    效果如下：
    请添加图片描述

    实现数据展示📱

    10、.网格自身脚本、创建生成网格Grid脚本、显示装备、舔加装备详细信息等等

    网格自身脚本🔠
using UnityEngine;
using UnityEngine.UI;

public class Slot : MonoBehaviour
{
	点击装备显示对应的详细信息
    public Item slotItem;
    
    图片
    public Image slotImg;
    
    装备的数量
    public Text slotText;
    
	点击显示对应的详细信息
    public void ItemOnClick()
    {
        InvensoryManager.UpdateInformation(slotItem.ItemInfo);
    }
}

创建生成网格Grid脚本🔠
using UnityEngine;
using UnityEngine.UI;

public class InvensoryManager : MonoBehaviour
{
    public static InvensoryManager Instance;
	
	背包
    public Inventory myBag;
	网格的父亲
    public GameObject slotGrid;
    装备的网格
    public Slot slotPrefeb;
    详细信息文本
    public Text itemInfromation;

    private void Awake()
    {
        if (Instance != null)
            Destroy(gameObject);
        Instance = this;
    }
	
	启动play更新背包装备
    private void OnEnable()
    {
        UpdateEquipState();
    }
    
    舔加装备详细信息函数
    public static void UpdateInformation(string informText)
    {
        Instance.itemInfromation.text = informText;
    }
	
	更新背包装备
    public static void UpdateBag(Item item)
    {
        Slot newItem = Instantiate(Instance.slotPrefeb,Instance.slotGrid.transform.position, Quaternion.identity);
        newItem.gameObject.transform.SetParent(Instance.slotGrid.transform);
        newItem.slotItem = item;
        newItem.slotImg.sprite = item.ItemSprite;
        newItem.slotText.text = item.ItemCount.ToString();
    }

    public static void UpdateEquipState()
    {
        for (int i = 0; i < Instance.slotGrid.transform.childCount; i++)
        {
            if (Instance.slotGrid.transform.childCount ==0)
                break;
            Destroy(Instance.slotGrid.transform.GetChild(i).gameObject);
        }
        for (int i = 0; i < Instance.myBag.ItemList.Count; i++)
        {
            UpdateBag(Instance.myBag.ItemList[i]);
        }
    }
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82

    流程：创建网格自生脚本Slot，图片、文字、点击等等👉👉通过装备的触发条件执行InvensoryManager管理脚本的函数👉👉然后给Slot赋值等
    效果：如下
    在这里插入图片描述

    实现装备的拖拽

    11、实现背包的拖拽与交换位子

    因为要舔加交换位置等功能所以要做调整：
    流程：先给背包系统Inventory设置好位子👉👉然后判断位置下的Item是否为空，空就隐藏，否者就显示然后赋值等
    在这里插入图片描述

    UI调整
    在这里插入图片描述

    代码调整

创建生成网格Grid脚本🔠
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class InvensoryManager : MonoBehaviour
{
    public static InvensoryManager Instance;

    public Inventory myBag;

    public GameObject slotGrid;

    //public Slot slotPrefeb;

    public GameObject slotObj;

    public Text itemInfromation;

    private List slotObjList = new List();

    private void Awake()
    {
        if (Instance != null)
            Destroy(gameObject);
        Instance = this;
    }

    private void OnEnable()
    {
        itemInfromation.text = "";
        UpdateEquipState();
    }
    //private void OnDisable()
    //{
    //    myBag.ItemList.Clear();
    //}

    public static void UpdateInformation(string informText)
    {
        Instance.itemInfromation.text = informText;
    }

    //public static void UpdateBag(Item item)
    //{
    //    Slot newItem = Instantiate(Instance.slotPrefeb,Instance.slotGrid.transform.position, Quaternion.identity);
    //    newItem.gameObject.transform.SetParent(Instance.slotGrid.transform);
    //    newItem.slotItem = item;
    //    newItem.slotImg.sprite = item.ItemSprite;
    //    newItem.slotText.text = item.ItemCount.ToString();
    //}

    public static void UpdateEquipState()
    {
        for (int i = 0; i < Instance.slotGrid.transform.childCount; i++)
        {
            if (Instance.slotGrid.transform.childCount ==0)
                break;
            Destroy(Instance.slotGrid.transform.GetChild(i).gameObject);
            Instance.slotObjList.Clear();
        }
        for (int i = 0; i < Instance.myBag.ItemList.Count; i++)
        {
            //updatebag(instance.mybag.itemlist[i]);
            Instance.slotObjList.Add(Instantiate(Instance.slotObj));
            Instance.slotObjList[i].transform.SetParent(Instance.slotGrid.transform);
            Instance.slotObjList[i].GetComponent().SetUpSlot(Instance.myBag.ItemList[i]);
        }
    }


网格自身脚本🔠
using UnityEngine;
using UnityEngine.UI;

public class Slot : MonoBehaviour
{
    public Item slotItem;
    public Image slotImg;
    public Text slotText;
    private string slotInfo;

    public GameObject itemInSlot;

    public void ItemOnClick()
    {
        InvensoryManager.UpdateInformation(slotInfo);
    }
    
    public void SetUpSlot(Item item)
    {
        if (item == null)
        {
            itemInSlot.SetActive(false);
            return;
        }
        slotImg.sprite = item.ItemSprite;
        slotText.text = item.ItemCount.ToString();
        slotInfo = item.ItemInfo;
    }
}
}

使用List创建储存数据背包系统🔠
using UnityEngine;

public class WorldEquip : MonoBehaviour
{
    public Item item;
    public Inventory inventory;

    private void OnTriggerEnter2D(Collider2D collision)
    {
        Destroy(gameObject);

        if (collision.CompareTag("Player"))
        {
            if (!inventory.ItemList.Contains(item))
            {
                //inventory.ItemList.Add(item);
                for (int i = 0; i < inventory.ItemList.Count; i++)
                {
                    if (inventory.ItemList[i] == null)
                    {
                        inventory.ItemList[i] = item;
                        break;
                    }
                }
                item.ItemCount++;
            }
            else
            {
                item.ItemCount++;
            }
            InvensoryManager.UpdateEquipState();
        }
    }
}

背包的拖拽🔠
using UnityEngine;
using UnityEngine.EventSystems;

public class MouseBag : MonoBehaviour,IDragHandler
{
    private RectTransform rectTransform;
    public Canvas canvas;

    private void Awake()
    {
        rectTransform = GetComponent();
    }

    public void OnDrag(PointerEventData eventData)
    {
    	UI的中心位置+鼠标点击的位置（非常好用👍）
        rectTransform.anchoredPosition += eventData.delta;
    }
}

装备的交换🔠
using UnityEngine;
using UnityEngine.EventSystems;

public class ItemOnDrag : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler
{

    private Transform originalPos;
	
	鼠标点击
    public void OnBeginDrag(PointerEventData eventData)
    {
        originalPos = transform.parent;
        transform.transform.SetParent(transform.parent.parent.parent);
        transform.position = eventData.position;   
    }

	鼠标拖拽中
    public void OnDrag(PointerEventData eventData)
    {
        transform.position = eventData.position;
        
        Canvas Group组件📦
        GetComponent().blocksRaycasts = false;
        
        打印射线处的对象
        Debug.Log(eventData.pointerCurrentRaycast.gameObject);

    }

	鼠标松开
    public void OnEndDrag(PointerEventData eventData)
    {
        if (eventData.pointerCurrentRaycast.gameObject.name == "Image")
        {
            transform.SetParent(eventData.pointerCurrentRaycast.gameObject.transform.parent.parent);
            transform.position = eventData.pointerCurrentRaycast.gameObject.transform.parent.parent.position;
            eventData.pointerCurrentRaycast.gameObject.transform.parent.position = originalPos.position;
            eventData.pointerCurrentRaycast.gameObject.transform.parent.SetParent(originalPos);
            
	        Canvas Group组件📦
            GetComponent().blocksRaycasts = true;
            return;
        }
        transform.SetParent(eventData.pointerCurrentRaycast.gameObject.transform);
        transform.position = eventData.pointerCurrentRaycast.gameObject.transform.position;
        Canvas Group组件📦
        GetComponent().blocksRaycasts = true;
    }
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 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
    • 130
    • 131
    • 132
    • 133
    • 134
    • 135
    • 136
    • 137
    • 138
    • 139
    • 140
    • 141
    • 142
    • 143
    • 144
    • 145
    • 146
    • 147
    • 148
    • 149
    • 150
    • 151
    • 152
    • 153
    • 154
    • 155
    • 156
    • 157
    • 158
    • 159
    • 160
    • 161
    • 162
    • 163
    • 164
    • 165
    • 166
    • 167
    • 168
    • 169
    • 170
    • 171
    • 172
    • 173
    • 174
    • 175
    • 176
    • 177
    • 178
    • 179
    • 180
    • 181
    • 182
    • 183
    • 184
    • 185
    • 186
    • 187
    • 188
    • 189
    • 190
    • 191
    • 192
    • 193
    • 194
    • 195
    • 196
    • 197
    • 198
    • 199
    • 200
    • 201
    • 202
    • 203
    • 204
    • 205
    • 206
    • 207
    • 208
    • 209
    • 210
    • 211
    • 212

    流程：使用using UnityEngine.EventSystems命名空间下的接口实现UI的移动结和Canvas Group组件判断
    在这里插入图片描述

    效果如下：
    请添加图片描述

    调整问题

    12、调整小问题
    修改后的代码如下

    using UnityEngine;
using UnityEngine.EventSystems;

public class ItemOnDrag : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler
{

    private Transform originalPos;

    public Inventory MyBag;

    private int currentSoltID;
    
    public void OnBeginDrag(PointerEventData eventData)
    {
        originalPos = transform.parent;
        currentSoltID = originalPos.GetComponent().slotID;
        transform.transform.SetParent(transform.parent.parent.parent);
        transform.position = eventData.position;
    }

    public void OnDrag(PointerEventData eventData)
    {
        transform.position = eventData.position;
        GetComponent().blocksRaycasts = false;
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        if(eventData.pointerCurrentRaycast.gameObject.name !=null)
            if (eventData.pointerCurrentRaycast.gameObject.name == "Image")
            {
                transform.SetParent(eventData.pointerCurrentRaycast.gameObject.transform.parent.parent);
                transform.position = eventData.pointerCurrentRaycast.gameObject.transform.parent.parent.position;

                //ItemList数据库文字交换 
                var temp = MyBag.ItemList[currentSoltID];
                MyBag.ItemList[currentSoltID] = MyBag.ItemList[eventData.pointerCurrentRaycast.gameObject.transform.GetComponentInParent().slotID];
                MyBag.ItemList[eventData.pointerCurrentRaycast.gameObject.transform.GetComponentInParent().slotID] = temp;

                eventData.pointerCurrentRaycast.gameObject.transform.parent.position = originalPos.position;
                eventData.pointerCurrentRaycast.gameObject.transform.parent.SetParent(originalPos);
                GetComponent().blocksRaycasts = true;

                return;
            }
            if(eventData.pointerCurrentRaycast.gameObject.name == "Grid(Clone)")
            {
                MyBag.ItemList[eventData.pointerCurrentRaycast.gameObject.GetComponentInParent().slotID] = MyBag.ItemList[currentSoltID];
                if (eventData.pointerCurrentRaycast.gameObject.GetComponentInParent().slotID!= currentSoltID)
                    MyBag.ItemList[currentSoltID] = null;

                transform.SetParent(eventData.pointerCurrentRaycast.gameObject.transform);
                transform.position = eventData.pointerCurrentRaycast.gameObject.transform.position;
                GetComponent().blocksRaycasts = true;
                return;
            }
            //其他位置 装备归位
            transform.SetParent(originalPos);
            transform.position = originalPos.position;
            GetComponent().blocksRaycasts = true;
    }
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62

    效果：
    请添加图片描述

    完成数据的储存🔗🔗🔗

    13、完成数据的储存

    ★ 可以跳到数据存储看使用说明PlayerPrefs&&JsonUtility

    using UnityEngine;

public class SaverData : MonoBehaviour
{
	//测试使用
    private void Update()
    {
        if (Input.GetKeyDown(KeyCode.R))
        {
             SaveBagData();
        }
        if (Input.GetKeyDown(KeyCode.T))
        {
            LoadBagData();
        }
    }

    private void OnEnable()
    {
        LoadBagData();
    }

    private void OnDisable()
    {
        SaveBagData();
    }


    public void SaveBagData()
    {
        for (int i = 0; i < inventory.ItemList.Count; i++)
        {
            if (inventory.ItemList[i] != null)
            {
                Save(inventory.ItemList[i], inventory.ItemList[i].name);
                Debug.Log(inventory.ItemList[i].ItemCount);
            }
        }
    }

    public void LoadBagData()
    {
        for (int i = 0; i < inventory.ItemList.Count; i++)
        {
            if (inventory.ItemList[i] != null)
            {
                Load(inventory.ItemList[i], inventory.ItemList[i].name);
            }
        }
    }

    pri请添加图片描述

}


    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55

    效果：
    请添加图片描述

  • 相关阅读:
    9.1、面向对象编程
    33李沐动手学深度学习v2/残差网络，ResNet
    PostgreSQL下载和安装教程
    分析25个主要DeFi协议的路线图 预见DeFi未来的七大趋势
    vagrant安装k8s集群
    SMTP协议详解
    Ubuntu18.04 ROS Melodic的cv_bridge指向问题（四种方式，包括opencv4）（转载）
    14：00面试，14：08就出来了，问的问题有点变态
    [Vue 配置] Vite + Vue3 项目配置 src目录别名为 @
    【从java到Go】Vue3打包发布到OSS
  • 原文地址：https://blog.csdn.net/m0_61490399/article/details/125985658