← 全部作品 / 海洋教育

海浪跑酷:海洋教育遊戲

體驗海況差異的海洋教育跑酷遊戲

隊伍|來頭不小的蔣介石No.26

作品簡介

免費網頁跑酷遊戲,玩家可選小浪或大浪模擬海況來挑戰,失敗後看海象解說並回答海洋知識題。服務國高中學生與教師。

想解決的問題

學生不容易理解海況差異,水域安全教育需要容易使用的互動教材。

怎麼運作

玩家開啟網頁後先選小浪或大浪,角色自動前進,玩家按鍵跳躍躲避障礙,碰撞即失敗,難度隨遊玩時間增加。失敗後畫面顯示海象解說,並出 1 題海洋知識題,題目涵蓋浪高差異、模擬與真實海況的區別,以及親海活動前如何查詢官方資訊;回答後提供解說,答錯也能重玩或換海況。兩種海況以相同起始條件比較,畫面標示「教學模擬,非即時海況」,並提醒遊戲分數不能用來判斷現實中下水是否安全。教師可讓學生依序體驗兩種海況,再帶領討論差異。

遊戲以 HTML、CSS、JavaScript 與 Canvas 2D 製作,模擬海況與題庫都放在網頁專案中,不需要帳號、資料庫或海象 API。團隊預計用 Codex 協助寫程式與除錯,每完成一項功能就人工試玩、核對邏輯並保存版本,教育文字由團隊核對。必做範圍是自動前進、跳躍、碰撞、計分、無限挑戰,以及兩種海況、失敗解說與答題;暫停、觸控操作與本機最高分列為有時間再做。

企劃撰寫時遊戲尚未完成。驗證計畫包括測試 10 次完整流程、至少 5 人試玩並以 4 人能依指引完成為目標,以及 3 題前後測;團隊也說明小樣本前後測不代表已證明教育成效。賽後規劃訪談 2 位教師、3 個月內爭取 2 場教學試辦。遊戲免費、不規劃廣告,真實海象資料、更多海洋概念與教師活動指引列為後續發展。

核心功能

  1. 01

    小浪/大浪模擬海況

  2. 02

    失敗後海象解說

  3. 03

    海洋知識題回饋