Skip to main content

完整的编辑器

“完整的编辑器”是Meta3D提供的模板，实现了最基本的3D可视化编辑和发布、导入导出的功能，具有Scene View、Game View、Scene Tree、Inspector、Asset、Controller等面板

在本文中，您将学习到：

  • 面板介绍
  • 有哪些功能
  • 如何使用
  • 有哪些资源可使用，如glb模型资源等

界面介绍

我们来看下界面由哪些面板组成，界面如下图所示：

最上面是菜单栏，包括了基本的命令，这里分别进行介绍：

  • 编辑
    • 导出事件
      这里导出所有的事件，从而实现编辑器的“导出”功能
    • 导出单一事件
      这里是为了性能考虑，只导出一个附带场景数据的事件，删除了其它中间的事件。这个功能相当于编辑器的“导出场景”的功能
    • 导入事件
      这里导入之前导出的事件，从而实现编辑器的“导入”功能
  • 发布
    • 本地包
      这里导出一个.zip的压缩包，包括了引擎文件、index.html页面、js文件，从而实现了编辑器的“发布”功能。
      您可以在浏览器上运行index.html页面，将会显示Game View中的画面。

菜单栏下面是Controller，包括了“运行”按钮，它的介绍如下：
点击该按钮时，开始运行，在Game View中开启主循环，从而可实时看到运行效果；
再次点击该按钮时，结束运行，结束Game View中的主循环，并且将编辑器的状态恢复到运行前的状态

接着，下方的左侧是Scene Tree，其中上面一栏是操作按钮，这里分别进行介绍：

  • 第一个按钮是“加入一个Cube”
  • 第二个按钮是“克隆选中的GameObject”
  • 第三个按钮是“删除选中的GameObject”

操作按钮下方显示了场景中GameObject的Name和层级关系，可以通过点击来选中，或通过拖动来设置层级关系

Scene Tree的右侧是Scene View，Scene View负责显示编辑视图

Scene View的右侧是Game View，Game View负责显示运行视图

Game View的右侧是Inspector，当选中Scene Tree中的GameObject时会显示对应的Inspector

下方是Asset，其中上面一栏是操作按钮，这里分别进行介绍：

  • 第一个按钮是“上传一个GLB模型”
    请选择.glb文件
  • 第二个按钮是“删除选中的资产”

操作按钮下方显示了上传的资产，可以通过点击来选中，或通过拖动到Scene View中来将其加入到场景中

调试

得益于事件溯源架构带来的好处，编辑器运行出错时将会提示您下载一个事件文件，在编辑器中导入它后可复现出错的现场。
这样您就可以在修改逻辑代码后，再次运行编辑器，并导入该事件文件。如果没有出现同样的错误，则说明完成了修复。

资源