endset_three_editor

Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Learn more about the recommended Project Setup and IDE Support in the Vue Docs TypeScript Guide.

全局脚本

在右侧面板"全局属性 → 脚本"中添加的 JS 函数会：

• 在画布底部生成触发按钮（编辑 / 运行模式均显示并生效）
• 随场景一起导出 / 导入

导出（脚本随场景保存）

import { exportSceneToJSON } from "endset_three_editor";

const data = await exportSceneToJSON();
// data.scripts = [{ id, name, code }, ...]  —— 已包含全局脚本列表
// 将 data 整体（scene 为 GLB 二进制）保存即可

导入（脚本随场景恢复）

import { initEditor } from "endset_three_editor";

initEditor(container, mode, {
  scene: sceneData.scene,          // GLB 二进制或 ObjectLoader JSON
  camera: sceneData.camera,
  dataPanels: sceneData.dataPanels,
  waters: sceneData.waters,
  textures: sceneData.textures,
  ambientLight: sceneData.ambientLight,
  scripts: sceneData.scripts,      // 传入后自动恢复脚本与画布底部按钮
});

脚本存储在独立于 GLB 的 JSON 状态层（与 dataPanels / waters 等一致）， 因此即使 GLB 资产不变，脚本也会随场景状态保存 / 恢复。