Winnie Lab ・ 押忍！節拍應援團
USER GUIDE ・ 使用說明
押忍！
節拍應援團
替陷入困境的人，打出最熱血的節拍。
一款向 NDS《押忍！戰鬥！應援團》致敬的網頁節奏遊戲：
上半部是即時運算的動態畫面，下半部是觸控操作區。
手機・平板・電腦
免安裝
單一網頁
WHAT IS IT
跟著音樂點、拖、轉，
為主角加油！
- 三話校園故事：期末考、營養午餐、運動會接力，每一話都有主角遇到的難關。
- 你的節奏決定結局：打得好，故事就往好的方向發展；應援量表見底就失敗。
- 上下雙畫面：上半部看故事與動態畫面，下半部專心操作，就像 NDS 的上下兩個螢幕。
- 三種難度：見習、團員、團長，從國小學生到節奏遊戲老手都能玩。
STORIES
三話故事，你的節奏決定結局
第一話
期末考大危機
小明（五年級）：明天就要考數學，分數加減還是搞不懂！
第二話
營養午餐大作戰
廚房阿姨：十二點前要煮好三百人份的咖哩！
第三話
運動會大隊接力
最後一棒的小美：接棒時已經落後半圈了！
HOW TO PLAY ・ 3
轉盤：
在時間內用力畫圈！
- 出現 SPIN! 時，按住畫面繞著中心畫圈，順時針、逆時針都可以。
- 外圈的黃色進度條填滿，就代表轉滿了指定圈數。
- 每轉一整圈 +100 分，同時回補應援量表。
- 縮小的白圈是剩餘時間，白圈消失前要轉完。
轉盤進行時，上半部畫面會切換成 ASCII 字元風格，量表也會暫停下降。
SPIRIT & CHECKPOINTS
應援量表決定故事的走向
| 狀況 | 見習 | 團員 | 團長 |
|---|---|---|---|
| 量表每秒下降 | 1.2% | 2.6% | 3.6% |
| 失誤 ✕ | −5% | −7% | −9% |
| 300／100／50 | +5%／+2%／+0.5%（轉盤每圈 +3%） | ||
- 每 8 小節是一個檢查點：量表在一半以上就是「成功！」，不到一半是「危機！」。
- 沒有音符要打的空檔，以及轉盤進行中，量表都不會下降。
- 量表見底就會立刻失敗；撐到最後，就看檢查點成功的次數決定結局。
- 勾選練習模式，量表不會見底，適合先熟悉操作（不列入紀錄）。
GAME FLOW
五個步驟開始應援
01
選擇一話
三個校園故事；選單右上角「📖 使用說明」可隨時打開本說明。
02
選擇難度
見習只打正拍、圓圈最大；團員加入重音反拍；團長最密集。
03
音樂（可略）
網站已附三首配樂；想換自己的歌，到「換成自己的音樂（進階）」。
04
押忍！開始
鏡頭穿過「O」進入故事；隨時可按 ❚❚ 暫停。
05
看結局與評價
S／A／B／C／D 評價，失敗是 F。
| 評價 | 條件（準確率 = 實得分 ÷ 全部 300 的分數） |
|---|---|
| S | 準確率 95% 以上，而且沒有任何失誤 |
| A ／ B ／ C | 準確率 90%／80%／70% 以上 |
| D ／ F | 未達 70% 為 D；量表見底失敗為 F |
TECH ・ REAL-TIME GRAPHICS
上半部：五個即時運算的著色器場景
每 8 小節換一個場景；畫面全部由 WebGL2 著色器每秒即時算出，沒有任何預先錄好的影片。
黏土 3DSDF 光線步進、柔和陰影、環境光遮蔽；隨拍彈跳、擠壓伸展，用彈簧阻尼在圓、方、環、星形之間變形
液態玻璃 × 包浩斯融合球折射、7 個波長的色散；背景方塊每拍旋轉換色，段落結尾壓扁成線
流動山脊線58 條 Perlin 噪聲山脊線互相遮擋，「OSU!」藏在山脊之間；孔版印刷的錯位色版
GPU 粒子最多 20 萬顆粒子，位置每一格都在 GPU 上算出：「押忍」→ 環面結 → 星塵
反應擴散Gray–Scott 模型，珊瑚紋從「加油」兩個字長出來；半色調網點呈現LOCAL RECORDS
紀錄存在你自己的裝置
| 會記住什麼 | 說明 |
|---|---|
| 最佳成績 | 每一話 × 每種難度的最高分與評價，顯示在選單卡片上 |
| 遊玩紀錄 | 最近 30 場，選單「本機紀錄」顯示最近 10 場 |
| 設定 | 上次選的故事、難度、延遲、畫質 |
| 節拍校正 | 你對某首歌手動調過的 BPM 與起拍 |
| 音樂 | 載入過的 mp3，下次打開自動帶入 |
| 離線快取 | 加到主畫面後，網頁、音樂與插畫第一次載入就存好，沒網路也能玩 |
資料只存在這台裝置的瀏覽器裡，不會上傳，也不需要帳號。換手機或清除瀏覽器資料後，紀錄就會重新開始；選單裡也可以手動「清除」。
1 / 16