场景编辑器

场景是动画的舞台背景。在 Creator 中,场景由多个图层叠加构成,每个图层可以包含多张图片和多个定位点。通过场景编辑器,你可以搭建出丰富多样的动画场景。

scene-editor


创建场景

  1. 在左侧项目树的 素材 → 场景 分类,点击右侧 + 按钮
  2. 新建的场景会在 场景 分类下,名称为「新场景」,双击该项可以修改场景名称

编辑器界面

场景编辑器的界面分为以下几个区域:

区域说明
场景树(左上角)管理场景中的所有图层和定位点,支持拖拽排序
属性面板(左下角)编辑当前选中元素(图层、图片或定位点)的属性(位置,旋转,缩放等)
画布预览(右侧)右侧主区域,实时展示场景的叠加效果

图层(Layout)

图层是场景的基本组成单位。多个图层按从上到下的顺序叠加显示——列表中排在下面的图层会覆盖在上面的图层。

添加图层

  1. 在场景树中,场景 右侧点击 + 按钮,会在最下方新建一个图层
  2. 双击该图层名称可以重命名(如「背景层」「前景层」)

调整图层顺序

拖拽场景树中的图层即可调整叠加顺序。

删除图层

点击右侧的 x 按钮即可删除。

remove-layer


图片(Sprite)

图片是图层中的可视元素。每个图层可以包含多张图片。

添加图片

  1. 选中目标图层
  2. 点击图片区域的 + 按钮
  3. 在弹出的文件选择对话框中,选择一张图片文件导入

编辑图片属性

选中画布上的图片或在场景树中点击图片名称,属性面板会显示该图片的可编辑属性:

属性说明
位置图片相对于图层的位置坐标,以图片正中心作为原点
旋转图片相对于图层的旋转角度,以图片正中心作为原点
缩放图片相对于图层的缩放比例,以图片正中心作为原点
尺寸图片的尺寸,默认和图片资源相同,可以修改为其他尺寸
资源图片的资源信息,可以点击该项右侧的 文件 按钮重新选择图片

注意,位置、旋转和缩放都是相对于所在图层而言的。调整图层属性会影响图片的显示效果,但不会改变图片的属性值。 可以理解为:图层是一张纸,在纸上贴了一张照片,转动纸时,照片也会随之转动。

你也可以直接在画布上拖动图片来调整位置。

当前画布仅支持拖动调整位置,暂不支持旋转和缩放。

edit-property


定位点(Point)

定位点是场景中的标记位置,本身不可见,但在剧本中可以用来指定角色的出场位置。例如,一个名为「左座位」的定位点可以让角色通过 出现在【左座位】 命令出现在该位置。

添加定位点

  1. 选中目标图层
  2. 点击定位点区域的 + 按钮
  3. 新定位点会出现在画布上,双击列表中的名称为其命名(如「左座位」「右座位」)

编辑定位点

  • 在画布上拖动定位点标记即可调整位置
  • 在属性面板中可以精确设置坐标

edit-point

定位点的命名非常重要——它就是你在剧本中引用的名称。建议使用描述性的名称,如「舞台中央」「门口」等。

定位点位于图层中,会被下方的图层中的图片遮盖。如果需要调整定位点位置,可以通过点击下方图层右侧的 眼睛 按钮,隐藏下方图层,调整好位置后再显示。


使用技巧

  • 图层分组:将前景、中景、背景分别放在不同图层中,方便管理
  • 定位点规划:提前规划好角色需要出现的位置,在场景中预设定位点
  • 图片格式:建议使用 PNG 格式的透明背景图片,以便图层叠加时效果更好