castle-web-cli 0.4.2 → 0.4.4

package/kits/basic-2d-frozen/engine/scene.js

@@ -1,420 +0,0 @@
-const CARD_WIDTH = 500;
-const CARD_HEIGHT = 700;
-
-export const cardSize = { width: CARD_WIDTH, height: CARD_HEIGHT };
-
-export class SceneRuntime {
-  constructor(sceneData, behaviors, drawings) {
-    this.behaviors = new Map(behaviors.map((Behavior) => [Behavior.behaviorName, Behavior]));
-    this.drawings = drawings;
-    this.time = 0;
-    this.keys = new Set();
-    this.pointer = { x: 0, y: 0, down: false };
-    this.data = { actors: [] };
-    this.actors = new Map();
-    this.camera = undefined;
-    this.status = undefined;
-    this.load(sceneData);
-  }
-
-  load(sceneData) {
-    this.data = structuredClone(sceneData);
-    this.actors = new Map();
-    for (const actor of this.data.actors ?? []) {
-      actor.runtime = {};
-      this.actors.set(actor.id, actor);
-      for (const [behaviorName, Behavior] of this.behaviors) {
-        const component = actor.components[behaviorName];
-        if (component) {
-          actor.components[behaviorName] = {
-            ...Behavior.defaultProps,
-            ...component,
-          };
-        }
-      }
-    }
-  }
-
-  clone() {
-    return new SceneRuntime(this.serialize(), [...this.behaviors.values()], this.drawings);
-  }
-
-  serialize() {
-    return structuredClone(this.data);
-  }
-
-  getActor(actorId) {
-    return this.actors.get(actorId);
-  }
-
-  getActors() {
-    return [...this.actors.values()].sort((a, b) => {
-      const az = getLayout(a)?.z ?? 0;
-      const bz = getLayout(b)?.z ?? 0;
-      return az - bz;
-    });
-  }
-
-  getComponent(actor, behaviorName) {
-    return actor?.components?.[behaviorName] ?? null;
-  }
-
-  actorWith(behaviorName) {
-    for (const actor of this.actors.values()) {
-      if (actor.components?.[behaviorName]) return actor;
-    }
-    return null;
-  }
-
-  actorsWith(behaviorName) {
-    const out = [];
-    for (const actor of this.getActors()) {
-      if (actor.components?.[behaviorName]) out.push(actor);
-    }
-    return out;
-  }
-
-  colliderRect(actorOrId) {
-    const actor = typeof actorOrId === 'string' ? this.getActor(actorOrId) : actorOrId;
-    return getColliderRect(actor);
-  }
-
-  overlaps(first, second) {
-    const a = this.colliderRect(first);
-    const b = this.colliderRect(second);
-    return Boolean(a && b && intersects(a, b));
-  }
-
-  spawnActor(actor) {
-    const id = actor.id ?? mintActorId(new Set(this.actors.keys()));
-    const components = {};
-    for (const [name, props] of Object.entries(actor.components ?? {})) {
-      const Behavior = this.behaviors.get(name);
-      components[name] = Behavior ? { ...Behavior.defaultProps, ...props } : { ...props };
-    }
-    const next = { ...actor, id, components, runtime: {} };
-    this.data.actors.push(next);
-    this.actors.set(id, next);
-    return next;
-  }
-
-  despawnActor(actorId) {
-    const actor = this.actors.get(actorId);
-    if (!actor) return false;
-    this.actors.delete(actorId);
-    const idx = this.data.actors.findIndex((a) => a.id === actorId);
-    if (idx !== -1) this.data.actors.splice(idx, 1);
-    return true;
-  }
-
-  // Translate a screen-space pointer event into the scene's world-space
-  // `pointer`. The runtime owns this mapping (it knows the camera) so every
-  // input path -- the standalone ScenePlayer and the editor's play mode --
-  // agree on it; behaviors read `scene.pointer` in world coordinates. Pass
-  // `down` to also update the press state.
-  setPointerFromScreen(canvas, clientX, clientY, down) {
-    const point = screenToCard(canvas, clientX, clientY);
-    this.pointer.x = point.x + (this.camera?.x ?? 0);
-    this.pointer.y = point.y + (this.camera?.y ?? 0);
-    if (down !== undefined) this.pointer.down = down;
-  }
-
-  update(dt) {
-    this.time += dt;
-    for (const actor of this.getActors()) {
-      this.forEachBehavior(actor, (instance) => instance.update?.(actor, this, dt));
-    }
-  }
-
-  forEachBehavior(actor, callback) {
-    for (const [behaviorName, props] of Object.entries(actor.components)) {
-      if (!props) continue;
-      const Behavior = this.behaviors.get(behaviorName);
-      if (!Behavior) continue;
-      callback(new Behavior(props));
-    }
-  }
-
-  draw(ctx, options = {}) {
-    ctx.clearRect(0, 0, CARD_WIDTH, CARD_HEIGHT);
-    ctx.fillStyle = this.data.background ?? '#0f2a1d';
-    ctx.fillRect(0, 0, CARD_WIDTH, CARD_HEIGHT);
-
-    ctx.save();
-    if (options.useCamera && this.camera) {
-      ctx.translate(-Math.round(this.camera.x ?? 0), -Math.round(this.camera.y ?? 0));
-    }
-    for (const actor of this.getActors()) {
-      // Per-actor transform: Layout's `rotation` (degrees) rotates every draw
-      // behavior of the actor about its center.
-      ctx.save();
-      applyLayoutRotation(ctx, getLayout(actor));
-      if (options.editPlaceholders) drawEditPlaceholder(ctx, actor);
-      this.forEachBehavior(actor, (instance) => instance.draw?.(actor, this, ctx, options));
-      ctx.restore();
-    }
-
-    if (options.showGrid) drawGrid(ctx);
-    if (options.selectedActorIds) {
-      for (const id of options.selectedActorIds) {
-        const actor = this.getActor(id);
-        if (actor) drawSelection(ctx, actor);
-      }
-    }
-    if (options.marquee) drawMarquee(ctx, options.marquee);
-    ctx.restore();
-  }
-
-  actorAt(x, y) {
-    const actors = this.getActors().slice().reverse();
-    for (const actor of actors) {
-      const layout = getLayout(actor);
-      if (!layout) continue;
-      if (
-        x >= layout.x &&
-        x <= layout.x + layout.width &&
-        y >= layout.y &&
-        y <= layout.y + layout.height
-      ) {
-        return actor;
-      }
-    }
-    return null;
-  }
-
-  actorIdsInRect(rect) {
-    const minX = rect.x;
-    const minY = rect.y;
-    const maxX = rect.x + rect.width;
-    const maxY = rect.y + rect.height;
-    const ids = [];
-    for (const actor of this.getActors()) {
-      const layout = getLayout(actor);
-      if (!layout) continue;
-      if (
-        layout.x + layout.width >= minX &&
-        layout.x <= maxX &&
-        layout.y + layout.height >= minY &&
-        layout.y <= maxY
-      ) {
-        ids.push(actor.id);
-      }
-    }
-    return ids;
-  }
-}
-
-export function makeScene(sceneData, behaviors, drawings) {
-  return new SceneRuntime(sceneData, behaviors, drawings);
-}
-
-export function setActorComponent(sceneData, actorId, behaviorName, nextProps) {
-  const next = structuredClone(sceneData);
-  const actor = next.actors.find((candidate) => candidate.id === actorId);
-  if (!actor) return sceneData;
-  actor.components[behaviorName] = {
-    ...(actor.components[behaviorName] ?? {}),
-    ...nextProps,
-  };
-  return next;
-}
-
-export function removeActorComponent(sceneData, actorId, behaviorName) {
-  const next = structuredClone(sceneData);
-  const actor = next.actors.find((candidate) => candidate.id === actorId);
-  if (!actor || !(behaviorName in actor.components)) return sceneData;
-  delete actor.components[behaviorName];
-  return next;
-}
-
-export function moveActors(sceneData, actorIds, dx, dy) {
-  if (actorIds.length === 0) return sceneData;
-  const next = structuredClone(sceneData);
-  let changed = false;
-  for (const id of actorIds) {
-    const actor = next.actors.find((candidate) => candidate.id === id);
-    const layout = actor ? actor.components.Layout : null;
-    if (!actor || !layout) continue;
-    actor.components.Layout = {
-      ...layout,
-      x: Math.round(layout.x + dx),
-      y: Math.round(layout.y + dy),
-    };
-    changed = true;
-  }
-  return changed ? next : sceneData;
-}
-
-export function removeActors(sceneData, actorIds) {
-  if (actorIds.length === 0) return sceneData;
-  const toRemove = new Set(actorIds);
-  const next = structuredClone(sceneData);
-  next.actors = next.actors.filter((actor) => !toRemove.has(actor.id));
-  return next.actors.length === sceneData.actors.length ? sceneData : next;
-}
-
-export function duplicateActors(sceneData, actorIds) {
-  if (actorIds.length === 0) return { sceneData, newIds: [] };
-  const next = structuredClone(sceneData);
-  const existingIds = new Set(next.actors.map((actor) => actor.id));
-  const newIds = [];
-  for (const id of actorIds) {
-    const source = next.actors.find((candidate) => candidate.id === id);
-    if (!source) continue;
-    const copy = structuredClone(source);
-    copy.id = mintActorId(existingIds);
-    existingIds.add(copy.id);
-    const layout = copy.components.Layout;
-    if (layout) {
-      copy.components.Layout = {
-        ...layout,
-        x: Math.round(layout.x + 1),
-        y: Math.round(layout.y + 1),
-      };
-    }
-    next.actors.push(copy);
-    newIds.push(copy.id);
-  }
-  return { sceneData: next, newIds };
-}
-
-export function addActor(sceneData, _files, drawings) {
-  const next = structuredClone(sceneData);
-  const existingIds = new Set(next.actors.map((actor) => actor.id));
-  const id = mintActorId(existingIds);
-  const width = 64;
-  const height = 64;
-  const layout = {
-    x: Math.round((CARD_WIDTH - width) / 2),
-    y: Math.round((CARD_HEIGHT - height) / 2),
-    width,
-    height,
-    z: 0,
-    rotation: 0,
-  };
-  const components = { Layout: layout };
-  const drawingPath = Object.keys(drawings).sort()[0];
-  if (drawingPath) {
-    components.Drawing = { file: drawingPath };
-  }
-  next.actors.push({ id, components });
-  return { sceneData: next, newId: id };
-}
-
-function mintActorId(existing) {
-  for (let attempt = 0; attempt < 64; attempt++) {
-    const candidate = Math.floor(Math.random() * 0xffffffff)
-      .toString(16)
-      .padStart(8, '0');
-    if (!existing.has(candidate)) return candidate;
-  }
-  return `${Date.now().toString(16)}${Math.floor(Math.random() * 0xffff).toString(16)}`;
-}
-
-export function screenToCard(canvas, clientX, clientY) {
-  const rect = canvas.getBoundingClientRect();
-  return {
-    x: ((clientX - rect.left) / rect.width) * CARD_WIDTH,
-    y: ((clientY - rect.top) / rect.height) * CARD_HEIGHT,
-  };
-}
-
-export function configureSceneCanvas(canvas, ctx = canvas.getContext('2d')) {
-  if (!ctx) return null;
-  const rect = canvas.getBoundingClientRect();
-  const dpr = window.devicePixelRatio || 1;
-  const displayWidth = rect.width || CARD_WIDTH;
-  const displayHeight = rect.height || CARD_HEIGHT;
-  const pixelWidth = Math.max(1, Math.round(displayWidth * dpr));
-  const pixelHeight = Math.max(1, Math.round(displayHeight * dpr));
-  if (canvas.width !== pixelWidth) canvas.width = pixelWidth;
-  if (canvas.height !== pixelHeight) canvas.height = pixelHeight;
-  ctx.setTransform(pixelWidth / CARD_WIDTH, 0, 0, pixelHeight / CARD_HEIGHT, 0, 0);
-  ctx.imageSmoothingEnabled = true;
-  return ctx;
-}
-
-function drawGrid(ctx) {
-  ctx.save();
-  ctx.strokeStyle = 'rgba(255, 255, 255, 0.08)';
-  ctx.lineWidth = 1;
-  for (let x = 0; x <= CARD_WIDTH; x += 25) {
-    ctx.beginPath();
-    ctx.moveTo(x + 0.5, 0);
-    ctx.lineTo(x + 0.5, CARD_HEIGHT);
-    ctx.stroke();
-  }
-  for (let y = 0; y <= CARD_HEIGHT; y += 25) {
-    ctx.beginPath();
-    ctx.moveTo(0, y + 0.5);
-    ctx.lineTo(CARD_WIDTH, y + 0.5);
-    ctx.stroke();
-  }
-  ctx.restore();
-}
-
-function drawEditPlaceholder(ctx, actor) {
-  const layout = getLayout(actor);
-  if (!layout) return;
-  ctx.save();
-  ctx.fillStyle = 'rgba(255, 255, 255, 0.04)';
-  ctx.fillRect(layout.x, layout.y, layout.width, layout.height);
-  ctx.strokeStyle = 'rgba(255, 255, 255, 0.25)';
-  ctx.lineWidth = 1;
-  ctx.strokeRect(layout.x + 0.5, layout.y + 0.5, layout.width - 1, layout.height - 1);
-  ctx.restore();
-}
-
-function drawMarquee(ctx, rect) {
-  if (rect.width === 0 || rect.height === 0) return;
-  ctx.save();
-  ctx.fillStyle = 'rgba(255, 255, 255, 0.12)';
-  ctx.fillRect(rect.x, rect.y, rect.width, rect.height);
-  ctx.strokeStyle = 'rgba(255, 255, 255, 0.85)';
-  ctx.lineWidth = 1;
-  ctx.setLineDash([4, 3]);
-  ctx.strokeRect(rect.x + 0.5, rect.y + 0.5, rect.width - 1, rect.height - 1);
-  ctx.restore();
-}
-
-function drawSelection(ctx, actor) {
-  const layout = getLayout(actor);
-  if (!layout) return;
-  ctx.save();
-  applyLayoutRotation(ctx, layout);
-  ctx.strokeStyle = '#fff';
-  ctx.lineWidth = 2;
-  ctx.setLineDash([6, 4]);
-  ctx.strokeRect(layout.x + 1, layout.y + 1, layout.width - 2, layout.height - 2);
-  ctx.restore();
-}
-
-function applyLayoutRotation(ctx, layout) {
-  const rotation = layout?.rotation ?? 0;
-  if (!rotation || !layout) return;
-  const cx = layout.x + layout.width / 2;
-  const cy = layout.y + layout.height / 2;
-  ctx.translate(cx, cy);
-  ctx.rotate((rotation * Math.PI) / 180);
-  ctx.translate(-cx, -cy);
-}
-
-function getLayout(actor) {
-  return actor?.components?.Layout;
-}
-
-function getColliderRect(actor) {
-  const layout = getLayout(actor);
-  const collider = actor?.components?.Collider;
-  if (!layout || !collider) return null;
-  return {
-    x: layout.x + (collider.offsetX ?? 0),
-    y: layout.y + (collider.offsetY ?? 0),
-    width: collider.width ?? layout.width,
-    height: collider.height ?? layout.height,
-  };
-}
-
-function intersects(a, b) {
-  return a.x < b.x + b.width && a.x + a.width > b.x && a.y < b.y + b.height && a.y + a.height > b.y;
-}