3D建模

Cocos Creator:使用场景面板构建场景图像

Apr 20, 2023 • 7 min read

推荐：将NSDT场景编辑器加入你的3D工具链

3D工具集：NSDT 编辑器

使用场景面板构建场景图像

本文档将介绍使用场景面板创建和编辑场景图像的工作流程和技巧。

当我们开始向场景添加内容时，我们通常从层次结构面板中的创建节点菜单开始，这是点击左上角 + 按钮时弹出的菜单，从几个简单的节点类别中选择我们需要的基本节点类型并添加到场景中。

添加节点时，在“层次结构”面板中选择的节点将成为新创建的节点的父节点。如果选择折叠的节点，然后通过菜单添加新节点，则需要展开刚刚选择的节点才能看到新添加的节点。

在“创建节点”菜单中选择“创建空节点”以创建不包含任何组件的节点。空节点可用作组织其他节点或挂载开发人员编写的逻辑和控制组件的容器。同样在下文中，我们将介绍如何通过组合空节点和组件来创建满足特定要求的控件。

在“创建节点”菜单中选择“创建 3D 对象”以创建编辑器附带的一些更基本的静态模型控件，这些控件当前包括立方体、圆柱体、球体、胶囊体、圆锥体、圆环、平面和四边形。如果需要创建其他类型的模型，可以参考网格渲染器组件。

可以通过从“创建节点”菜单中选择“创建 UI”来创建 UI 节点。Creator 3.0 中的 UI 节点要求任何父节点必须至少有一个 UITransform 组件。每个UI节点本身也将有一个UITransform组件。

所以 Canvas 节点是 UI 渲染的根节点，所有与渲染相关的 UI 节点都放在 Canvas 下，有以下好处：

Canvas 可以提供多分辨率自适应缩放，使用 Canvas 作为根节点可以确保我们的场景在更大或更小的屏幕上看起来不错，请参阅多分辨率适配方案。
画布节点根据屏幕大小自动居中，因此画布下的 UI 节点将以屏幕中心作为坐标系的原点。根据我们的经验，这简化了场景和 UI 设置（例如：默认情况下，按钮元素的文本显示在按钮节点的中心），并使编写 UI 节点位置控件的脚本变得更加容易。

创建节点菜单允许您创建由节点和基本可渲染组件（如粒子系统、精灵、标签、蒙版等）组成的节点类型。

此处的基本 2D 可渲染组件不能替换为其他组件的组合。请注意，每个节点只能添加一个可渲染组件，重复添加将导致错误。但是，可以通过组合不同的呈现节点来实现复杂的界面控件，例如下面的 UI 控件节点。

常见的 UI 控件，包括按钮、小部件、布局、滚动视图、编辑框等。可以从“创建节点”菜单中的“UI”类别创建节点。

UI 节点大多是渲染节点的组合，比如我们通过菜单创建的 Button 节点包括一个带有 Button 组件 + 一个 Sprite 组件的按钮后台节点，以及一个带有 Label 组件的标签节点：

使用菜单创建基本类型的节点是快速向场景添加内容的推荐方法，然后我们可以根据需要编辑使用菜单创建的节点以创建所需的组合。

有关 UI 节点的详细信息，请参阅 UI 结构说明。

除了具有特定渲染等任务的节点外，建议在场景的根目录中设置一些只负责挂载脚本和执行游戏逻辑的节点，没有任何渲染等相关内容。通常我们会将这些节点放在场景的根级别，与 Canvas 节点并排放置，以便其他开发者在协作时第一时间找到游戏逻辑并绑定相关数据。

“场景”面板包括 3D 和 2D 视图。3D 视图用于 3D 场景编辑，2D 视图主要用于编辑 UI 节点等 2D 元素。场景视图可以通过编辑器左上角工具栏中的 3D/2D 按钮进行切换。
以下快捷方式适用于这两种视图。

在“层次结构”面板中选择一个节点，然后双击或按下以聚焦“场景”面板中的节点。F
选择节点后按下会在与节点相同的位置复制粘贴一个相同的节点，当我们需要快速制作多个相似的节点时，这可以提高效率。Cmd/Ctrl + D
在“场景/层次结构”面板中，按住该键并单击所需的节点，以便同时选择多个节点。该键允许您连续选择节点，而无需逐个选择它们。Cmd/CtrlShift