本文へスキップ
Guia de Unity

Guia de UI para stock de tienda y tiempos de reposicion

Como mostrar agotado, limitado y proxima reposicion para que comprar se sienta informado y no ansioso.

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

Quick Start

Empieza con una version pequena

Como mostrar agotado, limitado y proxima reposicion para que comprar se sienta informado y no ansioso. La idea no es memorizar todo de una vez, sino entender que mirar primero, que prueba pequena hacer y como reconocer si el aprendizaje va en la direccion correcta.

Construyelo con pequenos fragmentos

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 completo

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

Conecta la referencia de UI en el Inspector y confirma cada cambio con el boton.

Resumen

Que deberias llevarte

Como mostrar agotado, limitado y proxima reposicion para que comprar se sienta informado y no ansioso.