diamon-engine 0.1.0

package/dist/package/workbench.js

@@ -0,0 +1,713 @@
+import * as l from "three";
+import { GLTFLoader as L } from "three/examples/jsm/loaders/GLTFLoader.js";
+import { E as m, S as A, O as y, M as $, a as P, L as R, C as E } from "./OrbitCameraController-COklTntj.js";
+const U = {
+  box: "#1ec7a6",
+  sphere: "#f5c95f",
+  cylinder: "#4ba3ff",
+  cone: "#ef6f50",
+  torus: "#d989ff"
+}, M = {
+  box: "Cube",
+  sphere: "Sphere",
+  cylinder: "Cylinder",
+  cone: "Cone",
+  torus: "Torus"
+}, T = {
+  box: { kind: "box", width: 1, height: 1, depth: 1 },
+  sphere: { kind: "sphere", radius: 0.62 },
+  cylinder: { kind: "cylinder", radius: 0.52, height: 1.15 },
+  cone: { kind: "cone", radius: 0.6, height: 1.25 },
+  torus: { kind: "torus", radius: 0.62, tube: 0.18 }
+}, D = 700, H = 2500, F = 12e4, _ = 8e3, B = 5e9, j = 0.07;
+function te(r) {
+  return new G(r);
+}
+class G {
+  constructor(e) {
+    this.ui = e, this.scene.threeScene.background = new l.Color("#07100f"), this.scene.threeScene.fog = new l.Fog("#07100f", 32, 90), this.scene.add(q()), this.scene.add(z()), this.scene.add(W()), this.scene.add(K()), this.scene.add(V());
+    const t = new m("Workbench Runtime");
+    t.addComponent(new N(() => this.updateRuntimeUi(), 0.25)), this.scene.add(t), this.addPrimitive("box"), this.addPrimitive("sphere"), this.addPrimitive("cylinder"), this.commitHistory("初始场景"), this.bindCanvasPicking(), this.refreshUi(), this.log("引擎编辑器已启动");
+  }
+  ui;
+  scene = new A("Engine Workbench");
+  objects = /* @__PURE__ */ new Map();
+  resources = /* @__PURE__ */ new Map();
+  prefabs = /* @__PURE__ */ new Map();
+  selectedIds = /* @__PURE__ */ new Set();
+  undoStack = [];
+  redoStack = [];
+  clipboard = [];
+  raycaster = new l.Raycaster();
+  pointer = new l.Vector2();
+  gltfLoader = new L();
+  objectSerial = 0;
+  resourceSerial = 0;
+  prefabSerial = 0;
+  groupSerial = 0;
+  lastStressResult = "未测试";
+  restoring = !1;
+  addPrimitive(e) {
+    const t = this.createPrimitiveRecord(e);
+    return this.selectOnly(t.id), this.commitHistory(`添加 ${M[e]}`), this.refreshUi(), t.entity;
+  }
+  copySelection() {
+    this.clipboard.length = 0;
+    for (const e of this.getSelectedRecords())
+      this.clipboard.push(this.serializeObject(e, !1));
+    this.log(`已复制 ${this.clipboard.length} 个对象`), this.refreshUi();
+  }
+  pasteSelection() {
+    if (this.clipboard.length === 0) {
+      this.log("没有可粘贴对象");
+      return;
+    }
+    this.selectedIds.clear();
+    for (const e of this.clipboard) {
+      const t = {
+        ...e,
+        name: `${e.name} Copy`,
+        position: [
+          e.position[0] + 0.75,
+          e.position[1],
+          e.position[2] + 0.75
+        ]
+      }, s = this.createRecordFromSerialized(t);
+      this.selectedIds.add(s.id);
+    }
+    this.commitHistory("粘贴对象"), this.refreshUi();
+  }
+  deleteSelection() {
+    const e = this.getSelectedRecords();
+    if (e.length === 0) {
+      this.log("没有选中对象");
+      return;
+    }
+    for (const t of e)
+      this.removeRecord(t);
+    this.selectedIds.clear(), this.commitHistory(`删除 ${e.length} 个对象`), this.refreshUi();
+  }
+  undo() {
+    if (this.undoStack.length <= 1) {
+      this.log("没有可撤销操作");
+      return;
+    }
+    const e = this.undoStack.pop();
+    e && this.redoStack.push(e);
+    const t = this.undoStack[this.undoStack.length - 1];
+    this.restoreSnapshot(t), this.log("已撤销");
+  }
+  redo() {
+    const e = this.redoStack.pop();
+    if (!e) {
+      this.log("没有可重做操作");
+      return;
+    }
+    this.undoStack.push(e), this.restoreSnapshot(e), this.log("已重做");
+  }
+  selectAll() {
+    this.selectedIds.clear();
+    for (const e of this.objects.keys())
+      this.selectedIds.add(e);
+    this.refreshUi(), this.log(`已选择 ${this.selectedIds.size} 个对象`);
+  }
+  createGroupFromSelection() {
+    const e = this.getSelectedRecords();
+    if (e.length === 0) {
+      this.log("请先选择对象再分组");
+      return;
+    }
+    this.groupSerial += 1;
+    const t = `Group ${this.groupSerial}`;
+    for (const s of e)
+      s.group = t;
+    this.commitHistory(`创建分组 ${t}`), this.refreshUi();
+  }
+  saveScene() {
+    const e = this.makeSnapshot(), t = JSON.stringify(e, null, 2);
+    this.ui.sceneData.value = t, window.localStorage.setItem("diamon-engine-scene", t), this.log("场景已保存到面板和本地缓存");
+  }
+  loadScene() {
+    const e = this.ui.sceneData.value.trim() || window.localStorage.getItem("diamon-engine-scene");
+    if (!e) {
+      this.log("没有可加载的场景数据");
+      return;
+    }
+    try {
+      const t = JSON.parse(e);
+      this.restoreSnapshot(t), this.commitHistory("加载场景"), this.log("场景加载完成");
+    } catch (t) {
+      this.log(`场景加载失败：${t instanceof Error ? t.message : String(t)}`);
+    }
+  }
+  downloadScene() {
+    this.saveScene(), this.downloadText("diamon-scene.json", this.ui.sceneData.value, "application/json");
+  }
+  createPrefabFromSelection() {
+    const e = this.getSelectedRecords();
+    if (e.length === 0) {
+      this.log("请先选择对象再保存预制体");
+      return;
+    }
+    this.prefabSerial += 1;
+    const t = {
+      id: `prefab-${this.prefabSerial}`,
+      name: `Prefab ${this.prefabSerial}`,
+      objects: e.map((s) => this.serializeObject(s, !1))
+    };
+    this.prefabs.set(t.id, t), this.commitHistory(`保存预制体 ${t.name}`), this.refreshUi(), this.log(`已保存预制体：${t.name}`);
+  }
+  addStressObjects(e) {
+    const t = performance.now();
+    this.selectedIds.clear();
+    const s = Math.ceil(Math.sqrt(e));
+    for (let o = 0; o < e; o += 1) {
+      const i = this.createPrimitiveRecord("box", {
+        name: `Stress Cube ${this.objectSerial + 1}`,
+        color: o % 2 === 0 ? "#1ec7a6" : "#4ba3ff",
+        position: [
+          o % s * 0.78 - s * 0.39,
+          0.45,
+          Math.floor(o / s) * 0.78 + 5
+        ],
+        layer: 2,
+        group: "Stress Objects"
+      });
+      o < 20 && this.selectedIds.add(i.id);
+    }
+    const n = Math.round(performance.now() - t);
+    this.lastStressResult = `新增 ${e} 个对象，用时 ${n}ms`, this.commitHistory("大量对象压力测试"), this.refreshUi(), this.log(this.lastStressResult);
+  }
+  addInstancedStressObjects(e) {
+    const t = performance.now(), s = new m(`Instanced Stress ${e}`);
+    s.tag = "workbench-object";
+    const n = new l.BoxGeometry(0.42, 0.42, 0.42), o = new l.MeshStandardMaterial({
+      color: "#1ec7a6",
+      roughness: 0.65,
+      metalness: 0.08
+    }), i = new l.InstancedMesh(n, o, e);
+    i.castShadow = !1, i.receiveShadow = !1;
+    const c = new l.Matrix4(), a = Math.ceil(Math.sqrt(e));
+    for (let f = 0; f < e; f += 1) {
+      const g = f % a * 0.55 - a * 0.275, S = Math.floor(f / a) * 0.55 + 16;
+      c.makeTranslation(g, 0.35, S), i.setMatrixAt(f, c);
+    }
+    i.instanceMatrix.needsUpdate = !0, i.userData.workbenchId = `object-${this.objectSerial + 1}`, s.addComponent(new y(i, { disposeOnDestroy: !0 }));
+    const d = this.nextObjectId(), u = {
+      id: d,
+      entity: s,
+      kind: "instanced",
+      primitiveKind: "box",
+      instancedCount: e,
+      color: "#1ec7a6",
+      layer: 2,
+      group: "Instanced Stress",
+      locked: !1,
+      visible: !0
+    };
+    i.userData.workbenchId = d, this.scene.add(s), this.objects.set(d, u), this.selectOnly(d);
+    const v = Math.round(performance.now() - t);
+    this.lastStressResult = `实例化 ${e} 个对象，用时 ${v}ms`, this.commitHistory("实例化压力测试"), this.refreshUi(), this.log(this.lastStressResult);
+  }
+  addMegaInstancedStressObjects(e) {
+    const t = performance.now(), s = this.getMegaStressRecord();
+    if (s) {
+      const n = (s.instancedCount ?? 0) + e;
+      this.updateMegaStressRecord(s, n, t, "合并极限压力层", "极限实例化累计");
+      return;
+    }
+    this.createMegaStressRecord(e, t, "500万对象极限压力测试", "极限实例化");
+  }
+  setMegaInstancedStressObjects(e) {
+    const t = performance.now(), s = Y(e), n = `设置${s}极限压力层`, o = `${s}目标`, i = this.getMegaStressRecord();
+    if (i) {
+      this.updateMegaStressRecord(i, e, t, n, o);
+      return;
+    }
+    this.createMegaStressRecord(e, t, n, o);
+  }
+  importAssets(e) {
+    const t = Array.from(e);
+    if (t.length !== 0) {
+      for (const s of t)
+        this.registerAsset(s);
+      this.commitHistory("导入资源"), this.refreshUi();
+    }
+  }
+  clearLogs() {
+    this.ui.logList.innerHTML = "";
+  }
+  stats() {
+    return {
+      objects: this.objects.size,
+      logicalObjects: this.logicalObjectCount(),
+      resources: this.resources.size,
+      prefabs: this.prefabs.size,
+      selected: this.selectedIds.size,
+      lastStressResult: this.lastStressResult
+    };
+  }
+  createPrimitiveRecord(e, t = {}) {
+    const s = this.nextObjectId(), n = this.objectSerial, o = new m(t.name ?? `${M[e]} ${n}`);
+    o.tag = "workbench-object";
+    const i = t.position ?? [
+      -3 + n % 6 * 1.15,
+      0.62,
+      Math.floor(n / 6) * 1.15
+    ];
+    o.position.set(i[0], i[1], i[2]), t.rotation && o.rotation.set(t.rotation[0], t.rotation[1], t.rotation[2]), t.scale && o.scale.set(t.scale[0], t.scale[1], t.scale[2]);
+    const c = t.color ?? U[e];
+    o.addComponent(
+      new $({
+        ...T[e],
+        color: c,
+        segments: 24,
+        metalness: 0.14,
+        roughness: 0.5
+      })
+    ), o.object.traverse((d) => {
+      d.userData.workbenchId = s;
+    });
+    const a = {
+      id: s,
+      entity: o,
+      kind: "primitive",
+      primitiveKind: e,
+      color: c,
+      layer: t.layer ?? 0,
+      group: t.group ?? "",
+      locked: t.locked ?? !1,
+      visible: t.visible ?? !0
+    };
+    return o.enabled = a.visible, o.object.visible = a.visible, this.scene.add(o), this.objects.set(s, a), a;
+  }
+  createRecordFromSerialized(e) {
+    return e.kind === "mega-instanced" ? this.createMegaInstancedRecordFromSerialized(e) : e.kind === "instanced" ? this.createInstancedRecordFromSerialized(e) : e.kind === "model" ? this.createModelPlaceholder(e) : this.createPrimitiveRecord(e.primitiveKind ?? "box", e);
+  }
+  createModelPlaceholder(e) {
+    const t = this.createPrimitiveRecord("box", {
+      ...e,
+      color: e.color || "#ef6f50"
+    });
+    return t.kind = "model", t.resourceId = e.resourceId, t.entity.name = e.name, t.entity.object.name = e.name, t;
+  }
+  createInstancedRecordFromSerialized(e) {
+    const t = e.instancedCount ?? 100;
+    this.addInstancedStressObjects(t);
+    const s = this.getSelectedRecords()[0];
+    return s.entity.name = e.name, s.entity.object.name = e.name, s.entity.position.set(...e.position), s.entity.rotation.set(...e.rotation), s.entity.scale.set(...e.scale), s.layer = e.layer, s.group = e.group, s.locked = e.locked, s.visible = e.visible, s;
+  }
+  createMegaInstancedRecordFromSerialized(e) {
+    const t = e.instancedCount ?? 5e6;
+    this.setMegaInstancedStressObjects(t);
+    const s = this.getSelectedRecords()[0];
+    return s.entity.name = e.name, s.entity.object.name = e.name, s.entity.position.set(...e.position), s.entity.rotation.set(...e.rotation), s.entity.scale.set(...e.scale), s.layer = e.layer, s.group = e.group, s.locked = e.locked, s.visible = e.visible, s.entity.enabled = s.visible, s.entity.object.visible = s.visible, s;
+  }
+  nextObjectId() {
+    return this.objectSerial += 1, `object-${this.objectSerial}`;
+  }
+  registerAsset(e) {
+    this.resourceSerial += 1;
+    const t = `asset-${this.resourceSerial}`, s = J(e.name), n = URL.createObjectURL(e), o = {
+      id: t,
+      kind: s,
+      name: e.name,
+      size: e.size,
+      url: n
+    };
+    this.resources.set(t, o), this.log(`导入资源：${e.name}`), s === "model" && this.gltfLoader.load(
+      n,
+      (i) => {
+        const c = new m(e.name.replace(/\.[^.]+$/, ""));
+        c.tag = "workbench-object", c.position.set(0, 0, 3 + this.objects.size * 0.45), i.scene.traverse((u) => {
+          u.userData.workbenchId = t, u instanceof l.Mesh && (u.castShadow = !0, u.receiveShadow = !0);
+        }), c.addComponent(new y(i.scene));
+        const a = this.nextObjectId();
+        i.scene.traverse((u) => {
+          u.userData.workbenchId = a;
+        });
+        const d = {
+          id: a,
+          entity: c,
+          kind: "model",
+          resourceId: t,
+          color: "#ffffff",
+          layer: 0,
+          group: "Imported Models",
+          locked: !1,
+          visible: !0
+        };
+        this.scene.add(c), this.objects.set(a, d), this.selectOnly(a), this.commitHistory("导入模型"), this.refreshUi(), this.log(`模型已加入场景：${e.name}`);
+      },
+      void 0,
+      (i) => this.log(`模型加载失败：${i instanceof Error ? i.message : String(i)}`)
+    );
+  }
+  createMegaStressRecord(e, t, s, n) {
+    const o = this.nextObjectId(), i = new m(`Mega Instance Stress ${e}`);
+    i.tag = "workbench-object";
+    const c = this.createMegaStressPoints(e, o);
+    i.addComponent(new y(c, { disposeOnDestroy: !0 }));
+    const a = {
+      id: o,
+      entity: i,
+      kind: "mega-instanced",
+      primitiveKind: "box",
+      instancedCount: e,
+      color: "#75f0c8",
+      layer: 2,
+      group: "Mega Instance Stress",
+      locked: !1,
+      visible: !0
+    };
+    return this.scene.add(i), this.objects.set(o, a), this.selectOnly(o), this.finishMegaStressUpdate(a, t, s, n), a;
+  }
+  updateMegaStressRecord(e, t, s, n, o) {
+    const i = this.createMegaStressPoints(t, e.id);
+    e.entity.getComponent(y)?.replaceObject(i), e.instancedCount = t, e.entity.name = `Mega Instance Stress ${t}`, e.entity.object.name = e.entity.name, this.selectOnly(e.id), this.finishMegaStressUpdate(e, s, n, o);
+  }
+  finishMegaStressUpdate(e, t, s, n) {
+    const o = e.instancedCount ?? 0, i = C(o), c = Math.round(performance.now() - t);
+    this.lastStressResult = `${n} ${o} 个对象，渲染代表点 ${i}，用时 ${c}ms`, this.commitHistory(s), this.refreshUi(), this.log(this.lastStressResult);
+  }
+  createMegaStressPoints(e, t) {
+    const s = C(e), n = new Float32Array(s * 3), o = H, i = Math.ceil(e / o), c = (o - 1) * j, a = (i - 1) * j;
+    for (let g = 0; g < s; g += 1) {
+      const S = g * 3, k = Math.min(e - 1, Math.floor(g / s * e)), I = k % o, O = Math.floor(k / o);
+      n[S] = I * j - c * 0.5, n[S + 1] = 0.32 + g * 17 % 11 * 0.01, n[S + 2] = O * j + 8;
+    }
+    const d = new l.BufferGeometry(), u = new l.BufferAttribute(n, 3);
+    u.setUsage(l.StaticDrawUsage), d.setAttribute("position", u), d.boundingSphere = new l.Sphere(
+      new l.Vector3(0, 0.4, 8 + a * 0.5),
+      Math.sqrt((c * 0.5) ** 2 + (a * 0.5) ** 2 + 2)
+    );
+    const v = new l.PointsMaterial({
+      color: "#75f0c8",
+      size: 0.055,
+      sizeAttenuation: !0,
+      depthWrite: !1
+    }), f = new l.Points(d, v);
+    return f.frustumCulled = !1, f.userData.workbenchId = t, f;
+  }
+  selectOnly(e) {
+    this.selectedIds.clear(), this.selectedIds.add(e);
+  }
+  getSelectedRecords() {
+    return Array.from(this.selectedIds).map((e) => this.objects.get(e)).filter((e) => !!e);
+  }
+  getMegaStressRecord() {
+    return Array.from(this.objects.values()).find((e) => e.kind === "mega-instanced");
+  }
+  primarySelection() {
+    return this.getSelectedRecords()[0];
+  }
+  removeRecord(e) {
+    this.scene.remove(e.entity), this.objects.delete(e.id);
+  }
+  commitHistory(e) {
+    this.restoring || (this.undoStack.push(this.makeSnapshot()), this.undoStack.length > 60 && this.undoStack.shift(), this.redoStack.length = 0, e && this.log(e));
+  }
+  makeSnapshot() {
+    return {
+      version: 1,
+      objectSerial: this.objectSerial,
+      resourceSerial: this.resourceSerial,
+      prefabSerial: this.prefabSerial,
+      objects: Array.from(this.objects.values()).map((e) => this.serializeObject(e, !0)),
+      resources: Array.from(this.resources.values()).map((e) => ({ ...e })),
+      prefabs: Array.from(this.prefabs.values()).map((e) => ({
+        ...e,
+        objects: e.objects.map((t) => ({ ...t }))
+      }))
+    };
+  }
+  restoreSnapshot(e) {
+    this.restoring = !0;
+    for (const t of Array.from(this.objects.values()))
+      this.removeRecord(t);
+    this.objects.clear(), this.resources.clear(), this.prefabs.clear(), this.selectedIds.clear(), this.objectSerial = e.objectSerial ?? 0, this.resourceSerial = e.resourceSerial ?? 0, this.prefabSerial = e.prefabSerial ?? 0;
+    for (const t of e.resources ?? [])
+      this.resources.set(t.id, { ...t });
+    for (const t of e.prefabs ?? [])
+      this.prefabs.set(t.id, {
+        ...t,
+        objects: t.objects.map((s) => ({ ...s }))
+      });
+    for (const t of e.objects ?? []) {
+      const s = this.createRecordFromSerialized(t);
+      t.id && t.id !== s.id && (this.objects.delete(s.id), s.id = t.id, s.entity.object.traverse((n) => {
+        n.userData.workbenchId = s.id;
+      }), this.objects.set(s.id, s));
+    }
+    this.restoring = !1, this.refreshUi();
+  }
+  serializeObject(e, t) {
+    const s = e.entity, n = {
+      name: s.name,
+      kind: e.kind,
+      primitiveKind: e.primitiveKind,
+      instancedCount: e.instancedCount,
+      resourceId: e.resourceId,
+      color: e.color,
+      layer: e.layer,
+      group: e.group,
+      locked: e.locked,
+      visible: e.visible,
+      position: [s.position.x, s.position.y, s.position.z],
+      rotation: [s.rotation.x, s.rotation.y, s.rotation.z],
+      scale: [s.scale.x, s.scale.y, s.scale.z]
+    };
+    return t && (n.id = e.id), n;
+  }
+  refreshUi() {
+    this.renderSceneTree(), this.renderResourceList(), this.renderPrefabList(), this.renderPropertyPanel(), this.updateRuntimeUi();
+  }
+  updateRuntimeUi() {
+    const e = this.scene.engine?.stats, t = this.primarySelection(), s = this.logicalObjectCount(), n = this.logicalVisibleObjectCount(), o = Z(), i = this.detectSlowSystem();
+    this.ui.objects.textContent = `${s}`, this.ui.visible.textContent = `${n}`, this.ui.drawCalls.textContent = `${e?.drawCalls ?? 0}`, this.ui.triangles.textContent = `${e?.triangles ?? 0}`, this.ui.fps.textContent = `${e?.fps ?? 0}`, this.ui.frame.textContent = `${e?.frameTimeMs ?? 0}ms`, this.ui.geometries.textContent = `${e?.geometries ?? 0}`, this.ui.textures.textContent = `${e?.textures ?? 0}`, this.ui.assets.textContent = `${this.resources.size}`, this.ui.memory.textContent = o, this.ui.quality.textContent = `${Math.round((e?.qualityScale ?? 1) * 100)}%`, this.ui.slowSystem.textContent = i, this.ui.state.textContent = `编辑器运行中 · ${this.lastStressResult}`, this.ui.selected.textContent = t ? t.entity.name : `${this.selectedIds.size} 个对象`;
+  }
+  renderSceneTree() {
+    const e = Array.from(this.objects.values()), t = e.filter((i) => this.selectedIds.has(i.id)), s = e.filter((i) => !this.selectedIds.has(i.id)), n = [...t, ...s].slice(0, D), o = n.map((i) => {
+      const c = this.selectedIds.has(i.id) ? " is-selected" : "", a = i.visible ? "" : " is-hidden", d = i.group ? ` · ${i.group}` : "";
+      return `<div class="tree-row${c}${a}" data-id="${i.id}">
+        <span class="tree-name">${w(i.entity.name)}</span>
+        <span class="tree-meta">L${i.layer}${d}</span>
+      </div>`;
+    });
+    e.length > n.length && o.push(`<div class="tree-row">
+        <span class="tree-name">已省略 ${e.length - n.length} 个编辑对象</span>
+        <span class="tree-meta">场景总数 ${e.length}，逻辑对象 ${this.logicalObjectCount()}</span>
+      </div>`), this.ui.sceneTree.innerHTML = o.join("") || '<div class="tree-row">空场景</div>';
+    for (const i of Array.from(this.ui.sceneTree.querySelectorAll(".tree-row[data-id]")))
+      i.addEventListener("click", (c) => {
+        const a = i.dataset.id;
+        a && (c.shiftKey || c.metaKey ? this.selectedIds.has(a) ? this.selectedIds.delete(a) : this.selectedIds.add(a) : this.selectOnly(a), this.refreshUi());
+      });
+  }
+  renderResourceList() {
+    const e = Array.from(this.resources.values()).map(
+      (t) => `<div class="resource-row">
+        <span class="resource-name">${w(t.name)}</span>
+        <span class="resource-kind">${t.kind} · ${x(t.size)}</span>
+      </div>`
+    );
+    this.ui.resourceList.innerHTML = e.join("") || '<div class="resource-row">暂无资源</div>';
+  }
+  renderPrefabList() {
+    const e = Array.from(this.prefabs.values()).map(
+      (t) => `<button class="resource-row" data-prefab="${t.id}" type="button">
+        <span class="resource-name">${w(t.name)}</span>
+        <span class="resource-kind">${t.objects.length} 对象</span>
+      </button>`
+    );
+    this.ui.prefabList.innerHTML = e.join("") || '<div class="resource-row">暂无预制体</div>';
+    for (const t of Array.from(this.ui.prefabList.querySelectorAll("[data-prefab]")))
+      t.addEventListener("click", () => {
+        const s = this.prefabs.get(t.dataset.prefab ?? "");
+        if (s) {
+          this.selectedIds.clear();
+          for (const n of s.objects) {
+            const o = this.createRecordFromSerialized({
+              ...n,
+              name: `${n.name} Instance`,
+              position: [n.position[0] + 1, n.position[1], n.position[2] + 1]
+            });
+            this.selectedIds.add(o.id);
+          }
+          this.commitHistory(`实例化预制体 ${s.name}`), this.refreshUi();
+        }
+      });
+  }
+  renderPropertyPanel() {
+    const e = this.primarySelection();
+    if (!e) {
+      this.ui.propertyPanel.innerHTML = '<p class="tree-meta">请选择一个对象。</p>';
+      return;
+    }
+    const t = e.entity;
+    this.ui.propertyPanel.innerHTML = `
+      <div class="property-grid">
+        ${h("名称", "name", t.name, "text", "full")}
+        ${h("X", "px", b(t.position.x))}
+        ${h("Y", "py", b(t.position.y))}
+        ${h("Z", "pz", b(t.position.z))}
+        ${h("旋转X", "rx", b(t.rotation.x))}
+        ${h("旋转Y", "ry", b(t.rotation.y))}
+        ${h("旋转Z", "rz", b(t.rotation.z))}
+        ${h("缩放X", "sx", b(t.scale.x))}
+        ${h("缩放Y", "sy", b(t.scale.y))}
+        ${h("缩放Z", "sz", b(t.scale.z))}
+        ${h("颜色", "color", e.color, "color")}
+        ${h("图层", "layer", `${e.layer}`, "number")}
+        ${h("分组", "group", e.group, "text")}
+        <div class="property-field">
+          <label>显示</label>
+          <input id="prop-visible" type="checkbox" ${e.visible ? "checked" : ""} />
+        </div>
+        <div class="property-field">
+          <label>锁定</label>
+          <input id="prop-locked" type="checkbox" ${e.locked ? "checked" : ""} />
+        </div>
+      </div>
+      <div class="property-actions">
+        <button id="applyPropertyButton" type="button">应用属性</button>
+        <button id="focusObjectButton" type="button">定位</button>
+      </div>
+    `, this.ui.propertyPanel.querySelector("#applyPropertyButton")?.addEventListener("click", () => {
+      this.applyPropertyChanges(e);
+    }), this.ui.propertyPanel.querySelector("#focusObjectButton")?.addEventListener("click", () => {
+      this.focusObject(e);
+    });
+  }
+  applyPropertyChanges(e) {
+    if (e.locked) {
+      this.log("对象已锁定，不能修改");
+      return;
+    }
+    const t = (n) => this.ui.propertyPanel.querySelector(`#prop-${n}`)?.value ?? "", s = (n) => this.ui.propertyPanel.querySelector(`#prop-${n}`)?.checked ?? !1;
+    e.entity.name = t("name") || e.entity.name, e.entity.object.name = e.entity.name, e.entity.position.set(p(t("px")), p(t("py")), p(t("pz"))), e.entity.rotation.set(p(t("rx")), p(t("ry")), p(t("rz"))), e.entity.scale.set(p(t("sx"), 1), p(t("sy"), 1), p(t("sz"), 1)), e.color = t("color") || e.color, e.layer = Math.max(0, Math.floor(p(t("layer")))), e.group = t("group"), e.visible = s("visible"), e.locked = s("locked"), e.entity.enabled = e.visible, e.entity.object.visible = e.visible, e.entity.getComponent($)?.setColor(e.color), this.commitHistory("修改对象属性"), this.refreshUi();
+  }
+  focusObject(e) {
+    const t = this.scene.camera, s = e.entity.position;
+    t.position.set(s.x + 5, s.y + 4, s.z + 6), t.lookAt(s), this.scene.engine?.renderOnce(), this.log(`已定位到 ${e.entity.name}`);
+  }
+  bindCanvasPicking() {
+    window.setTimeout(() => {
+      const e = this.scene.engine?.renderer.domElement;
+      e?.addEventListener("pointerup", (t) => {
+        if (!this.scene.engine || t.button !== 0)
+          return;
+        const s = e.getBoundingClientRect();
+        this.pointer.x = (t.clientX - s.left) / s.width * 2 - 1, this.pointer.y = -((t.clientY - s.top) / s.height * 2 - 1), this.raycaster.setFromCamera(this.pointer, this.scene.camera);
+        const i = this.raycaster.intersectObjects(this.scene.threeScene.children, !0).find((c) => !!c.object.userData.workbenchId)?.object.userData.workbenchId;
+        i && this.objects.has(i) && (this.selectOnly(i), this.refreshUi());
+      });
+    }, 0);
+  }
+  detectSlowSystem() {
+    const e = this.scene.engine?.stats;
+    return e ? e.frameTimeMs > 33 ? "帧耗时过高" : e.updatableEntities > 1e3 ? "逐帧对象过多" : e.drawCalls > 900 ? "Draw Call 过高" : e.triangles > 15e5 ? "三角面过高" : e.qualityScale < 0.95 ? "已自动降画质" : "无" : "无";
+  }
+  logicalObjectCount() {
+    let e = 0;
+    for (const t of this.objects.values())
+      e += t.instancedCount ?? 1;
+    return e;
+  }
+  logicalVisibleObjectCount() {
+    let e = 0;
+    for (const t of this.objects.values())
+      t.visible && (e += t.instancedCount ?? 1);
+    return e;
+  }
+  downloadText(e, t, s) {
+    const n = URL.createObjectURL(new Blob([t], { type: s })), o = document.createElement("a");
+    o.href = n, o.download = e, document.body.append(o), o.click(), o.remove(), URL.revokeObjectURL(n);
+  }
+  log(e) {
+    const t = document.createElement("div");
+    for (t.className = "log-row", t.innerHTML = `<span class="log-time">${(/* @__PURE__ */ new Date()).toLocaleTimeString()}</span><span>${w(e)}</span>`, this.ui.logList.prepend(t); this.ui.logList.children.length > 80; )
+      this.ui.logList.lastElementChild?.remove();
+  }
+}
+class N extends E {
+  constructor(e, t) {
+    super(), this.onFrame = e, this.intervalSeconds = t;
+  }
+  onFrame;
+  intervalSeconds;
+  elapsed = 0;
+  onUpdate(e) {
+    this.elapsed += e, !(this.elapsed < this.intervalSeconds) && (this.elapsed = 0, this.onFrame());
+  }
+}
+function q() {
+  const r = new m("Editor Camera");
+  return r.addComponent(
+    new P({
+      target: new l.Vector3(0, 0.7, 0),
+      distance: 10,
+      azimuth: Math.PI * 0.24,
+      polar: Math.PI * 0.34
+    })
+  ), r;
+}
+function z() {
+  const r = new m("Ambient Light");
+  return r.addComponent(new R({ kind: "ambient", color: "#d7f8ee", intensity: 0.78 })), r;
+}
+function W() {
+  const r = new m("Directional Light");
+  return r.position.set(4, 7, 5), r.addComponent(new R({ kind: "directional", color: "#fff4d2", intensity: 2.75 })), r;
+}
+function K() {
+  const r = new m("Workbench Grid");
+  return r.position.set(0, -0.05, 0), r.rotation.x = -Math.PI / 2, r.addComponent(
+    new $({
+      kind: "plane",
+      width: 32,
+      depth: 32,
+      color: "#18211d",
+      roughness: 0.82,
+      receiveShadow: !0,
+      castShadow: !1
+    })
+  ), r.addComponent(new y(X())), r;
+}
+function V() {
+  const r = new m("World Axis");
+  return r.addComponent(new y(new l.AxesHelper(3))), r;
+}
+function X() {
+  const r = new l.GridHelper(32, 32, "#1ec7a6", "#31403a"), e = r.material;
+  return Array.isArray(e) || (e.transparent = !0, e.opacity = 0.42), r.position.y = 0.02, r;
+}
+function J(r) {
+  const e = r.split(".").pop()?.toLowerCase() ?? "";
+  return ["glb", "gltf"].includes(e) ? "model" : ["png", "jpg", "jpeg", "webp", "ktx2"].includes(e) ? "texture" : ["mp3", "wav", "ogg", "m4a"].includes(e) ? "audio" : ["mat", "json"].includes(e) ? "material" : "unknown";
+}
+function h(r, e, t, s = "number", n = "") {
+  return `<div class="property-field ${n}">
+    <label for="prop-${e}">${r}</label>
+    <input id="prop-${e}" type="${s}" value="${w(String(t))}" />
+  </div>`;
+}
+function b(r) {
+  return `${Math.round(r * 100) / 100}`;
+}
+function p(r, e = 0) {
+  const t = Number(r);
+  return Number.isFinite(t) ? t : e;
+}
+function C(r) {
+  return r >= B ? Math.min(r, _) : Math.min(r, F);
+}
+function Y(r) {
+  return r >= 1e8 && r % 1e8 === 0 ? `${r / 1e8}亿` : `${r}`;
+}
+function w(r) {
+  return r.replace(/[&<>"']/g, (e) => {
+    switch (e) {
+      case "&":
+        return "&amp;";
+      case "<":
+        return "&lt;";
+      case ">":
+        return "&gt;";
+      case '"':
+        return "&quot;";
+      default:
+        return "&#39;";
+    }
+  });
+}
+function x(r) {
+  return r < 1024 ? `${r}B` : r < 1024 * 1024 ? `${Math.round(r / 1024)}KB` : `${Math.round(r / (1024 * 1024) * 10) / 10}MB`;
+}
+function Z() {
+  const e = performance.memory?.usedJSHeapSize;
+  return typeof e == "number" ? x(e) : "未知";
+}
+export {
+  te as createEngineWorkbench
+};