本文へスキップ
Panduan Unity

Panduan UI stok toko dan visibilitas restock

Cara menampilkan stok, item terbatas, dan waktu restock agar keputusan belanja lebih jelas.

公開日: 2026-07-12#Unity#ショップUI#経済設計#UI設計#Beginner

Quick Start

Mulai dari versi kecil yang berjalan

Cara menampilkan stok, item terbatas, dan waktu restock agar keputusan belanja lebih jelas. Cara terbaik mempelajari topik ini bukan dengan menghafal semuanya sekaligus, melainkan dengan memahami apa yang perlu dilihat lebih dulu, latihan kecil apa yang perlu dicoba, dan seperti apa hasil yang menandakan bahwa alurnya sudah benar.

Bangun dengan potongan kode kecil

1. 値を用意する

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

ShopPricingTutorial.cs
csharp
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float coinCount = 1f;
    [SerializeField] private float itemPrice = 2f;
    [SerializeField] private float upgradeCost = 3f;

2. 状態を変える

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

ShopPricingTutorial.cs
csharp
    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "価格を見る" : step == 1 ? "所持金と比べる" : "購入後を更新";
        if (statusText != null)
        {
            statusText.text = $"{label}\ncoinCount={coinCount:0.##}\nitemPrice={itemPrice:0.##}\nupgradeCost={upgradeCost:0.##}";
        }

3. 画面に表示する

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

ShopPricingTutorial.cs
csharp
        if (statusText != null)
        {
            statusText.text = $"{label}\ncoinCount={coinCount:0.##}\nitemPrice={itemPrice:0.##}\nupgradeCost={upgradeCost:0.##}";
        }
        Debug.Log($"ショップ価格と強化コスト: {label}");

Script lengkap

ShopPricingTutorial.cs
csharp
using UnityEngine;
using TMPro;

public class ShopPricingTutorial : MonoBehaviour
{
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float coinCount = 1f;
    [SerializeField] private float itemPrice = 2f;
    [SerializeField] private float upgradeCost = 3f;

    private int step;

    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "価格を見る" : step == 1 ? "所持金と比べる" : "購入後を更新";
        if (statusText != null)
        {
            statusText.text = $"{label}\ncoinCount={coinCount:0.##}\nitemPrice={itemPrice:0.##}\nupgradeCost={upgradeCost:0.##}";
        }
        Debug.Log($"ショップ価格と強化コスト: {label}");
    }
}

Inspector

Hubungkan referensi UI di Inspector, lalu cek setiap perubahan dengan tombol.

Ringkasan

Hal yang perlu dibawa pulang

Cara menampilkan stok, item terbatas, dan waktu restock agar keputusan belanja lebih jelas.