跳至主要內容
grayswork
回作品列表

TypeScript / React 19 / three.js / occt-import-js (WASM) / Vite / Vitest / Cloudflare Pages

個人專案 · 2026年5月 — 至今CAD

Orthoshot

在瀏覽器裡打開 STEP,量出尺寸與重量,一鍵匯出十張標準視角快照。沒有後端,零件幾何不離開使用者的機器。

一次匯出的標準視角
10
首屏 JS(three 不在關鍵路徑)
220 kB
檔案上傳
0
做了什麼
  1. 快照走離屏正交相機、固定用模型原始姿態,並經 three 的 OutputPass 套上與畫面相同的 tone mapping 與色彩空間——否則每張匯出的 PNG 都會比畫面暗。
  2. STEP 以 occt-import-js(OpenCascade WASM)在瀏覽器端解析,幾何一律是公釐,靠一行明確傳入的 linearUnit 而不是函式庫預設。
  3. 改成 Vite MPA 後中英各是一份爬蟲讀得到的靜態文件;文案刻意放在 #root 之外,因為 createRoot() 會清空那棵子樹。
04聯絡
所在地
新北,台灣 · UTC+8
狀態
2026年6月畢業 · 軟體工程職缺洽談中

說點具體的

寄信最快。我會在一個工作天內回覆,通常帶著比答案更多的問題。

或直接在這裡留言
Gray Tsao© 2026 · 最後更新 2026年10月