最近在整理游戏开发学习笔记时想把一个课堂上的2D解谜小Demo——《深夜小吃店》的完整实现过程记录下来。这个项目麻雀虽小但五脏俱全涵盖了从场景搭建、交互逻辑到谜题设计的核心流程非常适合刚学完Unity基础想动手做一个完整小游戏的开发者。本文将带你从零开始复现这个充满烟火气的解谜Demo。你会学到如何用Unity的2D功能构建一个精致的像素风场景如何设计并实现“寻找物品”、“组合使用”这类经典解谜逻辑以及如何让NPC与玩家进行简单的对话交互。无论你是独立游戏开发新手还是想给自己的作品集增加一个有趣的小项目跟着步骤走你都能获得一个可运行、可扩展的游戏原型。1. 项目概述与核心玩法《深夜小吃店》是一个氛围导向的轻度2D点击解谜游戏。玩家扮演一位深夜来到一家陌生小吃店的顾客目标很简单想办法为自己做一份夜宵。但厨房的灶台无法直接使用你需要通过与店主对话、探索场景中的物品如柜子、冰箱找到关键道具如打火机、食材并通过合理的组合使用来解决谜题最终成功点燃灶台完成烹饪。核心玩法循环探索在固定的游戏场景中通过鼠标点击调查高亮的可交互物体。收集从场景中获得道具并存入屏幕下方的物品栏。组合在物品栏中选择道具A再点击场景中的道具B或特定位置尝试进行组合使用。对话与NPC店主对话获取线索或推进剧情。技术实现要点2D场景管理使用Unity的Sprite Renderer、Sorting Layer和Order in Layer来管理渲染层级营造景深。点击交互系统基于Collider2D和Raycast实现精准的物体点击检测。物品栏系统管理道具的获取、显示、选中与使用状态。对话系统一个简单的脚本驱动文本逐字显示。状态管理通过枚举Enum和布尔值管理游戏进度如“灶台是否已修复”。2. 开发环境与项目设置在开始编码前确保你的开发环境已就绪。统一的版本有助于避免一些因版本差异导致的奇怪问题。环境准备清单Unity版本2021.3 LTS 或 2022.3 LTS长期支持版更稳定。本Demo基于2021.3.15f1创建。渲染管线使用内置的2D渲染管线即可无需URP或HDRP。项目模板新建项目时选择“2D”核心模板。IDEVisual Studio 2019/2022 或 JetBrains Rider并确保已安装Unity编辑扩展。初始项目结构设置 创建项目后在Assets文件夹下建立如下目录结构这是一个保持项目整洁的好习惯Assets/ ├── Scenes/ # 存放游戏场景文件 ├── Scripts/ # 存放所有C#脚本 │ ├── Core/ # 核心系统如交互、物品栏 │ ├── UI/ # 界面相关脚本 │ └── Props/ # 具体道具或机关脚本 ├── Sprites/ # 存放所有2D精灵图片 │ ├── Backgrounds/ # 背景图 │ ├── UI/ # UI图标 │ └── Props/ # 道具图标 ├── Prefabs/ # 预制体文件 └── Audio/ # 音效文件可选3. 场景搭建与美术资源导入我们的游戏只有一个主场景。首先我们需要布置一个具有层次感的小吃店内部场景。步骤1导入精灵图并设置参数将背景图如店铺全景、前景元素如柜台、桌椅和道具图冰箱、柜子、灶台导入Assets/Sprites/对应文件夹。在Unity中选中这些图片在Inspector面板中确保Texture Type设置为“Sprite (2D and UI)”。根据图片是否需要透明背景设置Alpha Source和Alpha Is Transparency。点击Apply。步骤2构建场景层级在Hierarchy面板创建空的GameObject作为容器例如_SceneRoot。将背景图拖入场景重命名为Background。为其添加Sprite Renderer组件。创建Sorting Layer来管理渲染顺序。点击Sprite Renderer组件中Sorting Layer下拉框选择Add Sorting Layer...。按从后到前的顺序添加Background (值最小) Midground Foreground UI (值最大)将Background的Sorting Layer设为Background。同理添加柜台(Counter Sorting Layer:Midground)、灶台(Stove Sorting Layer:Midground)、以及一些放在柜台上的小物件(Prop_* Sorting Layer:Foreground)。对于同一Layer内的物体可以通过调整Sprite Renderer中的Order in Layer数值来微调前后关系数值大的渲染在前。步骤3添加碰撞体与交互区域任何可以被玩家点击的物体都需要一个碰撞体来定义其点击范围。选中场景中的可交互物体如Stove灶台。点击Add Component 添加一个Box Collider 2D组件。调整绿色线框使其大致匹配灶台的可点击区域。不需要非常精确但应让玩家感觉点击有效。重复此步骤为冰箱(Fridge)、柜子(Cabinet)、店主(Shopkeeper)等所有可交互物体添加Box Collider 2D或Polygon Collider 2D。至此一个静态的2D场景就搭建好了。接下来我们将赋予它交互的生命力。4. 核心交互系统实现交互系统是解谜游戏的心脏它负责处理玩家的所有点击意图。我们将创建一个可复用的Interactable基类。4.1 创建可交互基类在Assets/Scripts/Core/下创建C#脚本Interactable.cs。// 文件路径Assets/Scripts/Core/Interactable.cs using UnityEngine; using UnityEngine.Events; public class Interactable : MonoBehaviour { [Header(基础设置)] public string interactableName 物体; // 物体名称用于提示 public Sprite cursorIcon; // 鼠标悬停时显示的图标 [Header(交互事件)] public UnityEvent onInteract; // 当物体被交互时触发的事件 [Header(状态)] public bool isActive true; // 当前是否可交互 // 当鼠标进入碰撞体时调用 private void OnMouseEnter() { if (!isActive) return; CursorManager.Instance?.SetInteractCursor(cursorIcon); // 可以在这里触发UI显示物体名称 // Debug.Log($鼠标悬停{interactableName}); } // 当鼠标离开碰撞体时调用 private void OnMouseExit() { if (!isActive) return; CursorManager.Instance?.SetDefaultCursor(); } // 当物体被点击时调用需确保物体有Collider2D且相机有Physics2D Raycaster private void OnMouseDown() { if (!isActive) return; Debug.Log($交互{interactableName}); onInteract?.Invoke(); // 触发所有关联的UnityEvent Interact(); } // 可供子类重写的具体交互逻辑 protected virtual void Interact() { // 基类默认行为就是触发UnityEvent子类可以扩展 } }这个基类提供了鼠标悬停、离开、点击的基础响应并通过UnityEvent提供了在Inspector面板中可视化配置交互行为的灵活性例如点击后播放一个音效、触发一个动画。4.2 实现光标管理器为了给玩家更好的反馈我们需要一个管理光标状态的单例管理器。// 文件路径Assets/Scripts/Core/CursorManager.cs using UnityEngine; public class CursorManager : MonoBehaviour { public static CursorManager Instance; [Header(光标纹理)] public Texture2D defaultCursor; public Vector2 defaultHotspot Vector2.zero; private void Awake() { if (Instance null) { Instance this; DontDestroyOnLoad(gameObject); // 通常光标管理器跨场景 SetDefaultCursor(); } else { Destroy(gameObject); } } public void SetDefaultCursor() { Cursor.SetCursor(defaultCursor, defaultHotspot, CursorMode.Auto); } public void SetInteractCursor(Sprite icon) { if (icon ! null icon.texture ! null) { // 注意Sprite的pivot可能需要调整为中心作为热点 Cursor.SetCursor(icon.texture, new Vector2(icon.texture.width/2, icon.texture.height/2), CursorMode.Auto); } else { // 如果没有指定图标使用一个简单的系统“手型”逻辑这里用默认替代 SetDefaultCursor(); } } }在场景中创建一个空的GameObject命名为Managers将CursorManager脚本挂载上去并在Inspector中拖入默认的光标纹理。4.3 为场景物体添加交互现在我们可以为场景中的物体添加Interactable组件了。选中Stove灶台物体。点击Add Component 搜索并添加Interactable。在Inspector中设置Interactable Name为 “灶台”。你可以点击On Interact事件下方的号添加一个事件。例如可以将一个播放“咔哒”声的AudioSource拖入并选择AudioSource.Play()。这样点击灶台时就会播放声音。5. 物品栏系统设计与实现物品栏系统需要管理道具的持有状态、UI显示以及道具的使用逻辑。我们将其拆分为三部分Inventory数据管理器、InventoryUI界面控制器和InventorySlot单个物品槽。5.1 物品数据与库存管理器首先定义一个Item数据类然后创建库存管理器。// 文件路径Assets/Scripts/Core/Item.cs using UnityEngine; [CreateAssetMenu(fileName New Item, menuName Inventory/Item)] // 允许在右键菜单中创建资源 public class Item : ScriptableObject { public string itemName 新物品; public Sprite icon; [TextArea] public string description 物品描述...; public bool isKeyItem false; // 是否为关键剧情物品 }// 文件路径Assets/Scripts/Core/Inventory.cs using System.Collections.Generic; using UnityEngine; public class Inventory : MonoBehaviour { public static Inventory Instance; public ListItem items new ListItem(); // 当前持有的物品列表 public int space 6; // 物品栏容量 // 当物品变化时触发的事件用于更新UI public delegate void OnItemChanged(); public OnItemChanged onItemChangedCallback; void Awake() { if (Instance null) Instance this; else Debug.LogWarning(多个Inventory实例); } public bool Add(Item item) { if (items.Count space) { Debug.Log(物品栏已满。); return false; } items.Add(item); onItemChangedCallback?.Invoke(); // 通知UI更新 Debug.Log($获得物品{item.itemName}); return true; } public void Remove(Item item) { items.Remove(item); onItemChangedCallback?.Invoke(); } public bool Contains(Item item) { return items.Contains(item); } }同样在Managers游戏对象上添加Inventory脚本。5.2 物品栏UI界面在Canvas下创建一个Panel命名为InventoryUI。设置合适的锚点和位置如屏幕底部。在InventoryUI下创建若干个Image作为物品槽(InventorySlot)排列好。为每个InventorySlot创建一个子Image作为Icon用于显示物品图标。创建UI脚本InventoryUI.cs和InventorySlotUI.cs。// 文件路径Assets/Scripts/UI/InventoryUI.cs using UnityEngine; public class InventoryUI : MonoBehaviour { public Transform itemsParent; // 所有InventorySlot的父物体 InventorySlotUI[] slots; void Start() { Inventory.Instance.onItemChangedCallback UpdateUI; slots itemsParent.GetComponentsInChildrenInventorySlotUI(); UpdateUI(); } void UpdateUI() { for (int i 0; i slots.Length; i) { if (i Inventory.Instance.items.Count) { slots[i].AddItem(Inventory.Instance.items[i]); } else { slots[i].ClearSlot(); } } } }// 文件路径Assets/Scripts/UI/InventorySlotUI.cs using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; public class InventorySlotUI : MonoBehaviour, IPointerClickHandler { public Image icon; private Item item; public void AddItem(Item newItem) { item newItem; icon.sprite item.icon; icon.enabled true; } public void ClearSlot() { item null; icon.sprite null; icon.enabled false; } // 点击物品槽时选中该物品 public void OnPointerClick(PointerEventData eventData) { if (item ! null) { InventoryManager.Instance?.SelectItem(this); } } public Item GetItem() { return item; } }5.3 物品使用与组合逻辑我们需要一个InventoryManager来协调物品栏的选中状态以及处理“使用物品A于物体B”的逻辑。// 文件路径Assets/Scripts/Core/InventoryManager.cs using UnityEngine; public class InventoryManager : MonoBehaviour { public static InventoryManager Instance; public InventorySlotUI selectedSlot; // 当前选中的物品槽 public GameObject selectionIndicator; // 一个跟随鼠标或高亮选中物品的UI void Awake() { if (Instance null) Instance this; } void Update() { // 让选中指示器跟随鼠标 if (selectedSlot ! null selectionIndicator ! null) { selectionIndicator.transform.position Input.mousePosition; selectionIndicator.SetActive(true); } else if (selectionIndicator ! null) { selectionIndicator.SetActive(false); } // 右键取消选中 if (Input.GetMouseButtonDown(1)) { DeselectItem(); } } public void SelectItem(InventorySlotUI slot) { if (selectedSlot slot) { DeselectItem(); return; } selectedSlot slot; Debug.Log($选中物品{slot.GetItem()?.itemName}); } public void DeselectItem() { selectedSlot null; Debug.Log(取消物品选中); } // 这个方法将被可交互物体调用检查是否使用了正确的物品 public bool TryUseItemOn(Item targetItem, Interactable targetObject) { if (selectedSlot null || selectedSlot.GetItem() ! targetItem) { Debug.Log($无法使用{item?.itemName}在{targetObject.interactableName}上。); return false; } Debug.Log($成功使用{targetItem.itemName}在{targetObject.interactableName}上); // 使用成功后的逻辑例如 // 1. 消耗物品Inventory.Instance.Remove(targetItem); // 2. 触发目标物体特定事件 DeselectItem(); // 使用后取消选中 return true; } }现在我们需要修改Interactable类使其能够响应“使用物品”的操作。我们为它添加一个UnityEventItem事件当有物品被用于它时触发。// 在Interactable.cs中添加 [Header(物品使用)] public Item requiredItem; // 需要使用的物品可选 public UnityEventItem onItemUsed; // 当使用特定物品时触发 // 在Interactable类中添加一个新方法供InventoryManager调用 public void OnItemUsed(Item usedItem) { if (requiredItem ! null usedItem requiredItem) { Debug.Log($正确使用了{usedItem.itemName}在{interactableName}上); onItemUsed?.Invoke(usedItem); // 通常正确的组合会改变游戏状态例如解锁新的交互 // isActive false; // 使用后可能不可再交互 } else { Debug.Log(${usedItem?.itemName}似乎不能用在{interactableName}上。); // 可以播放一个错误音效 } }最后在玩家点击场景物体时需要判断当前是否有选中的物品。修改Interactable的OnMouseDown方法或创建一个新的InteractableController来统一处理输入和逻辑判断会更清晰。这里为了简化我们可以在Interactable中做判断// 修改Interactable.cs中的OnMouseDown方法 private void OnMouseDown() { if (!isActive) return; // 检查是否有物品被选中 if (InventoryManager.Instance ! null InventoryManager.Instance.selectedSlot ! null) { Item selectedItem InventoryManager.Instance.selectedSlot.GetItem(); if (selectedItem ! null) { // 尝试使用选中的物品 OnItemUsed(selectedItem); return; // 物品交互优先于普通点击 } } // 如果没有选中物品则执行普通交互 Debug.Log($交互{interactableName}); onInteract?.Invoke(); Interact(); }6. 对话系统与游戏流程控制一个简单的对话系统可以推动剧情和提供线索。我们创建一个DialogueTrigger脚本和DialogueManager脚本。6.1 对话数据与管理器// 文件路径Assets/Scripts/Core/Dialogue.cs using UnityEngine; [System.Serializable] public class Dialogue { public string speakerName; // 说话者名字 [TextArea(3, 10)] public string[] sentences; // 对话句子数组 }// 文件路径Assets/Scripts/Core/DialogueManager.cs using UnityEngine; using UnityEngine.UI; using System.Collections; public class DialogueManager : MonoBehaviour { public static DialogueManager Instance; public GameObject dialogueBox; public Text speakerText; public Text dialogueText; public float typingSpeed 0.05f; private Queuestring sentences; private bool isTyping false; private string currentSentence; void Awake() { if (Instance null) Instance this; sentences new Queuestring(); } public void StartDialogue(Dialogue dialogue) { dialogueBox.SetActive(true); speakerText.text dialogue.speakerName; sentences.Clear(); foreach (string sentence in dialogue.sentences) { sentences.Enqueue(sentence); } DisplayNextSentence(); } public void DisplayNextSentence() { if (isTyping) { // 如果正在打字立即完成当前句子的显示 StopAllCoroutines(); dialogueText.text currentSentence; isTyping false; return; } if (sentences.Count 0) { EndDialogue(); return; } currentSentence sentences.Dequeue(); StartCoroutine(TypeSentence(currentSentence)); } IEnumerator TypeSentence(string sentence) { isTyping true; dialogueText.text ; foreach (char letter in sentence.ToCharArray()) { dialogueText.text letter; yield return new WaitForSeconds(typingSpeed); } isTyping false; } void EndDialogue() { dialogueBox.SetActive(false); Debug.Log(对话结束。); } void Update() { // 点击鼠标或按空格键继续对话 if (dialogueBox.activeInHierarchy (Input.GetMouseButtonDown(0) || Input.GetKeyDown(KeyCode.Space))) { DisplayNextSentence(); } } }6.2 对话触发器将DialogueTrigger脚本挂载到店主NPC物体上。// 文件路径Assets/Scripts/Props/DialogueTrigger.cs using UnityEngine; public class DialogueTrigger : MonoBehaviour { public Dialogue dialogue; // 这个方法可以绑定到Interactable的OnInteract事件上 public void TriggerDialogue() { if (DialogueManager.Instance ! null) { DialogueManager.Instance.StartDialogue(dialogue); } } }在Unity编辑器中选中Shopkeeper物体。在其Interactable组件的On Interact事件中点击。将Shopkeeper自身拖入对象框。选择函数DialogueTrigger - TriggerDialogue()。在DialogueTrigger组件中创建并分配一个Dialogue填写店主的台词例如“欢迎光临不过今天灶台好像打不着火了你要是能找到打火机可以自己试试。”7. 整合实现“打火机点燃灶台”谜题现在我们将所有系统串联起来实现游戏的核心谜题。步骤1创建物品数据在Project窗口右键Create - Inventory - Item。命名为Item_Lighter打火机。为其指定一个图标Sprite设置itemName为“打火机”description为“一个老式的打火机似乎还能用。”。步骤2设置可交互道具-打火机在场景中创建一个Sprite显示为打火机命名为Prop_Lighter。添加Interactable组件设置名称。在On Interact事件上添加一个调用Inventory.Instance.Add(item_Lighter)并将之前创建的Item_Lighter资源拖入参数位置。同时添加一个SetActive(false)到自身这样点击后打火机就从场景中消失表示被拾取。步骤3设置可交互物体-灶台选中Stove灶台。在其Interactable组件中将requiredItem设置为Item_Lighter。在On Item Used事件上这是一个UnityEventItem点击。这里可以添加多个动作播放一个“点火”的音效和动画。调用一个自定义方法Stove.EnableCooking()。将灶台自身的isActive设为false防止重复交互。触发一段新的对话店主说“哦点着了现在你可以用那边的食材做点吃的了。”步骤4编写灶台行为脚本// 文件路径Assets/Scripts/Props/Stove.cs using UnityEngine; public class Stove : MonoBehaviour { public GameObject fireEffect; // 一个粒子效果或Sprite表示火焰 public Interactable interactable; // 自身的Interactable组件引用 void Start() { if (fireEffect ! null) fireEffect.SetActive(false); } // 这个方法将被Interactable的OnItemUsed事件调用 public void EnableCooking() { Debug.Log(灶台被点燃了); if (fireEffect ! null) fireEffect.SetActive(true); if (interactable ! null) { interactable.isActive false; // 点燃后不能再交互或者改变交互行为 // 可以更改提示文字 // interactable.interactableName 燃烧中的灶台; } // 这里可以触发游戏胜利条件或者解锁新的交互如锅 GameManager.Instance?.CompletePuzzle(StoveLit); } }将Stove脚本挂载到灶台物体上并在Inspector中将fireEffect一个粒子系统或火焰Sprite子物体和interactable自身的Interactable组件拖拽赋值。8. 常见问题与调试技巧在实现过程中你可能会遇到以下典型问题问题现象可能原因解决方案点击物体无反应1. 物体缺少Collider2D。2. 相机缺少Physics 2D Raycaster组件。3. 物体被UI遮挡。1. 添加碰撞体。2. 给主相机添加Physics 2D Raycaster。3. 检查Canvas的渲染模式或调整物体与UI的Sorting Layer。物品栏UI不更新1.InventoryUI脚本未正确绑定itemsParent。2.Inventory.Instance.onItemChangedCallback事件未成功订阅。1. 在Inspector中将存放物品槽的父物体拖拽赋值。2. 在InventoryUI.Start()中检查订阅代码是否执行。使用Debug.Log打印信息。物品无法选中/使用1.InventorySlotUI未实现IPointerClickHandler。2.InventoryManager.Instance为空。3.Interactable.OnMouseDown中物品判断逻辑有误。1. 确保脚本继承了接口并实现了OnPointerClick。2. 确保场景中存在InventoryManager游戏对象。3. 在关键节点添加Debug.Log输出当前选中的物品和交互的物体跟踪逻辑流。对话不显示或卡住1.DialogueBoxGameObject未激活。2.DialogueManager单例冲突。3. 打字协程被意外停止。1. 确保对话开始时dialogueBox.SetActive(true)。2. 确保场景中只有一个DialogueManager。3. 检查Update中继续对话的输入检测条件。通用调试建议善用Debug.Log在方法的开始、关键判断分支、成功失败处添加日志这是理解代码执行顺序最直接的方式。检查Inspector赋值Unity中90%的“空引用异常”都源于Inspector中的引用未拖拽赋值。养成习惯在Awake()或Start()里用Debug.Log检查关键引用是否为空。理解执行顺序Awake()-OnEnable()-Start()。确保单例在Awake中初始化其他脚本在Start中获取单例引用。使用Unity的Console窗口不仅看错误也要看警告黄色它们常常预示着潜在问题。9. 扩展思路与最佳实践完成基础Demo后你可以从以下几个方向进行扩展这也能锻炼更全面的游戏开发能力1. 状态管理进阶创建一个GameState单例或使用ScriptableObject来集中管理全局游戏状态如“是否已拿到打火机”、“灶台是否点燃”。使用事件C#的event或UnityEvent来解耦对象间的通信。例如当“灶台点燃”事件发生时监听此事件的“锅”物体才会变得可交互。2. 对话系统增强支持分支对话根据玩家持有的物品或游戏状态触发不同的对话内容。添加对话立绘Character Portrait和音效。将对话数据存储在外部文件如JSON、ScriptableObject中便于策划修改。3. 物品栏优化实现物品拖拽功能。添加物品详细信息的Tooltip提示框。支持物品分类和分页。4. 动画与反馈为所有交互添加简单的补间动画如物体被点击时轻微放大缩小。使用粒子系统增强视觉效果如拾取物品时的闪光、点燃灶台时的火焰。为所有操作配上恰当的UI音效和环境音效能极大提升沉浸感。5. 代码结构与架构遵循单一职责原则交互、数据、UI显示尽量分离。考虑使用有限状态机FSM来管理复杂物体的不同状态如柜子关闭、打开、上锁、解锁。对于小型项目当前基于组件的模式足够如果谜题数量大增可以考虑使用可视化节点工具如Unity的ScriptableObject或第三方插件来编辑谜题流程。安全与性能提醒资源管理对于不再需要的物体如被拾取的道具使用Destroy(gameObject)或SetActive(false)。对于可重复使用的对象如对话气泡考虑对象池。输入处理在Update中检测输入时注意防止同一帧内多次触发。可以使用bool标志位或Input.GetMouseButtonDown这类仅在按下瞬间返回true的API。版本控制使用Git等版本控制系统管理你的项目特别是当项目规模增长时。忽略Library、Temp、Obj等文件夹并定期提交。这个《深夜小吃店》Demo虽然体量小但它串联了2D游戏开发中最核心的交互、库存、对话、状态管理模块。理解其中每个环节如何运作并动手将其实现远比单纯观看教程更有价值。你可以在此基础上更换美术资源设计更复杂的多步骤谜题甚至加入一个完整的剧情将它打磨成属于你自己的独特作品。开发中最快乐的时刻莫过于看到自己设计的逻辑被玩家一步步解开希望这个起点能带你进入游戏创作的精彩世界。
最近在整理游戏开发学习笔记时想把一个课堂上的2D解谜小Demo——《深夜小吃店》的完整实现过程记录下来。这个项目麻雀虽小但五脏俱全涵盖了从场景搭建、交互逻辑到谜题设计的核心流程非常适合刚学完Unity基础想动手做一个完整小游戏的开发者。本文将带你从零开始复现这个充满烟火气的解谜Demo。你会学到如何用Unity的2D功能构建一个精致的像素风场景如何设计并实现“寻找物品”、“组合使用”这类经典解谜逻辑以及如何让NPC与玩家进行简单的对话交互。无论你是独立游戏开发新手还是想给自己的作品集增加一个有趣的小项目跟着步骤走你都能获得一个可运行、可扩展的游戏原型。1. 项目概述与核心玩法《深夜小吃店》是一个氛围导向的轻度2D点击解谜游戏。玩家扮演一位深夜来到一家陌生小吃店的顾客目标很简单想办法为自己做一份夜宵。但厨房的灶台无法直接使用你需要通过与店主对话、探索场景中的物品如柜子、冰箱找到关键道具如打火机、食材并通过合理的组合使用来解决谜题最终成功点燃灶台完成烹饪。核心玩法循环探索在固定的游戏场景中通过鼠标点击调查高亮的可交互物体。收集从场景中获得道具并存入屏幕下方的物品栏。组合在物品栏中选择道具A再点击场景中的道具B或特定位置尝试进行组合使用。对话与NPC店主对话获取线索或推进剧情。技术实现要点2D场景管理使用Unity的Sprite Renderer、Sorting Layer和Order in Layer来管理渲染层级营造景深。点击交互系统基于Collider2D和Raycast实现精准的物体点击检测。物品栏系统管理道具的获取、显示、选中与使用状态。对话系统一个简单的脚本驱动文本逐字显示。状态管理通过枚举Enum和布尔值管理游戏进度如“灶台是否已修复”。2. 开发环境与项目设置在开始编码前确保你的开发环境已就绪。统一的版本有助于避免一些因版本差异导致的奇怪问题。环境准备清单Unity版本2021.3 LTS 或 2022.3 LTS长期支持版更稳定。本Demo基于2021.3.15f1创建。渲染管线使用内置的2D渲染管线即可无需URP或HDRP。项目模板新建项目时选择“2D”核心模板。IDEVisual Studio 2019/2022 或 JetBrains Rider并确保已安装Unity编辑扩展。初始项目结构设置 创建项目后在Assets文件夹下建立如下目录结构这是一个保持项目整洁的好习惯Assets/ ├── Scenes/ # 存放游戏场景文件 ├── Scripts/ # 存放所有C#脚本 │ ├── Core/ # 核心系统如交互、物品栏 │ ├── UI/ # 界面相关脚本 │ └── Props/ # 具体道具或机关脚本 ├── Sprites/ # 存放所有2D精灵图片 │ ├── Backgrounds/ # 背景图 │ ├── UI/ # UI图标 │ └── Props/ # 道具图标 ├── Prefabs/ # 预制体文件 └── Audio/ # 音效文件可选3. 场景搭建与美术资源导入我们的游戏只有一个主场景。首先我们需要布置一个具有层次感的小吃店内部场景。步骤1导入精灵图并设置参数将背景图如店铺全景、前景元素如柜台、桌椅和道具图冰箱、柜子、灶台导入Assets/Sprites/对应文件夹。在Unity中选中这些图片在Inspector面板中确保Texture Type设置为“Sprite (2D and UI)”。根据图片是否需要透明背景设置Alpha Source和Alpha Is Transparency。点击Apply。步骤2构建场景层级在Hierarchy面板创建空的GameObject作为容器例如_SceneRoot。将背景图拖入场景重命名为Background。为其添加Sprite Renderer组件。创建Sorting Layer来管理渲染顺序。点击Sprite Renderer组件中Sorting Layer下拉框选择Add Sorting Layer...。按从后到前的顺序添加Background (值最小) Midground Foreground UI (值最大)将Background的Sorting Layer设为Background。同理添加柜台(Counter Sorting Layer:Midground)、灶台(Stove Sorting Layer:Midground)、以及一些放在柜台上的小物件(Prop_* Sorting Layer:Foreground)。对于同一Layer内的物体可以通过调整Sprite Renderer中的Order in Layer数值来微调前后关系数值大的渲染在前。步骤3添加碰撞体与交互区域任何可以被玩家点击的物体都需要一个碰撞体来定义其点击范围。选中场景中的可交互物体如Stove灶台。点击Add Component 添加一个Box Collider 2D组件。调整绿色线框使其大致匹配灶台的可点击区域。不需要非常精确但应让玩家感觉点击有效。重复此步骤为冰箱(Fridge)、柜子(Cabinet)、店主(Shopkeeper)等所有可交互物体添加Box Collider 2D或Polygon Collider 2D。至此一个静态的2D场景就搭建好了。接下来我们将赋予它交互的生命力。4. 核心交互系统实现交互系统是解谜游戏的心脏它负责处理玩家的所有点击意图。我们将创建一个可复用的Interactable基类。4.1 创建可交互基类在Assets/Scripts/Core/下创建C#脚本Interactable.cs。// 文件路径Assets/Scripts/Core/Interactable.cs using UnityEngine; using UnityEngine.Events; public class Interactable : MonoBehaviour { [Header(基础设置)] public string interactableName 物体; // 物体名称用于提示 public Sprite cursorIcon; // 鼠标悬停时显示的图标 [Header(交互事件)] public UnityEvent onInteract; // 当物体被交互时触发的事件 [Header(状态)] public bool isActive true; // 当前是否可交互 // 当鼠标进入碰撞体时调用 private void OnMouseEnter() { if (!isActive) return; CursorManager.Instance?.SetInteractCursor(cursorIcon); // 可以在这里触发UI显示物体名称 // Debug.Log($鼠标悬停{interactableName}); } // 当鼠标离开碰撞体时调用 private void OnMouseExit() { if (!isActive) return; CursorManager.Instance?.SetDefaultCursor(); } // 当物体被点击时调用需确保物体有Collider2D且相机有Physics2D Raycaster private void OnMouseDown() { if (!isActive) return; Debug.Log($交互{interactableName}); onInteract?.Invoke(); // 触发所有关联的UnityEvent Interact(); } // 可供子类重写的具体交互逻辑 protected virtual void Interact() { // 基类默认行为就是触发UnityEvent子类可以扩展 } }这个基类提供了鼠标悬停、离开、点击的基础响应并通过UnityEvent提供了在Inspector面板中可视化配置交互行为的灵活性例如点击后播放一个音效、触发一个动画。4.2 实现光标管理器为了给玩家更好的反馈我们需要一个管理光标状态的单例管理器。// 文件路径Assets/Scripts/Core/CursorManager.cs using UnityEngine; public class CursorManager : MonoBehaviour { public static CursorManager Instance; [Header(光标纹理)] public Texture2D defaultCursor; public Vector2 defaultHotspot Vector2.zero; private void Awake() { if (Instance null) { Instance this; DontDestroyOnLoad(gameObject); // 通常光标管理器跨场景 SetDefaultCursor(); } else { Destroy(gameObject); } } public void SetDefaultCursor() { Cursor.SetCursor(defaultCursor, defaultHotspot, CursorMode.Auto); } public void SetInteractCursor(Sprite icon) { if (icon ! null icon.texture ! null) { // 注意Sprite的pivot可能需要调整为中心作为热点 Cursor.SetCursor(icon.texture, new Vector2(icon.texture.width/2, icon.texture.height/2), CursorMode.Auto); } else { // 如果没有指定图标使用一个简单的系统“手型”逻辑这里用默认替代 SetDefaultCursor(); } } }在场景中创建一个空的GameObject命名为Managers将CursorManager脚本挂载上去并在Inspector中拖入默认的光标纹理。4.3 为场景物体添加交互现在我们可以为场景中的物体添加Interactable组件了。选中Stove灶台物体。点击Add Component 搜索并添加Interactable。在Inspector中设置Interactable Name为 “灶台”。你可以点击On Interact事件下方的号添加一个事件。例如可以将一个播放“咔哒”声的AudioSource拖入并选择AudioSource.Play()。这样点击灶台时就会播放声音。5. 物品栏系统设计与实现物品栏系统需要管理道具的持有状态、UI显示以及道具的使用逻辑。我们将其拆分为三部分Inventory数据管理器、InventoryUI界面控制器和InventorySlot单个物品槽。5.1 物品数据与库存管理器首先定义一个Item数据类然后创建库存管理器。// 文件路径Assets/Scripts/Core/Item.cs using UnityEngine; [CreateAssetMenu(fileName New Item, menuName Inventory/Item)] // 允许在右键菜单中创建资源 public class Item : ScriptableObject { public string itemName 新物品; public Sprite icon; [TextArea] public string description 物品描述...; public bool isKeyItem false; // 是否为关键剧情物品 }// 文件路径Assets/Scripts/Core/Inventory.cs using System.Collections.Generic; using UnityEngine; public class Inventory : MonoBehaviour { public static Inventory Instance; public ListItem items new ListItem(); // 当前持有的物品列表 public int space 6; // 物品栏容量 // 当物品变化时触发的事件用于更新UI public delegate void OnItemChanged(); public OnItemChanged onItemChangedCallback; void Awake() { if (Instance null) Instance this; else Debug.LogWarning(多个Inventory实例); } public bool Add(Item item) { if (items.Count space) { Debug.Log(物品栏已满。); return false; } items.Add(item); onItemChangedCallback?.Invoke(); // 通知UI更新 Debug.Log($获得物品{item.itemName}); return true; } public void Remove(Item item) { items.Remove(item); onItemChangedCallback?.Invoke(); } public bool Contains(Item item) { return items.Contains(item); } }同样在Managers游戏对象上添加Inventory脚本。5.2 物品栏UI界面在Canvas下创建一个Panel命名为InventoryUI。设置合适的锚点和位置如屏幕底部。在InventoryUI下创建若干个Image作为物品槽(InventorySlot)排列好。为每个InventorySlot创建一个子Image作为Icon用于显示物品图标。创建UI脚本InventoryUI.cs和InventorySlotUI.cs。// 文件路径Assets/Scripts/UI/InventoryUI.cs using UnityEngine; public class InventoryUI : MonoBehaviour { public Transform itemsParent; // 所有InventorySlot的父物体 InventorySlotUI[] slots; void Start() { Inventory.Instance.onItemChangedCallback UpdateUI; slots itemsParent.GetComponentsInChildrenInventorySlotUI(); UpdateUI(); } void UpdateUI() { for (int i 0; i slots.Length; i) { if (i Inventory.Instance.items.Count) { slots[i].AddItem(Inventory.Instance.items[i]); } else { slots[i].ClearSlot(); } } } }// 文件路径Assets/Scripts/UI/InventorySlotUI.cs using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; public class InventorySlotUI : MonoBehaviour, IPointerClickHandler { public Image icon; private Item item; public void AddItem(Item newItem) { item newItem; icon.sprite item.icon; icon.enabled true; } public void ClearSlot() { item null; icon.sprite null; icon.enabled false; } // 点击物品槽时选中该物品 public void OnPointerClick(PointerEventData eventData) { if (item ! null) { InventoryManager.Instance?.SelectItem(this); } } public Item GetItem() { return item; } }5.3 物品使用与组合逻辑我们需要一个InventoryManager来协调物品栏的选中状态以及处理“使用物品A于物体B”的逻辑。// 文件路径Assets/Scripts/Core/InventoryManager.cs using UnityEngine; public class InventoryManager : MonoBehaviour { public static InventoryManager Instance; public InventorySlotUI selectedSlot; // 当前选中的物品槽 public GameObject selectionIndicator; // 一个跟随鼠标或高亮选中物品的UI void Awake() { if (Instance null) Instance this; } void Update() { // 让选中指示器跟随鼠标 if (selectedSlot ! null selectionIndicator ! null) { selectionIndicator.transform.position Input.mousePosition; selectionIndicator.SetActive(true); } else if (selectionIndicator ! null) { selectionIndicator.SetActive(false); } // 右键取消选中 if (Input.GetMouseButtonDown(1)) { DeselectItem(); } } public void SelectItem(InventorySlotUI slot) { if (selectedSlot slot) { DeselectItem(); return; } selectedSlot slot; Debug.Log($选中物品{slot.GetItem()?.itemName}); } public void DeselectItem() { selectedSlot null; Debug.Log(取消物品选中); } // 这个方法将被可交互物体调用检查是否使用了正确的物品 public bool TryUseItemOn(Item targetItem, Interactable targetObject) { if (selectedSlot null || selectedSlot.GetItem() ! targetItem) { Debug.Log($无法使用{item?.itemName}在{targetObject.interactableName}上。); return false; } Debug.Log($成功使用{targetItem.itemName}在{targetObject.interactableName}上); // 使用成功后的逻辑例如 // 1. 消耗物品Inventory.Instance.Remove(targetItem); // 2. 触发目标物体特定事件 DeselectItem(); // 使用后取消选中 return true; } }现在我们需要修改Interactable类使其能够响应“使用物品”的操作。我们为它添加一个UnityEventItem事件当有物品被用于它时触发。// 在Interactable.cs中添加 [Header(物品使用)] public Item requiredItem; // 需要使用的物品可选 public UnityEventItem onItemUsed; // 当使用特定物品时触发 // 在Interactable类中添加一个新方法供InventoryManager调用 public void OnItemUsed(Item usedItem) { if (requiredItem ! null usedItem requiredItem) { Debug.Log($正确使用了{usedItem.itemName}在{interactableName}上); onItemUsed?.Invoke(usedItem); // 通常正确的组合会改变游戏状态例如解锁新的交互 // isActive false; // 使用后可能不可再交互 } else { Debug.Log(${usedItem?.itemName}似乎不能用在{interactableName}上。); // 可以播放一个错误音效 } }最后在玩家点击场景物体时需要判断当前是否有选中的物品。修改Interactable的OnMouseDown方法或创建一个新的InteractableController来统一处理输入和逻辑判断会更清晰。这里为了简化我们可以在Interactable中做判断// 修改Interactable.cs中的OnMouseDown方法 private void OnMouseDown() { if (!isActive) return; // 检查是否有物品被选中 if (InventoryManager.Instance ! null InventoryManager.Instance.selectedSlot ! null) { Item selectedItem InventoryManager.Instance.selectedSlot.GetItem(); if (selectedItem ! null) { // 尝试使用选中的物品 OnItemUsed(selectedItem); return; // 物品交互优先于普通点击 } } // 如果没有选中物品则执行普通交互 Debug.Log($交互{interactableName}); onInteract?.Invoke(); Interact(); }6. 对话系统与游戏流程控制一个简单的对话系统可以推动剧情和提供线索。我们创建一个DialogueTrigger脚本和DialogueManager脚本。6.1 对话数据与管理器// 文件路径Assets/Scripts/Core/Dialogue.cs using UnityEngine; [System.Serializable] public class Dialogue { public string speakerName; // 说话者名字 [TextArea(3, 10)] public string[] sentences; // 对话句子数组 }// 文件路径Assets/Scripts/Core/DialogueManager.cs using UnityEngine; using UnityEngine.UI; using System.Collections; public class DialogueManager : MonoBehaviour { public static DialogueManager Instance; public GameObject dialogueBox; public Text speakerText; public Text dialogueText; public float typingSpeed 0.05f; private Queuestring sentences; private bool isTyping false; private string currentSentence; void Awake() { if (Instance null) Instance this; sentences new Queuestring(); } public void StartDialogue(Dialogue dialogue) { dialogueBox.SetActive(true); speakerText.text dialogue.speakerName; sentences.Clear(); foreach (string sentence in dialogue.sentences) { sentences.Enqueue(sentence); } DisplayNextSentence(); } public void DisplayNextSentence() { if (isTyping) { // 如果正在打字立即完成当前句子的显示 StopAllCoroutines(); dialogueText.text currentSentence; isTyping false; return; } if (sentences.Count 0) { EndDialogue(); return; } currentSentence sentences.Dequeue(); StartCoroutine(TypeSentence(currentSentence)); } IEnumerator TypeSentence(string sentence) { isTyping true; dialogueText.text ; foreach (char letter in sentence.ToCharArray()) { dialogueText.text letter; yield return new WaitForSeconds(typingSpeed); } isTyping false; } void EndDialogue() { dialogueBox.SetActive(false); Debug.Log(对话结束。); } void Update() { // 点击鼠标或按空格键继续对话 if (dialogueBox.activeInHierarchy (Input.GetMouseButtonDown(0) || Input.GetKeyDown(KeyCode.Space))) { DisplayNextSentence(); } } }6.2 对话触发器将DialogueTrigger脚本挂载到店主NPC物体上。// 文件路径Assets/Scripts/Props/DialogueTrigger.cs using UnityEngine; public class DialogueTrigger : MonoBehaviour { public Dialogue dialogue; // 这个方法可以绑定到Interactable的OnInteract事件上 public void TriggerDialogue() { if (DialogueManager.Instance ! null) { DialogueManager.Instance.StartDialogue(dialogue); } } }在Unity编辑器中选中Shopkeeper物体。在其Interactable组件的On Interact事件中点击。将Shopkeeper自身拖入对象框。选择函数DialogueTrigger - TriggerDialogue()。在DialogueTrigger组件中创建并分配一个Dialogue填写店主的台词例如“欢迎光临不过今天灶台好像打不着火了你要是能找到打火机可以自己试试。”7. 整合实现“打火机点燃灶台”谜题现在我们将所有系统串联起来实现游戏的核心谜题。步骤1创建物品数据在Project窗口右键Create - Inventory - Item。命名为Item_Lighter打火机。为其指定一个图标Sprite设置itemName为“打火机”description为“一个老式的打火机似乎还能用。”。步骤2设置可交互道具-打火机在场景中创建一个Sprite显示为打火机命名为Prop_Lighter。添加Interactable组件设置名称。在On Interact事件上添加一个调用Inventory.Instance.Add(item_Lighter)并将之前创建的Item_Lighter资源拖入参数位置。同时添加一个SetActive(false)到自身这样点击后打火机就从场景中消失表示被拾取。步骤3设置可交互物体-灶台选中Stove灶台。在其Interactable组件中将requiredItem设置为Item_Lighter。在On Item Used事件上这是一个UnityEventItem点击。这里可以添加多个动作播放一个“点火”的音效和动画。调用一个自定义方法Stove.EnableCooking()。将灶台自身的isActive设为false防止重复交互。触发一段新的对话店主说“哦点着了现在你可以用那边的食材做点吃的了。”步骤4编写灶台行为脚本// 文件路径Assets/Scripts/Props/Stove.cs using UnityEngine; public class Stove : MonoBehaviour { public GameObject fireEffect; // 一个粒子效果或Sprite表示火焰 public Interactable interactable; // 自身的Interactable组件引用 void Start() { if (fireEffect ! null) fireEffect.SetActive(false); } // 这个方法将被Interactable的OnItemUsed事件调用 public void EnableCooking() { Debug.Log(灶台被点燃了); if (fireEffect ! null) fireEffect.SetActive(true); if (interactable ! null) { interactable.isActive false; // 点燃后不能再交互或者改变交互行为 // 可以更改提示文字 // interactable.interactableName 燃烧中的灶台; } // 这里可以触发游戏胜利条件或者解锁新的交互如锅 GameManager.Instance?.CompletePuzzle(StoveLit); } }将Stove脚本挂载到灶台物体上并在Inspector中将fireEffect一个粒子系统或火焰Sprite子物体和interactable自身的Interactable组件拖拽赋值。8. 常见问题与调试技巧在实现过程中你可能会遇到以下典型问题问题现象可能原因解决方案点击物体无反应1. 物体缺少Collider2D。2. 相机缺少Physics 2D Raycaster组件。3. 物体被UI遮挡。1. 添加碰撞体。2. 给主相机添加Physics 2D Raycaster。3. 检查Canvas的渲染模式或调整物体与UI的Sorting Layer。物品栏UI不更新1.InventoryUI脚本未正确绑定itemsParent。2.Inventory.Instance.onItemChangedCallback事件未成功订阅。1. 在Inspector中将存放物品槽的父物体拖拽赋值。2. 在InventoryUI.Start()中检查订阅代码是否执行。使用Debug.Log打印信息。物品无法选中/使用1.InventorySlotUI未实现IPointerClickHandler。2.InventoryManager.Instance为空。3.Interactable.OnMouseDown中物品判断逻辑有误。1. 确保脚本继承了接口并实现了OnPointerClick。2. 确保场景中存在InventoryManager游戏对象。3. 在关键节点添加Debug.Log输出当前选中的物品和交互的物体跟踪逻辑流。对话不显示或卡住1.DialogueBoxGameObject未激活。2.DialogueManager单例冲突。3. 打字协程被意外停止。1. 确保对话开始时dialogueBox.SetActive(true)。2. 确保场景中只有一个DialogueManager。3. 检查Update中继续对话的输入检测条件。通用调试建议善用Debug.Log在方法的开始、关键判断分支、成功失败处添加日志这是理解代码执行顺序最直接的方式。检查Inspector赋值Unity中90%的“空引用异常”都源于Inspector中的引用未拖拽赋值。养成习惯在Awake()或Start()里用Debug.Log检查关键引用是否为空。理解执行顺序Awake()-OnEnable()-Start()。确保单例在Awake中初始化其他脚本在Start中获取单例引用。使用Unity的Console窗口不仅看错误也要看警告黄色它们常常预示着潜在问题。9. 扩展思路与最佳实践完成基础Demo后你可以从以下几个方向进行扩展这也能锻炼更全面的游戏开发能力1. 状态管理进阶创建一个GameState单例或使用ScriptableObject来集中管理全局游戏状态如“是否已拿到打火机”、“灶台是否点燃”。使用事件C#的event或UnityEvent来解耦对象间的通信。例如当“灶台点燃”事件发生时监听此事件的“锅”物体才会变得可交互。2. 对话系统增强支持分支对话根据玩家持有的物品或游戏状态触发不同的对话内容。添加对话立绘Character Portrait和音效。将对话数据存储在外部文件如JSON、ScriptableObject中便于策划修改。3. 物品栏优化实现物品拖拽功能。添加物品详细信息的Tooltip提示框。支持物品分类和分页。4. 动画与反馈为所有交互添加简单的补间动画如物体被点击时轻微放大缩小。使用粒子系统增强视觉效果如拾取物品时的闪光、点燃灶台时的火焰。为所有操作配上恰当的UI音效和环境音效能极大提升沉浸感。5. 代码结构与架构遵循单一职责原则交互、数据、UI显示尽量分离。考虑使用有限状态机FSM来管理复杂物体的不同状态如柜子关闭、打开、上锁、解锁。对于小型项目当前基于组件的模式足够如果谜题数量大增可以考虑使用可视化节点工具如Unity的ScriptableObject或第三方插件来编辑谜题流程。安全与性能提醒资源管理对于不再需要的物体如被拾取的道具使用Destroy(gameObject)或SetActive(false)。对于可重复使用的对象如对话气泡考虑对象池。输入处理在Update中检测输入时注意防止同一帧内多次触发。可以使用bool标志位或Input.GetMouseButtonDown这类仅在按下瞬间返回true的API。版本控制使用Git等版本控制系统管理你的项目特别是当项目规模增长时。忽略Library、Temp、Obj等文件夹并定期提交。这个《深夜小吃店》Demo虽然体量小但它串联了2D游戏开发中最核心的交互、库存、对话、状态管理模块。理解其中每个环节如何运作并动手将其实现远比单纯观看教程更有价值。你可以在此基础上更换美术资源设计更复杂的多步骤谜题甚至加入一个完整的剧情将它打磨成属于你自己的独特作品。开发中最快乐的时刻莫过于看到自己设计的逻辑被玩家一步步解开希望这个起点能带你进入游戏创作的精彩世界。
![[光学原理与应用-521]：对光的错误理解与纠偏](http://pic.xiahunao.cn/yaotu/[光学原理与应用-521]：对光的错误理解与纠偏)
