網頁遊戲

遊戲化行銷模組 & 互動體驗

網頁遊戲行銷模組結合排行榜機制與品牌互動,活動效益最大化。透過高互動性網頁體驗,增加使用者參與度、使用者停留時長。適用於各活動與展場。

核心技術

  • Vue 3 · Tailwind CSS · Vite
  • Matter.js · Phaser — 2D 物理引擎與遊戲框架
  • LINE LIFF · Google Tag Manager (GTM) — 活動整合與用戶追蹤
  • 模組化架構 — 每款遊戲均為獨立可重用元件

翻牌記憶遊戲

翻牌記憶遊戲

  • 限時翻牌累積分數機制
  • 模組化小遊戲—可快速部署與開發
  • 流暢的翻牌動畫與視覺回饋
  • 整合排行榜,帶動競爭性增加回頭率
  • 適合季節性活動、新品發表與品牌啟動

大家來找碴

  • 視覺觀察挑戰—找出兩張圖片間的差異
  • 精準點擊偵測搭配動畫高回饋互動
  • 可設定難度等級與時間限制
  • 高度分享性—完美適合社群媒體活動打卡
  • 透過專注的視覺互動強化品牌注意力
大家來找碴
跑酷跑者

跑酷遊戲

  • 橫向捲動跑者,靈感來自經典平台機制
  • 由 Phaser 物理引擎驅動—真實跳躍與碰撞
  • 障礙遊戲,增加趣味性
  • 透過 Matter.js 剛體模擬實現流暢動畫

問答對戰 PK

  • 即時競技問答—玩家一對一對決
  • 動態題庫,支援可設定分類與難度
  • 即時排行榜更新
  • 每題倒數計時,加劇競爭緊張感
  • 完整整合 LINE LIFF,用於活動型發佈
問答對戰 PK