幾乎不會 coding 的作品集

白海豚大冒險與淨溪挑戰(環境教育小遊戲)

兩款手機觸控的環境教育網頁遊戲。《台灣白海豚大冒險》:操控一隻小白海豚沿西部淺海南游,要顧體力與呼吸,躲漁網、塑膠、填海區與打樁噪音,吃金黃色小魚回血;解救被漁網纏住的海豚可解鎖 50 則救援圖鑑,結尾有證書與可分享的成績圖。《60 秒筏子溪淨溪挑戰》:台中筏子溪上漂來垃圾,限時 60 秒點擊撿起,漏掉的會流向烏溪與大海,點到魚蟹白鷺要扣 1 秒,結算後有「荒謬換算」與可下載的成績卡。

狀態
公開網站
評分
3.8滿分 5
讚數
2原文
收錄日期
10/172026 年

點圖片可以放大看完整畫面。

點評

用遊戲操作「呼吸」與「體力」這兩個有限資源,讓玩家親身感受白海豚的處境,比一張資訊圖有說服力得多;打樁噪音會讓牠無法進食與呼吸、並提供「關閉閃爍」選項,是對光敏感玩家很貼心的細節。淨溪遊戲「漏掉的垃圾會流到海裡」的設計也很準確。要注意的是:白海豚那款帶有明確的倡議立場與具體事實宣稱(填海面積、剩餘數量),作者已註明為粉絲自製、資料有時效;另外,兩款的畫面細節看不到,仍需要真人實測操作手感。

3.8綜合評分,滿分 5
完成度
4
痛點真實
4
體驗設計
4
可持續
3

作品故事

為什麼做

作者想讓大家「用手指體驗淨溪(免曬太陽)跟白海豚生活的感覺」,並說玩白海豚時要記得「換氣」。白海豚遊戲聚焦台中港填海議題,頁面並呼應 8 月 31 日行政院前行動與連署;淨溪遊戲則掛荒野保護協會台中分會名義。

怎麼做出來的

兩款都用短網址分享(導向 GitHub Pages)。白海豚頁面標明是粉絲自製、非官方,資料整理於 2026 年 8 月,提醒後續進度以官方公告為準;淨溪遊戲顯示 2019 年 6 月至 2026 年 8 月累積 210 場以上淨溪、1.4 萬人次參與、23.92 公噸垃圾,說明遊戲會記錄遊玩統計但不蒐集個資。留言 2 讚。

技術細節

兩款都是 GitHub Pages 靜態網頁遊戲,以手機觸控為主;短網址服務為 lihi。

使用前留意白海豚遊戲含填海面積、剩餘數量等具體事實宣稱與倡議行動,資料有時效,作者已註明非官方。

連結

資訊

作者
@annyonetin
用途
學習與閱讀
領域
學習教育
狀態說明
公開網站:公開網站・免費(兩款)
原文日期
2026-09-14
來源
Threads
編號
No. 371

同樣是「學習與閱讀」