John Hsiao
Smart Factory · Data Analytics · FPC Manufacturing
快速原型與實驗作品集。專注智慧製造與製程數據分析，用最少的程式碼把想法變成看得見的東西。
Projects
2026-03-03
顏色心情日記
用顏色記錄心情軌跡 — 描述心情、選擇代表色彩、建立個人心情時光圖譜、統計分析最愛顏色
2026-03-02
生產力節拍器
結合番茄鐘與節拍器的高效工作法 — 可設定工作/休息時間、BPM節奏、音效選擇，視覺化進度與統計
2026-03-01
毛孩占卜機
寵物運勢預測系統 — 輸入寵物名字預測今日運勢、星空動畫、健康感情玩樂預測、神秘占卜體驗
2026-03-02
生產力節拍器
結合番茄鐘與節拍器的高效工作法 — 可設定工作/休息時間、BPM節奏、音效選擇，視覺化進度與統計
2026-02-27
靈夢互動療癒島
Canvas 動態療癒空間 — 6 種靈感元素放置、粒子效果、10 句 AI 療癒語錄、靈感觸點追蹤
2026-02-26
靈感火花啟動器
創意點子生成器 — 輸入主題或選擇類別，AI 為你生成無限創意想法，粒子效果、想法展開
2026-02-25
迷宮冒險
重力控制迷宮遊戲 — 滑動鼠標控制傾斜，讓紅球滾向出口，程序生成迷宮、物理引擎
2026-02-24
宇宙簽名生成器
個人化簽名藝術 — 輸入名字生成獨特簽名，5 種風格、8 種色彩、下載 PNG/SVG
2026-03-01
毛孩占卜機
向可愛寵物求籤問運勢 — 選擇喵星人、汪星人等 5 種寵物，輸入問題獲得專屬毛孩回答
2026-02-23
夢幻水族館
互動式虛擬水族館 — 點擊添加 8 種生物，觀賞遊動身姿，粒子氣泡效果
2026-02-22
虛擬霓虹咖啡館
完整咖啡廳模擬器 — 瀏覽飲品、選座位、計算訂單，霓虹風格 UI
2026-02-21
靈魂顏色配對
心靈色彩測驗 — 10 道問題找到靈魂色彩，詳細屬性解析、粒子效果、可分享
2026-02-20
節奏克隆人
記憶力節奏遊戲 — 學習電腦的節奏序列，3 難度、逐級遞升、分數記錄
2026-02-19
虛擬DJ混音台
DJ 混音模擬器 — 2 個轉盤、4 個推頻器、交叉推頻、實時視覺化
2026-02-20
財務估價系統
專業財務報價管理平台 — 採購估價、自動計算、報價單生成、成本分析圖表、科技藍色界面
2026-02-17
圖片切割器
專業前端圖片處理 — 多尺寸Icon生成、智能裁剪、批量導出ZIP、完全本地處理保護隱私
2026-02-18
3D 骨牌連鎖反應
沉浸式 3D 物理遊戲 — Three.js + Cannon.js，自由放置骨牌、調整重力、啟動連鎖反應
2026-02-17
人才招募追蹤系統
專業HR管理平台 — 候選人管理、面試安排、流程追蹤、行事曆整合、招募數據分析，現代化界面
2026-02-17
互動式視頻播放器
專業級視頻播放 — 拖放上傳、速度調節、畫中畫、全螢幕、完整鍵盤快捷鍵、即時資訊面板
2026-02-15
寶石礦山點擊遊戲
點擊挖礦獲金幣、掉落 4 種寶石、連擊加成、升級系統、Canvas 粒子系統
2026-02-14
靈魂維度掃描器
12 題深層心靈測驗 — 生成個人化靈魂維度圖譜（Canvas 雷達圖）、AI 靈性解讀與激勵座右銘
2026-02-13
Todo App - 純前端版
Vue.js 3 純前端應用 — localStorage存儲、響應式設計、完整CRUD、統計面板，無需後端即可運行
2026-02-13
Vue + FastAPI Todo (完整版)
全棧開發架構 — Vue.js + FastAPI + Docker，需本地運行，包含完整後端API和數據庫
2026-02-13
AI 占星盤生成器
輸入出生日期與時間，AI 繪製個人占星盤、分析太陽星座、月亮星座、上升星座，預測運勢發展
2026-02-12
Neon Trail Maker
互動霓虹光跡生成器 — 點擊拖曳繪製發光光跡，支援重力模擬、粒子效果、多彩預設色、實時交互
2026-02-11
股票擲骰子遊戲
Three.js 3D骰子 — 自訂六檔股票，擲骰選股！酷炫旋轉動畫、投擲記錄、命運幫你做決定
2026-02-11
Cosmic Click
互動宇宙粒子效果生成器 — 點擊或拖曳創造絢爛的宇宙爆炸效果，粒子物理、重力、彈跳
2026-02-10
FPC智慧工廠3D可視化
Three.js 工業4.0 — 玻璃材質建築、實時數據監控、多視角切換、科技感UI，沈浸式工廠管理
2026-02-10
點擊煙火秀
p5.js 粒子系統 — 點擊屏幕綻放絢爛煙火！重力、速度衰減、色彩隨機、尾跡效果，純視覺盛宴
2026-02-09
Matrix 數字雨
經典駭客任務效果 — 綠色數字瀑布、多字符集、滑鼠互動、六色彩主題，進入母體世界
2026-02-09
製程流美學
p5.js 工業詩學 — 將FPC軟板製程轉化為抽象藝術，六階段流場視覺，感受工業之美
2026-02-09
股市數據藝術生成器
p5.js 生成藝術 — 將K線數據轉化為抽象藝術，五種視覺模式，讓數據展現美學
2026-02-09
和弦進行生成器
音樂創作利器 — 支援六種風格、即時播放、樂理分析，讓創作變得簡單有趣
2026-02-07
FPC軟板製程良率優化器
智慧製造必備工具 — 製程參數優化，良率預測分析，提升生產效率
2026-02-08
時光膠囊聊天室
寫給未來的自己 — 設定時間，封存想法，未來開啟時光膠囊
2026-02-06
異常根因分析追蹤器
製造業異常事件追蹤工具，支援 5-Why 分析法、魚骨圖視覺化與改善行動追蹤
2026-02-07
AI 夢境解析器
探索夢境深處的秘密！AI 分析象徵意義，生成專屬視覺化，發現潛意識智慧
2026-01-31
智慧工廠監控系統
工廠人員即時監控儀表板，追蹤現場動態與安全狀態
2026-02-01
OEE 設備綜合效率儀表板
稼動率 × 性能率 × 良率，六條產線即時 OEE 監控與六大損失分析
2026-02-01
FPC 數位孿生
軟板產線數位孿生，8 站製程模擬 + What-If 情境分析
2026-02-01
極光模擬器
互動式極光動畫，滑鼠控制光影流動，點擊觸發粒子效果
2026-02-01
打字速度測試
支援英文、中文、程式碼三種模式的打字速度與準確率測試
2026-02-01
線上擲筊
心誠則靈，虛擬擲筊問神明，附擲筊統計與粒子特效
2026-02-01
SPC 統計製程管制
X̄-R 管制圖 + Cp/Cpk 製程能力分析，FPC 線寬/線距/孔徑品質監控
2026-02-01
Factory Runner
智慧工廠生產線管理遊戲，平衡產量與品質，挑戰 60 秒極限分數
2026-02-01
FPC 軟板製程架構圖
15 站完整製程流程，點擊查看參數、設備與常見不良分析
2026-02-05
FPC 彎曲測試模擬器
模擬軟板彎曲測試，評估可靠性與耐用性，即時監控阻抗變化
2026-02-02
招財貓運勢占卜
每日運勢預測與幸運數字生成，純 CSS 招財貓動畫，支援分享功能
2026-02-02
FPC 良率預測系統
AI 驅動的軟性電路板良率預測，製程參數最佳化建議與即時監控
2026-02-04
FPC 製程監控儀表板
軟性印刷電路板製程即時監控系統，關鍵參數監控 + SPC 品質分析 + 警報管理
2026-02-02
FPC 阻抗計算器
精準計算軟板走線阻抗，支援單端與差分阻抗，多種介電材料參數
2026-02-02
台股搖搖樂
台股專用老虎機選股遊戲，內建上市櫃精選，支援自訂股票池！
2026-02-04
表情動作模仿器
上傳表情照片，AI 分析並生成詳細的動作指令，讓你學會做出完美表情
2026-02-05
音樂心情測量器
上傳音樂文件，AI 分析情感色彩，生成專屬色彩譜與波形視覺化
2026-02-06
虛擬烤肉架
3D 線上烤肉體驗！掌握火候烤出完美美食，支援多種食材與成就系統
2026-02-02
Emoji 翻譯神器
雙向翻譯器！文字轉表情符號，表情符號轉文字，500+ 詞彙即時翻譯
2026-02-03
心情顏色產生器
描述你的心情，AI 為你創造專屬的情感色彩漸變，附色彩心理學解析
2026-02-03
股市開盤倒數器
超有衝勁的 10 秒倒數體驗，震撼音效 + 金錢雨 + 螢幕震動，準備衝刺股市！
2026-02-03
台股分析大將
專業級股市分析平台！技術指標 + K線圖表 + 法人籌碼 + 即時資訊整合
2026-02-03
假裝工作中
終極摸魚神器！四種工作模式 + 老闆鍵，讓你看起來超級專業忙碌
2026-02-03
品質柏拉圖分析工具
找出影響 80% 品質問題的關鍵因子，自動產生柏拉圖與累計分析表
2026-02-03
線上拜拜祈福平台
心誠則靈的數位拜拜！六大神明選擇，完整祈福儀式：上香、許願、擲筊、抽籤