跳到內容
作品總覽
Spatial Design · 2026開發中

PLANFORM

PLANFORM: 3D isometric event rehearsal

活動空間彩排 · 3D 等角場佈

Spatial Design · 2026

PLANFORM

活動空間彩排 · 3D 等角場佈

場前彩排,不是法規符合計算

等角場佈示意:旋轉、拖動物件、看用途與尺寸。 這是作品集空間預覽,不做容留或消防法規符合計算。 上下鍵旋轉,Shift+左右移動選取物件。

報到桌

用途:報到/資料

尺寸:180×60 cm

薄荷色曲線是示意動線,不是法定避難寬度。

來源 src/scene/SceneManager.ts · src/core/placement.ts

Live Demo · 狀態 verified開原站

沒有已驗證的公開 Demo 時,不會放假的產品畫面。

一句話

先排好,再上場。把教室、道具、人流與互動在場前彩排完,再把場刊圖交給夥伴。可安裝 PWA,不上架商店。

來源與證據

GitHub verified · Demo verified · Canva not_configured

問題

淡江教室與禪學社茶會/演講/新生場,現場才發現報到桌擋門、地墊不夠走道。需要不用 CAD 的場佈工具。

我的角色

空間體驗設計與產品建構:預設模板、動線、人流模擬與分享圖。

設計決策

  • Preset-first,但一切可自訂。一場活動一份專案,不會互相覆蓋。
  • AI 只負責理解句子與目標;座標、碰撞、走道、容量由程式計算。
  • 沒有雲端金鑰時,本機結構化解析器仍可用,結果可重現。
  • 涉及消防或無障礙的條目只顯示設計提醒,程式禁止寫「已符合所有法規」。

AI 使用方式 / 多模態

  • 3D
  • 平面圖
  • 動線
  • 物資清單
  • 自然語言

流程

  • 選教室模板與人數
  • 排地墊與區域
  • 畫動線
  • 本地 DES 模擬排隊
  • 分享場刊圖與夥伴唯讀視圖

產出

  • 可安裝 PWA
  • 場佈/動線/地墊/工作分區/物資清單圖
  • 印刷品同時帶公尺與公釐尺寸

技術

  • Vite
  • TypeScript
  • Three.js
  • PWA
  • localStorage / IndexedDB

限制與尚未完成

  • 不做容留人數或避難寬度法定計算。
  • 不上架 App Store。
  • 本工具是場前彩排,不是現場指揮系統。

其他作品