NIKKE Select

一個用於記錄和管理《勝利女神：妮姬》遊戲角色的網頁工具。

📖 專案簡介

NIKKE Select 是一個專為《勝利女神：妮姬》玩家設計的網頁應用程式，幫助玩家記錄擁有的妮姬角色、管理角色星級，並進行隊伍模擬配置。

✨ 主要功能

🎯 妮姬紀錄 (nikke.html)

• 角色收藏管理：記錄所有擁有的妮姬角色
• 星級系統：點擊角色圖片可切換星級（0-11 星）
• 陣營分類：自動按照 Elysion、Missilis、Tetra、Pilgrim、Abnormal 等陣營分類顯示
• 進度追蹤：查看收集進度和統計數據
• 數據保存：使用瀏覽器本地儲存（localStorage）自動保存進度
• 圖片匯出：可將記錄頁面儲存為圖片

👥 隊伍模擬 (team.html)

• 拖放組隊：透過拖放方式組建隊伍
• Burst 分類：按照 Burst 1、Burst 2、Burst 3 分類顯示角色
• 多隊伍管理：可建立多個隊伍配置
• 隊伍截圖：可將隊伍配置儲存為圖片分享

🏠 首頁 (index.html)

• 提供導航選單，快速切換不同功能頁面

🚀 使用方式

線上使用

直接訪問：https://swiftstar.github.io/nikke.select

本地運行

1. 下載或克隆此專案
2. 使用任何靜態網頁伺服器開啟專案
   • 或直接使用瀏覽器開啟 index.html 檔案

📁 專案結構

nikke.select/
├── index.html          # 首頁
├── nikke.html          # 妮姬紀錄頁面
├── team.html           # 隊伍模擬頁面
├── css/                # 樣式表
│   ├── styles0.css     # 首頁樣式
│   ├── styles1.css     # 妮姬紀錄頁面樣式
│   ├── styles2.css     # 隊伍模擬頁面樣式
│   └── sweetalert2.css # SweetAlert2 樣式
├── js/                 # JavaScript 檔案
│   ├── main0.js        # 首頁邏輯
│   ├── main1.js        # 妮姬紀錄頁面邏輯
│   ├── main2.js        # 隊伍模擬頁面邏輯
│   ├── datasave1.js    # 妮姬紀錄數據保存
│   ├── datasave2.js    # 隊伍模擬數據保存
│   └── imgsave.js      # 圖片保存功能
└── images/             # 圖片資源
    ├── character/      # 角色圖片
    └── others/         # 其他圖片資源（星星、Burst 圖標等）

🛠️ 技術棧

• HTML5 - 網頁結構
• CSS3 - 樣式設計
• JavaScript (ES6+) - 核心功能實現
• localStorage - 本地數據儲存
• html2canvas - 網頁截圖功能
• SweetAlert2 - 美觀的提示對話框

📝 功能說明

星級系統

• 點擊角色圖片可循環切換星級（0-11 星）
• 星級 0 表示未擁有該角色
• 星級 1-11 表示角色的突破等級

數據保存

• 所有進度自動保存到瀏覽器的 localStorage
• 重新開啟頁面時會自動載入之前的進度
• 可透過「重設」按鈕清除所有數據

隊伍模擬

• 從左側角色列表拖放角色到右側隊伍格子
• 支援建立多個隊伍配置
• 可透過「＋」和「－」按鈕新增或刪除隊伍

🎨 特色

• ✅ 響應式設計，支援各種螢幕尺寸
• ✅ 直觀的拖放操作介面
• ✅ 自動保存功能，無需手動儲存
• ✅ 精美的 UI 設計
• ✅ 完整的角色資料庫

📄 授權

此專案為開源專案，歡迎自由使用和修改。

🤝 貢獻

歡迎提交 Issue 或 Pull Request 來改善此專案！

📧 聯絡方式

如有問題或建議，請透過 GitHub Issues 聯繫。

---

注意：此專案為非官方工具，與遊戲官方無關。