本文へスキップ
UI Design

Inventory organization and stack design basics

A beginner guide to categories, stack limits, sorting, comparison hints, and mistake-proof item management.

公開日: 2026-06-29#Inventory#Item Management#UI Design#Beginner

Quick Start

Start with a tiny working version

Inventories often feel fine while the game is still small. Problems appear later, when healing items, crafting materials, equipment, quest objects, and temporary loot all begin to compete for the same screen space.

Build it in small code pieces

1. 値を用意する

Inspectorで変更できる値と表示先を置きます。

InventoryStackTutorial.cs
csharp
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float itemCount = 1f;
    [SerializeField] private float stackSize = 2f;
    [SerializeField] private float sortMode = 3f;

2. 状態を変える

ボタンを押した時に、1つだけ状態を進めます。

InventoryStackTutorial.cs
csharp
    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "アイテム追加" : step == 1 ? "同種をまとめる" : "並び替える";
        if (statusText != null)
        {
            statusText.text = $"{label}\nitemCount={itemCount:0.##}\nstackSize={stackSize:0.##}\nsortMode={sortMode:0.##}";
        }

3. 画面に表示する

変わった結果を画面に出して確認します。

InventoryStackTutorial.cs
csharp
        if (statusText != null)
        {
            statusText.text = $"{label}\nitemCount={itemCount:0.##}\nstackSize={stackSize:0.##}\nsortMode={sortMode:0.##}";
        }
        Debug.Log($"インベントリ整理とスタック: {label}");

Complete script

InventoryStackTutorial.cs
csharp
using UnityEngine;
using TMPro;

public class InventoryStackTutorial : MonoBehaviour
{
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float itemCount = 1f;
    [SerializeField] private float stackSize = 2f;
    [SerializeField] private float sortMode = 3f;

    private int step;

    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "アイテム追加" : step == 1 ? "同種をまとめる" : "並び替える";
        if (statusText != null)
        {
            statusText.text = $"{label}\nitemCount={itemCount:0.##}\nstackSize={stackSize:0.##}\nsortMode={sortMode:0.##}";
        }
        Debug.Log($"インベントリ整理とスタック: {label}");
    }
}

Inspector

Connect the UI reference in the Inspector, then use the button to confirm each value changes.

Summary

What to take away

A beginner guide to categories, stack limits, sorting, comparison hints, and mistake-proof item management.

The page is designed to help you move from reading to a small practical decision. Use the checklist above before jumping into the next related article.