海洋探險隊
示範水族館 · 以下為示範資料努力排行榜
按累積獲得的積分排名。同分並列。
- 🥇小晴Lv 4 · 已餵 120 份180積分1
- 🥈樂樂Lv 3 · 已餵 65 份150積分2
- 🥉小宇Lv 2 · 已餵 30 份120積分3
- 4安安Lv 2 · 已餵 15 份95積分4
老師使用指南及常見問題
建立班級、課堂展示，以及交給學校 IT 的連線指引。
班級水族館是否完全免費？
是，班級水族館是完全免費的老師工具。建立班級、加入學生、獎勵積分、餵魚、成長及公開排行榜均免費，毋須 Premium 訂閱、付款卡或開通付費試用。老師只需登入成人帳戶管理班級；學生使用老師提供的個人連結，毋須另行註冊。
老師如何開始使用？
- 登入成人帳戶，然後回到本頁。現有「家長」帳戶亦可使用；學生帳戶不能管理班級。未有帳戶可從登入頁註冊，毋須購買 Premium。
- 輸入「新班級名稱」，按「建立班級」。有多個班級時，可在「我的班級」切換。
- 在「加入學生」每行輸入一個顯示名稱，再按「加入班級」。每班最多 80 位學生，每位都有一條小魚。建議使用暱稱或名字。
- 點選小魚或排行榜姓名，在「獎勵積分」輸入分數及原因（選填），按「確認加分」。可按課堂遊戲、合作、完成任務或努力表現給分。
- 選取學生後，按「產生新學生連結」，只把連結交給該學生。學生開啟後便可用積分餵飼自己的小魚；老師亦可代為餵魚。
積分、餵魚及排行榜如何計算？
1 積分可換 1 份魚糧。餵魚會扣除可用積分，累積餵飼量越多，小魚便會成長及升級。排行榜按歷來獲得的總積分排名，餵魚不會降低排名分數，同分並列。班級積分由老師給予，與學習島金幣分開計算，不會自動匯入其他練習的分數。
示範水族館可試用餵魚效果，但不會建立班級或儲存真實學生積分。
如何展示給全班或家長觀看？
在「分享班級水族館」開啟「開放公開展示」，複製公開連結，在投影機或家長的裝置上開啟。持有連結的人可看到學生顯示名稱、小魚及積分，但不能加分或餵魚。可隨時關閉公開展示。請勿把學生專用連結當作公開連結分享。
水族館工具列可放大畫面、顯示或隱藏姓名，以及暫停或開始游動。學生較多時，用魚群箭頭切換。公開及學生頁面約每 15 秒更新；老師可按水族館標題旁的重新整理按鈕。
頁面空白、無法載入或一直顯示連線錯誤？
- 用已更新的 Chrome、Edge、Safari 或 Firefox 直接開啟本頁，避免使用通訊軟件的內置瀏覽器。確認已連上網絡，再重新載入。
- 登入後仍只見示範？請確認使用成人帳戶，並允許 ottercub.com 的 JavaScript、Cookie 及網站儲存空間，然後重新登入。
- 如只在學校網絡失敗，請把下方白名單交給 IT 檢查封鎖記錄。更新後仍見舊畫面可嘗試強制重新整理；清除網站資料會登出，學生亦需重新開啟原本的完整專用連結。
小魚不動，或只能看到簡化水族館？
先按工具列的「開始游動」。若裝置啟用了減少動態效果，水族館預設暫停，可自行開始。頁面在背景或水族館離開可見範圍時，也會暫停動畫以節省電力。
3D 水族館需要 WebGL。若裝置、瀏覽器或學校政策停用 WebGL，會改用簡化畫面，仍可查看小魚及使用積分功能。請更新瀏覽器；學校管理的裝置可請 IT 檢查 WebGL 及圖像加速設定。網域白名單不能解決裝置不支援 3D 的問題。
學生不能餵魚，或分享連結失效？
先查看可用積分是否足夠，並確認學生使用自己的專用連結，而非只供觀看的公開連結。請複製完整連結，包括 # 後面的部分；開啟後網址會自動隱藏這部分，請保留老師原本提供的完整連結。
重新產生學生連結會立即令舊連結失效，請提供最新連結。公開頁面不能開啟時，老師應檢查是否已開啟公開展示，以及連結有否複製完整。
學校 IT 需要將哪些網址或網域加入白名單？
主要要求：允許以 HTTPS（TCP 443）連接 ottercub.com 的所有路徑。只放行老師頁面的單一網址並不足夠，登入、資料及程式檔案亦需要連線。
https://ottercub.com/*如系統只接受網域，請輸入 ottercub.com；星號是路徑規則，並非頁面網址的一部分。
/teacher/aquarium：老師管理；/aquarium/*：公開及學生頁面。/login、/register、/api/auth/*、/api/register：登入及註冊。/api/aquarium*：讀取及儲存班級、積分和餵魚資料（GET／POST）。/_next/*及同網域的圖片、字型：頁面及 3D 小魚資源。
請保留正常 HTTPS、登入 Cookie、Authorization 及 Origin 標頭，並允許 JavaScript 和網站儲存空間。以上路徑用於排查；建議放行整個 ottercub.com，避免遺漏註冊、密碼重設或新增資源。
| 網域 | 何時需要 |
|---|---|
accounts.google.comwww.gstatic.comssl.gstatic.com | 選用「以 Google 登入」時，需載入 Google 登入及其資源。學校的 Google Workspace／單一登入設定可能另有要求，請 IT 依封鎖記錄及官方指引處理。使用電郵及密碼登入水族館毋須這些 Google 網域。 Google 網域指引 |
challenges.cloudflare.com | 只有出現 Cloudflare 安全驗證畫面時才需要檢查是否被封鎖；並非魚隻資源網域。 Cloudflare 驗證排查 |
static.cloudflareinsights.com | 網站分析用途，並非水族館必要功能；不需要為了餵魚或顯示 3D 而放行。 |
魚隻與 3D 程式由 OtterCub 本站提供，毋須放行 GitHub 或外部 3D CDN。請按網域設定規則，毋須開放所有 Cloudflare 網站。
仍有問題，如何求助？
請電郵 hello@ottercub.com，提供裝置與瀏覽器版本、錯誤文字、發生時間，以及是否只在學校網絡出現。可附上已遮蓋學生資料的截圖。請勿傳送密碼或學生專用連結；如有 Cloudflare Ray ID，可一併提供。