🖐️ 10指同時狂點競技 • 💥 多點觸控爆發體驗 • 🏆 雙人對戰終極挑戰

---

🖐️ 多指狂點 - 突破極限的競技體驗

🌟 全球首創10指同時點擊競技遊戲

厭倦了單指點擊的限制嗎？Bunny Click 讓你解放所有手指！雙手10根手指同時瘋狂點擊，體驗前所未有的爆發感。無論是單人挑戰個人極限，還是和朋友進行10指vs10指的終極對決，都能讓你感受到指尖飛舞的快感！

💥 為什麼選擇多指點擊？

🚀 爆發性增長 10指同時點擊 分數翻10倍增長

🔥 極限挑戰 突破人類手速極限 創造不可能的TPS

🎮 競技樂趣 朋友間的終極對決 看誰的手指更強

💡 創新體驗 全新的遊戲玩法 前所未有的刺激感

---

核心特色

單人競技模式 與時間賽跑，挑戰極限 ⏱️ 三種時間模式 📊 即時 TPS 顯示 ⚡ 10級特效系統 🏆 個人最佳記錄

雙人對戰模式 朋友間的多指對決 🖐️ 10指vs10指對戰 👥 多點觸控爆發 ⚡ 瞬間手速較量 🔥 誰的手指更快？

智能排行系統 多維度競爭體驗 📈 15/30/60秒分類 🎯 精準數據統計 🏅 排名徽章系統 📱 跨設備同步

技術亮點

視覺效果引擎

特效系統	描述	觸發條件
粉藍漸層	精心調校的色彩美學	持續展示
閃電特效	10級動態強度系統	點擊速度響應
水波紋動畫	流體動力學模擬	20+ TPS
RGB 動畫	彩虹色彩循環	30+ TPS

遊戲體驗技術

interface GameFeatures {
  multiTouch: boolean; // 多點觸控支援
  audioEngine: WebAudio; // 程序化音效生成
  hapticFeedback: boolean; // 觸覺震動回饋
  dataSync: LocalStorage; // 智能數據持久化
  tpsMonitor: RealTime; // 即時性能監測
}

PWA 現代化架構

技術棧:
  Frontend: HTML5 + CSS3 + ES6+
  Graphics: OffscreenCanvas + Web Workers
  Audio: Web Audio API
  Storage: IndexedDB + LocalStorage
  PWA: Service Worker + Web Manifest
  Performance: 60fps + <50ms 延遲

快速開始

立即體驗

無需下載 • 開啟即玩 • 支援所有現代瀏覽器

---

安裝方式

PWA 安裝 1. 訪問 https://haotool.org/bunny-click/ 2. 點擊瀏覽器的「安裝」提示 3. 享受原生 App 體驗 優勢: 離線支援 • 快速啟動 • 桌面圖標

開發者本地運行 git clone https://github.com/haotool/bunny-click.git cd bunny-click python3 -m http.server 8080 # 或 npx serve . 優勢: 本地開發 • 自定義修改 • 離線使用

🌐 線上遊玩（推薦）

👆 一鍵直達 → https://haotool.org/bunny-click/

支援所有現代瀏覽器，手機、平板、電腦都能完美運行！

📱 PWA 安裝指南

1. 🌐 開啟遊戲網址 → https://haotool.org/bunny-click/
2. 📱 點擊瀏覽器的「安裝」提示
3. 🎮 享受原生 App 般的體驗

💡 小提示: 安裝後可離線遊玩，載入速度更快！

💻 開發者本地運行

# 🚀 快速啟動
git clone https://github.com/haotool/bunny-click.git
cd bunny-click

# 🐍 Python 方式
python3 -m http.server 8080

# 📦 Node.js 方式
npx serve .

# 🌐 然後訪問
http://localhost:8080

版本管理

本專案採用語義化版本控制 (Semantic Versioning) 和自動化版本管理系統。

快速版本更新

# 修訂版本 (7.0.0 → 7.0.1)
npm run version:patch

# 次版本 (7.0.0 → 7.1.0)
npm run version:minor

# 主版本 (7.0.0 → 8.0.0)
npm run version:major

版本號檢查

# 檢查所有檔案版本號一致性
npm run check-version

# 手動更新所有檔案版本號
npm run update-version-files

自動發布

# 執行完整發布流程
npm run release

提交訊息規範

• feat: - 新功能 (觸發 MINOR 版本更新)
• fix: - 錯誤修復 (觸發 PATCH 版本更新)
• docs: - 文檔更新 (觸發 PATCH 版本更新)
• style: - 程式碼格式調整 (觸發 PATCH 版本更新)
• refactor: - 程式碼重構 (觸發 PATCH 版本更新)
• perf: - 效能改善 (觸發 PATCH 版本更新)
• test: - 測試相關 (觸發 PATCH 版本更新)
• chore: - 建置程序或輔助工具的變動 (觸發 PATCH 版本更新)
• BREAKING CHANGE: - 破壞性變更 (觸發 MAJOR 版本更新)

PWA 安裝

1. 在支援的瀏覽器中開啟遊戲
2. 點擊瀏覽器的「安裝」提示
3. 或從選單中選擇「加入主畫面」

🎮 遊戲攻略 - 從新手到大師！

🔥 快速上手（30秒學會）

🖐️ 多指放螢幕 → ⏰ 計時開始 → 💥 10指狂點 → 🏆 爆發高分

單指已經過時！解放你的10根手指，體驗爆炸性成長！

🚀 進階技巧解鎖

技巧	說明	效果
🖐️ 10指終極狂點	雙手十根手指同時瘋狂點擊！	💥 分數爆炸性增長
👆 多指配合	左右手配合，指尖飛舞	🚀 突破人類極限
⚡ 30+ TPS	達到超高點擊速度	🌈 解鎖粉藍 RGB 特效
🌊 20+ TPS	保持高速點擊	💫 觸發水波紋動畫
🎯 節奏掌控	穩定的多指點擊節奏	🎵 獲得最佳音效體驗

⚙️ 個人化設定

• 🔊 音效控制 - 開啟/關閉遊戲音效
• 📳 震動回饋 - 觸覺回饋開關
• ⏱️ 時間選擇 - 15秒/30秒/60秒挑戰模式
• ✨ 特效開關 - 水波紋、閃電效果自由控制
• 📊 TPS 顯示 - 實時手速監測（精確到小數點）

🏆 成為10指狂點大師的秘密

💡 多指專業提示:

• 🖐️ 指法練習 - 從2指開始，逐步增加到10指
• 👆 左右協調 - 左右手配合，建立指尖節奏感
• 💪 手指靈活度 - 每天練習，讓每根手指都靈活自如
• 🔥 爆發模式 - 瞬間所有手指同時點擊，創造驚人TPS
• 👥 10vs10對戰 - 邀請朋友，看誰的手指更強！

技術規格

系統架構

前端技術棧 { "framework": "Vanilla JavaScript ES6+", "styling": "CSS3 + CSS Grid + Flexbox", "graphics": "OffscreenCanvas + Web Workers", "audio": "Web Audio API", "storage": "LocalStorage + IndexedDB" }

PWA 技術 { "serviceWorker": "Advanced Caching Strategy", "webManifest": "Complete App Configuration", "offlineSupport": "Full Functionality", "installable": "Cross-Platform Desktop" }

性能指標

指標	目標值	實測值	狀態
初始載入	<3s	2.1s	✅
點擊延遲	<50ms	23ms	✅
動畫幀率	60fps	60fps	✅
PWA 評分	>90	95	✅
記憶體使用	<50MB	32MB	✅

瀏覽器支援

• ✅ Chrome 88+ (推薦)
• ✅ Firefox 85+
• ✅ Safari 14+
• ✅ Edge 88+
• ✅ 移動瀏覽器 (iOS Safari, Chrome Mobile)

效能特性

• 60 FPS: 穩定 60 幀動畫效果
• 低延遲: <50ms 點擊響應時間
• 記憶體優化: 智慧型資源管理
• 電池優化: 省電模式自動偵測

🏗️ 專案結構

bunny-click/
├── 📄 index.html          # 主遊戲檔案
├── ⚙️ fx.worker.js        # 視覺效果 Worker
├── 📱 app.webmanifest     # PWA 清單
├── 🔧 sw.js              # Service Worker
├── 📁 icons/             # 應用程式圖標
└── 📁 docs/              # 專案文檔

🧪 開發 & 測試

開發工具

# 安裝測試依賴
cd dev-tools
npm install

# 執行完整測試
npm test

# 啟動 TPS 測試工具
open dev-tools/tps-test.html

測試覆蓋

• ✅ 基本功能測試
• ✅ 多點觸控測試
• ✅ 視覺效果測試
• ✅ PWA 功能測試
• ✅ 效能基準測試

🎨 自訂設定

CSS 變數自訂

:root {
  --primary: #f66fb9; /* 主要粉色 */
  --accent: #52b7ff; /* 強調天藍色 */
  --duration-fast: 150ms; /* 動畫速度 */
}

Worker 效果調整

// 在 fx.worker.js 中調整效果參數
const TIER = {
  // 調整閃電強度設定
};

📊 效能數據

指標	目標值	實測值	說明
初始載入	<3s	2.1s	包含所有資源和音效初始化
點擊延遲	<50ms	23ms	觸控到視覺/音效回饋
動畫幀率	60fps	60fps	所有視覺特效保持流暢
PWA 評分	>90	95	Lighthouse PWA 評分
記憶體	<50MB	32MB	長時間遊戲穩定運行

🔧 故障排除

音效問題

• 無音效: 確保瀏覽器允許自動播放，或在設定中檢查音效開關
• 延遲: 使用 Chrome/Firefox 最新版本以獲得最佳音效體驗

特效問題

• 無特效: 檢查設定中的水波紋和雷電效果開關
• 卡頓: 在低效能設備上可關閉部分特效以提升流暢度

觸控問題

• 多點觸控: 確保使用支援多點觸控的現代瀏覽器
• 震動: 震動功能僅在支援的行動設備上可用

🤝 加入我們的開發者社群

想讓 Bunny Click 變得更棒嗎？我們歡迎所有形式的貢獻！

🐛 回報問題 發現 Bug？告訴我們！ 提交 Issue

💡 建議功能 有好點子？分享給我們！ 功能討論

🔧 貢獻程式碼 想參與開發？歡迎 PR！ Pull Request

🚀 快速貢獻流程

# 1️⃣ Fork 並 Clone
git clone https://github.com/your-username/bunny-click.git

# 2️⃣ 建立功能分支
git checkout -b feature/amazing-feature

# 3️⃣ 開發並測試
# ... 你的精彩程式碼 ...

# 4️⃣ 提交變更
git commit -m 'feat: add amazing feature'

# 5️⃣ 推送並 PR
git push origin feature/amazing-feature

📜 變更記錄

v7.1.2 (2025-08-16)

• 🔄 全域域名更新: 完成所有檔案從 s123104.github.io 到 haotool.github.io 的遷移
• 🎯 完整 AI SEO 實施: 新增 GEO、AEO、AIO、LLMO 等新型 AI 搜尋引擎優化
• 📊 全面 SEO 策略文檔: 建立完整的 docs/seo/ 目錄包含 BDD 測試場景
• 🤖 AI 搜尋友善優化: 實施 llms.txt、結構化數據、AI 問答格式
• 📱 Meta 標籤完善: 新增 Open Graph、Twitter Cards、完整 JSON-LD Schema
• 🌐 搜尋引擎就緒: 完成 sitemap.xml、robots.txt、canonical URL 設定
• 📋 專業 SEO 工作流: 建立 5 人專業 SEO 團隊並行開發架構

v7.1.0 (2025-08-16)

• 🏆 排行榜時間分類功能：新增三種遊戲時間（15秒、30秒、60秒）對應的排行榜分類
• 📱 完整 PWA 圖標系統：從 bunny-click.png 生成全套 PWA 圖標，支援所有設備尺寸
• 🎮 遊戲時間標記：排行榜記錄現在顯示對應的遊戲時間模式
• 🎨 排行榜新增時間篩選標籤（全部、15秒、30秒、60秒）
• 📱 新增完整的圖標尺寸支援，改善 PWA 安裝體驗
• 🔧 版本號自動化更新系統與語義化版本控制

v6.4.0 (2025-08-15)

• 🎨 雙人模式手機版優化
  • 手機版保持左右並排顯示，VS 圖標簡化為純文字
  • 按鈕佈局優化：再來一局在左，返回主選單在右
  • 響應式按鈕設計，手機版寬度更適中
• 🐛 分數顯示修復
  • 修復結果模態窗分數永遠顯示 0 的問題
  • 解決重複 ID 導致的元素選擇錯誤
  • 確保顯示實際點擊分數而非初始值
• ⚡ 音效與特效系統修復
  • 修復特效設定變更後未立即生效的問題
  • 完整的音效系統：點擊、倒數、勝利、煙火音效
  • 震動回饋、水波紋、雷電效果完全正常
• 🔧 快取管理優化
  • 自動清除舊版本快取，確保更新順暢
  • 完善的版本檢測和更新機制
  • 新增快取測試工具便於調試

v6.2.0 (2025-08-14)

• 🌈 TPS RGB 動畫效果重構
  • 在 TPS 容器外包裝新的 hud-tps-wrapper 容器
  • 將彩色 RGB 動畫效果移至外層容器背景，保持文字可讀性
  • 移除原先錯誤的動畫效果，同時修正單人和雙人模式
• 🏆 雙人模式結果界面全面重新設計
  • 全新的左右對稱玩家結果顯示界面
  • 每個玩家的分數和 TPS 整合在同一區塊內，更直觀易讀
  • 獲勝者金牌 3D 旋轉動畫、流動金色邊框、浮動皇冠動畫
  • 平手時顯示友好握手圖標和"友誼第一"訊息
• 💻 智能全螢幕邏輯優化
  • 添加移動設備檢測功能，只在手機或平板設備時自動全螢幕
  • 桌面電腦不再強制自動全螢幕，提供更好的用戶體驗
• 🎨 視覺效果增強
  • 響應式設計：移動設備上自動調整為垂直排列
  • 所有動畫效果經過優化，提供更流暢的視覺體驗
  • 統一的金色主題用於獲勝者效果

v6.0.0 (2025-08-13)

• 🎨 UI/UX 全面升級：現代化高級 App 風格設計
  • 精緻獲勝模態窗：毛玻璃效果、動畫系統、成就徽章
  • 排行榜分頁功能：現代化卡片設計、模式切換、排名徽章
  • HUD 佈局優化：防換行設計、TPS 預設換行顯示
  • 單人模式功能完善：支援 TPS 顯示和所有雙人功能
• ⚡ 閃電效果重新設計
  • 移除紅色閃電，改為粉色藍色漸層閃電
  • 粉紅 (#f66fb9) → 白色 (#ffffff) → 粉藍 (#52b7ff) 動態漸層
  • 保持原有動畫效果，視覺更加柔和優雅
• 🌈 TPS 背景效果調整
  • 恢復原本的彩虹 RGB 漸層背景效果
  • 使用 rainbowShift 動畫，0.8 秒流暢週期
  • 與整體設計風格保持一致
• 🏆 成就系統與動畫效果
  • 根據 TPS 表現動態顯示成就徽章
  • 獎盃彈跳動畫、徽章發光效果、按鈕懸停動畫
  • 單人模式：初露鋒芒 → 點擊高手 → 閃電快手 → 超音速大師
  • 雙人模式：友誼第一 → 激戰高手 → 對戰王者

v5.0.0 (2025-08-13)

• 🎯 重大更新：TPS 計算系統完全重構
  • 實現基於滑動窗口的真實 TPS 計算，告別虛假的高數值
  • 新增最高 TPS 峰值記錄與結果頁面顯示
  • 修正 TPS 觸發閾值一致性問題
• ⚡ TPS 系統技術優化
  • 每 100ms 定期更新，提供流暢即時反饋
  • 自動清理過期數據，防止內存洩漏
  • 完善的生命週期管理和定時器清理
• 📊 增強的數據展示
  • 結果頁面顯示雙方最高 TPS 峰值
  • 真實反映玩家點擊能力的準確數據
  • 支援單人和雙人模式的峰值記錄

v4.0.0 (2025-08-13)

• 🎆 全新升級的勝利煙火系統，包含爆裂、環形、螺旋、連鎖四種煙火效果
• ✨ 增強的彩虹閃電效果，新增閃電脈衝和鏈狀閃電動畫
• 🎨 優化 TPS 顯示器 UI，改善間距和視覺效果
• 🎭 新增勝利畫面全屏閃爍效果
• 🎵 豐富的音效系統，支援隨機音調和勝利音效
• 🌈 Grand Finale 大結局效果，包含彩色紙屑雨
• 💫 更流暢的動畫過渡和視覺反饋

v3.0.0 (2025-08-13)

• ✨ 新增 TPS 超過 1000 時的彩虹閃電效果
• 🎨 改善 TPS 顯示容器，支援 5 位數字顯示
• 🐛 修復多點觸控點擊檢測問題
• ⚡ 優化 OffscreenCanvas 初始化邏輯
• 💄 更新設定介面為粉藍色風格

v2.0.0 (2025-08-13)

• 🎮 新增雙人對戰模式
• 🌊 實作水波紋動畫效果
• 📱 完整 PWA 支援

v1.0.0 (2025-08-13)

• 🎯 基礎單人點擊遊戲
• ⚡ 閃電視覺效果
• 🎵 音效系統

📄 授權條款

本專案採用 MIT 授權條款 - 詳見 LICENSE 檔案

社群與支援

立即開始挑戰

---

參與貢獻

問題回報 發現問題？歡迎回報

功能建議 有好想法？與我們分享

程式碼貢獻 想參與開發？歡迎 PR

---

專案統計

---

Bunny Click - 專業級點擊競技體驗

在快節奏的世界裡，享受簡單而純粹的挑戰

---

_{Built with ❤️ by developers, for gamers | MIT Licensed}