本文へスキップ
Progression UI Design

Crafting recipe and material guidance basics

A beginner guide to recipe lists, material requirements, and discovery cues that make crafting easier to understand.

公開日: 2026-07-01#Unreal Engine#Crafting#Recipe UI#Resource Loop#Beginner

Quick Start

Start with a tiny working version

Crafting becomes confusing not because there are many ingredients, but because players cannot quickly tell what they can make, what they are missing, and why that result matters. In a beginner-friendly game, the recipe list, missing materials, source hints, and post-craft next step should feel connected.

Build it in small code pieces

1. 値を用意する

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

CraftingRecipeTutorial.cs
csharp
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float woodCount = 1f;
    [SerializeField] private float stoneCount = 2f;
    [SerializeField] private float craftableFlag = 3f;

2. 状態を変える

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

CraftingRecipeTutorial.cs
csharp
    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "材料を見る" : step == 1 ? "足りない素材を示す" : "作成可能にする";
        if (statusText != null)
        {
            statusText.text = $"{label}\nwoodCount={woodCount:0.##}\nstoneCount={stoneCount:0.##}\ncraftableFlag={craftableFlag:0.##}";
        }

3. 画面に表示する

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

CraftingRecipeTutorial.cs
csharp
        if (statusText != null)
        {
            statusText.text = $"{label}\nwoodCount={woodCount:0.##}\nstoneCount={stoneCount:0.##}\ncraftableFlag={craftableFlag:0.##}";
        }
        Debug.Log($"クラフトレシピと素材導線: {label}");

Complete script

CraftingRecipeTutorial.cs
csharp
using UnityEngine;
using TMPro;

public class CraftingRecipeTutorial : MonoBehaviour
{
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float woodCount = 1f;
    [SerializeField] private float stoneCount = 2f;
    [SerializeField] private float craftableFlag = 3f;

    private int step;

    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "材料を見る" : step == 1 ? "足りない素材を示す" : "作成可能にする";
        if (statusText != null)
        {
            statusText.text = $"{label}\nwoodCount={woodCount:0.##}\nstoneCount={stoneCount:0.##}\ncraftableFlag={craftableFlag: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 recipe lists, material requirements, and discovery cues that make crafting easier to understand.

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.

Related guides

SYSThreat indicator and aggro readability design guideA practical guide to showing who enemies are targeting and where immediate danger is pointing without flooding the screen.MAPCapture point, overtime, and score visibility design guideA practical guide to making ownership, progress, score flow, and overtime rules easy to read in control-based game modes.