HOME / 第 1 部分 · 环境准备:下载与安装 / 第 5 课
MODULE 1 · 环境准备:下载与安装

第 5 课 · 编辑器五大面板实战详解

⏱ 预计时长 25 分钟📊 难度 入门📚 模块 第 1 部分 · 环境准备:下载与安装

🎯 本课学习目标

第 4 课我们创建了项目,本课把编辑器五大面板逐个实战操作一遍,做到心里有数。

📖 详细教学步骤

场景面板(左上):节点树操作

  • 显示当前场景所有节点的树状结构
  • 点击节点 = 选中它(主视图会出现它的包围框)
  • 右键节点可以:添加子节点、复制、删除、改名(F2)
  • 顶部按钮:+ 添加节点、剪刀(删除)等

💡 上节课我们加了 Node2D,它在场景面板里就是一棵「树」的根。

主视图(中间):可视化操作区操作

  • 中间大区域是主视图,实时显示 2D/3D 画面
  • 选中节点后,可在主视图直接拖拽移动它
  • 顶部工具条:选择(V)、移动(W)、旋转(E)、缩放(S) 工具
  • 滚轮缩放视图,按住鼠标中键或空格+左键拖动视图

💡 快捷键:V=选择、W=移动、E=旋转、S=缩放,非常常用。

属性检查器(右侧):改参数操作

  • 选中节点后,右侧「检查器(Inspector)」显示该节点的所有属性
  • 例如 Node2D 有 Position(位置)、Rotation(旋转)、Scale(缩放)
  • 点击数值直接输入,或用鼠标在数值上左右拖动微调
  • 属性修改会实时反映到主视图

💡 在检查器里改 Position 的 X/Y,物体就会移动——这是最常用的操作。

资源面板(左下):文件管理操作

  • 显示项目文件夹里的所有文件(.tscn 场景、.gd 脚本、图片、音频等)
  • 右键可以新建文件夹、脚本、场景
  • 把图片拖入资源面板即可导入素材
  • 双击 .tscn 可打开对应场景

底部面板:输出与调试操作

  • 运行时按 F5,游戏窗口会弹出,报错信息显示在底部输出(Output)面板
  • 以后代码写错,红色的报错就在这里,学会看报错是必备技能
  • 面板可通过顶部「调试器」等标签切换
⚠️
主视图里选中不了节点?

先确认场景面板里选中的就是那个节点,再看主视图右上角是否处于「2D」视图、锁定时是否被锁定。

⚠️
检查器里改了数值没变化?

确认选中的是你要改的那个节点(场景面板高亮的就是选中节点)。

🧪 动手试一试

🏋️ 课后练习

在 main.tscn 场景里添加一个 Sprite2D 节点(第 19 课会细讲),然后在主视图拖动它,再在检查器里把 Position 改成 (300, 200)。

场景面板右键 Node2D → 添加子节点 → 搜索 Sprite2D。主视图按住物体拖动即可移动。

💡

记住三个快捷键:Ctrl+A 加节点、F2 重命名、F5 运行。

💡

主视图右上角可切换「预览」模式,看看游戏实际效果。

🎓 本课小结

五大面板各司其职:场景面板管节点、主视图管可视化、检查器管属性、资源面板管文件、底部面板管输出调试。熟练后操作效率翻倍。