遊戲前端 Lead · 70+ 遊戲產品 · 交付與整合

我讓 70+ 款遊戲的前端交付可預期、可驗證、可複用——從共用架構與協議，到部署工具鏈與 AI 自動化。

現職遊戲公司前端 Leader，主責 Cocos Creator、跨專案整合與三環境交付流程。設計師背景轉工程，兼具體驗判斷與系統化實作。

CI/CD 與多環境交付跨產品共用架構Webview 與公平性體驗資料分析與 AI 工具鏈

70+ 產品交付 │ 40+ 並行專案 │ 設計→工程 │ AI 流程與自動化

ABOUT — 設計思維與工程實作並重

我從工業設計碩士、產品設計師一路走到軟體工程。這段路讓我在做技術決策時，能直接帶入使用者體驗的判斷——Webview 遊戲紀錄的資訊層級、公平性驗證的互動流程，我習慣從體驗層反推技術規格，而不只是接規格做實作。

我對「完成」的定義比較嚴格：功能合併只是起點，真正的完成是可驗證上線、有文件、可追溯、可交接。目前帶領遊戲前端團隊，負責 Cocos Creator 技術規劃、專案節奏、人力調度，以及從共用模組到三環境部署的整條交付鏈。

設計師出身讓我習慣從使用者角度看問題，工程師身分讓我能直接動手解決。帶團隊之後，我把這兩個視角用在系統層面——讓跨產品整合有統一架構、讓交付流程有工具支撐、讓重複工作變成可被 Agent 呼叫的技能，而不是每次都靠人盯。

SKILLS — 核心職能

  1. 01前端工程實作（結構、互動、型別與可維護性）
  2. 02Vue / React 生態與大型專案演進
  3. 03遊戲前端與 Cocos Creator（流程、通訊、效能）
  4. 04共用設定與跨專案整合（多產品同步、降低重工）
  5. 05版本交付與部署（多環境、報告、備份與追溯）
  6. 06AI 流程與自動化（將重複工作變成可重用流程）
  7. 07技術規劃與跨職能協作（產品、後端、維運、文件）

OUTCOMES

六個方向，每個都有實際部署的工具或系統支撐。面談時可針對任何項目深入展開。

  • 01 70+ 遊戲的交付治理

    負責 18 種遊戲類型、70+ 產品變體的持續整合與三環境（DEV / STG / REL）上線；以 deploy-manager 與 dashboard-version-pulse 將部署、備份驗證、版本對齊與上線報告收斂成儀表與腳本，降低人為漏步與環境落差，讓「是否已上線、上到哪一版」可被團隊一致確認。

  • 02 18 類遊戲的共用架構

    同時維護 42 款獨立遊戲與 9 款多人遊戲；統一 bingoproto / hashproto 通訊協議、game-sdk-common 與 11 個共用模組，以 i18ncommon 管理 12 語系資源同步，並對齊 Webview 遊戲紀錄與公平性驗證體驗，減少重工與不一致。

  • 03 Webview 體驗遷移與規格化

    推動 Hash 類遊戲（Crash、Hilo、Mines、Plinko 等 10+ 類型）往 Webview 體驗遷移：產出可對齊的規格與遊戲紀錄模板，並將公平性驗證拆解為可複用元件，利於跨團隊實作一致與後續擴充。

  • 04 自動化工具鏈與 MCP 整合

    建置 5+ MCP Server（Jira、Confluence、ByteHouse、FairyGUI、Git），將部署、i18n 同步、新專案開倉檢核與議題／文件系統整合封裝成可被 AI Agent 呼叫的工具鏈，讓例行交付可由工具鏈執行，人員聚焦在例外與決策。

  • 05 資料分析與排查流程

    以 rtp-analizer（PostgreSQL + Google Sheets）、bingo-analizer 與 gemini-data-analyzer 建立遊戲狀態排查、玩家行為與策略分析的可重跑流程，搭配市場追蹤器，讓營運與技術能以同一套可查詢的流程對齊問題，減少口頭來回與一次性查表。

  • 06 AI 輔助研發提效

    以 fgui-ai-tool（FairyGUI MCP Server）與 fe-claude CLI 導入 AI 輔助產圖與資產相依管理；建立 cocos3d-dice-template 等可複用模板，並探索 UI 編輯器整合，目標是縮短從需求到可驗收畫面的前置時間。

TIMELINE

2023/02 – 至今 · ELS Tech · 前端 Leader（Gemini 前端線）
▸ 遊戲開發｜以 Cocos Creator 開發 70+ 款遊戲產品，跨產品功能與修正批次同步
▸ 共用架構｜維護 proto／WebSocket 協議、執行期設定、webview、i18n、共用資源包與商戶載入規則
▸ 發版交付｜負責 STG／REL／PROD 三環境推進、Release Note（含 hotfix）、部署報告與 S3 備份對齊
▸ 文件流程｜repo 內實作計畫、checklist、guide，保留可追溯與交接脈絡
▸ 團隊營運｜遊戲管理後台與品牌官網維運、Jenkins 管線、專案技術規劃與人員調度

2014 – 2023/02 · Freelancer（2017 登記公司）· 奧樂科技 UI/UX 與前端顧問 · meet.jobs 前端工程師

2013 · 龍華科技大學 · 互動介面設計講師

2012/10 – 2014/02 · AppWorks 育成團隊 · UI／前端

2011/01 – 2012/09 · SHEICO Group · 設計組組長

2009/05 – 2010/12 · 尚芳國際興業 · 工業設計工程師

2008 – 2009 · 海軍義務役

學歷 · 長庚大學工設學士（2001–2005）· 成大工設碩士（2005–2008）

詳細年表

  1. ELS Tech

    - 前端 Leader（Gemini 前端線）

    Cocos Creator 遊戲開發；跨多款遊戲產品與共用程式庫的功能與修正批次同步。

    共用前端與配置：proto／WebSocket、執行期遊戲設定、webview、共用資源包、i18n、遠端資源路徑與載入／商戶 logo 規則。

    發版與交付：STG／REL／PROD 推進、Release Note（含 hotfix）、部署報告、S3 備份與版本對齊檢查。

    文件與流程：repo 內實作計畫、checklist、guide 等，保留可追溯與交接脈絡。

    遊戲管理後台與品牌官網維運、Jenkins 管線；專案技術規劃、進度與人員調度。

  2. Freelancer

    - 公司負責人

    以接外包為主，曾與多家企業合作，從活動網站到金流串接，都具備相當的經驗。

    奧樂科技

    - UI/UX 與前端顧問

    長期合作客戶。此公司為醫療用品結合行動裝置的 App 開發。主要為協助公司規劃 Demo 版介面，並使用 web view 做 UI 的 layout。

    meet.jobs

    - 前端工程師

    國際求職網站。負責網站前端維護、優化與功能開發。

  3. 龍華科技大學

    - 互動介面設計講師

  4. 育成團隊@ AppWorks

    - UI 設計師 / 前端工程師

    加入新創團隊，並在 AppWorks 新創加速器接受為期一年的培訓。此處也是開始寫程式轉捩點。

  5. SHEICO Group

    - 設計組組長

    公司為世界最大潛水衣製造商，市占 70%。 工作內容為設計潛水衣外觀與新機能提案。展會期間須規劃參展項目與展場布置。

  6. 尚芳國際興業股份有限公司

    - 工業設計工程師

    設計大型電玩機台外觀與機構。工作內容以 3D建 模為主。偶爾需支援活動網頁的設計與更新。

  7. 中華民國海軍義務役

  8. 長庚大學 - 工業設計學士 (2001 - 2005)

    國立成功大學 - 工業設計碩士 (2005 - 2008)

HCD PORTFOLIO · DEAN HUANG