← 查看全部作品
PM里長伯的商戰人生

PM里長伯的商戰人生

使用技術:Next.jsReactThree.jsReact Three FiberJavaScript

PM里長伯的商戰人生 是一款以台灣創業環境為背景的互動式商業模擬遊戲。玩家可以從五種產業賽道中選擇創業方向,在八年、32 季的經營過程中,與不同類型的 AI 對手競爭市場、人才與現金流,並透過每季的策略決策、展店、行銷、AI 導入與危機管理,體驗創業經營的真實挑戰與不同結局。

專案介紹

PM里長伯的商戰人生 是一款以台灣真實創業環境為背景打造的互動式商業模擬遊戲。

玩家可以選擇不同產業賽道,建立自己的創業角色、分配能力、與電腦對手競爭,並在八年、32 季的經營過程中做出各種重要商業決策。

本專案將 創業、策略管理、財務思維、競爭分析、遊戲化學習與 3D 視覺化 整合成一套適合課堂、工作坊與商業教育使用的互動式體驗。

五大創業賽道

玩家可以選擇五種不同的創業模式:

  • 手搖飲
  • 咖啡
  • 早午餐
  • 電商品牌
  • B2B SaaS

每一條賽道都有不同的:

  • 成本結構
  • 客戶行為
  • 通路模式
  • 淡旺季
  • 市場競爭方式

因此每一次遊戲都會產生不同的經營策略。

八年 32 季商業模擬

遊戲時間橫跨:

8 年 / 32 季

每一季玩家都會面臨不同的決策卡,例如:

  • 年度策略
  • 展店
  • 外送平台
  • 雙 11 行銷
  • 免費試用
  • AI 導入
  • 人才招募
  • 成本上漲
  • 競爭者出招
  • 收購邀約
  • IPO
  • 經營危機

玩家必須在成長、現金流、獲利與團隊穩定之間做出取捨。

AI 電腦對手

每一局遊戲都會出現四種類型的競爭者:

  • 價格鷹派
  • 擴張狂
  • 模仿者
  • 高端派

不同對手會採取不同策略,使市場環境持續變化,玩家必須即時調整自己的經營方式。

3D 商業沙盤

遊戲使用 Three.js 與 React Three Fiber 建立互動式 3D 沙盤。

沙盤會視覺化呈現:

  • 店面
  • 人潮
  • 金幣
  • 市場變化
  • 本季損益
  • 淡旺季
  • 展店成果

手機使用者可以使用單指拖曳、雙指縮放操作沙盤。

若裝置不支援 WebGL,系統會自動切換成 2D 格狀地圖。

台灣真實商業條件

遊戲不是單純靠運氣,而是加入多種貼近台灣創業環境的結構性因素,包括:

  • 淡旺季
  • 新店蜜月期
  • 市場競爭增加
  • 房租上漲
  • 人事成本
  • 平台抽成
  • 行銷費用

因此經營失敗也是遊戲設計的一部分,玩家需要理解「為什麼會虧錢」,而不只是追求高分。

遊戲化激勵設計

遊戲加入多種 Gamification 機制:

  • 連續獲利火焰
  • 15 個徽章
  • 董事會目標
  • Toast 提示
  • 彩帶動畫
  • 每季金額浮字
  • 商業成果卡

讓玩家更容易理解自己的經營成果。

多重結局

遊戲包含:

  • 12 種結局
  • 7 種老闆類型

遊戲結束後,系統會依據玩家的企業持股價值與歷年薪資,計算「老闆身價」。

玩家也可以產生戰績卡並分享重播連結。

確定性重播系統

遊戲採用確定性模擬引擎。

只要:

  • Seed 相同
  • 初始設定相同
  • 能力值相同
  • 每一步選擇相同

最後就會得到相同結果。

系統也會將賽道、角色外觀、能力、Seed、品牌名稱與決策內容打包成重播短網址,讓其他同學可以重新體驗同一局商戰。

中英文支援

遊戲支援:

  • 繁體中文
  • English

系統會依語言自動處理:

  • 遊戲文案
  • 金額格式
  • 系統訊息
  • 決策內容

技術架構

  • Next.js 14
  • React 18
  • Three.js
  • React Three Fiber
  • React Three Drei
  • JavaScript
  • WebGL
  • Vercel
  • Responsive Web Design

部署方式

專案可以直接部署於 Vercel。

目前採用純前端架構:

  • 無後端
  • 無資料庫
  • 無需帳號
  • 無需 API Key

對這個專案感興趣?

查看線上展示或探索原始碼

PM Mayors
PM MayorsWhere Taiwan AI PM Initiated
PM里長伯的商戰人生 | PM Mayors