粉紅渦蟲養殖場
國中生物會教到兩次渦蟲,一次在無性生殖,第二次在扁形動物。課堂上播放的影片總是讓學生一提到渦蟲就直呼「好可愛!」、紛紛說著想把牠「切一切」,甚至還有幾個學生興致勃勃地說好想帶回家養。
聽學生說了幾次之後,我就隨口應了一句:「那我弄個數位板的渦蟲給你們養吧!」
就像過去開發教學工具一樣,先在腦海中想好具體目標,接著透過 AI Agent 協作,這款療癒系的「數位渦蟲養殖場」就這麼來了!
線上連結:
https://chihhsiangchien.github.io/pinky-planarian/
數位渦蟲的技術與特色
這款養殖模擬器利用了物理模擬技術,呈現出渦蟲那種軟綿綿、四處游動的動態。在功能設計上可以進行餵食,觀察牠們長大,還可以切斷再生。
網頁支援 PWA (Progressive Web App) 技術。使用者可以像安裝手機 App 一樣,直接將這個網頁添加到手機的主畫面,隨時隨地開啟這個口袋渦蟲水族箱。
互動工具箱功能
系統的互動工具如下:
- 觀察: 好奇的渦蟲會受到吸引,主動游向你的滑鼠指標並盯著它看。
- 餵食: 投餵愛心形狀的食物,點擊後看著渦蟲慢慢將其吸收並逐漸長大。
- 魔法棒: 揮舞魔法棒切割渦蟲,牠們就會在畫面上即時分裂並展現再生能力。
- 逗弄: 游標直接接觸渦蟲時,可以真實地撥弄、干擾牠們的游動方向。
- 召喚: 點擊畫面任意空白處,可以發出訊號吸引全場的渦蟲聚集。
- 換水: 當背景逐漸變綠、代表水質惡化,渦蟲的活動力會隨之下降。此時必須趕快換水,否則渦蟲會開始萎縮。
- 療癒音訊: 背景搭配了即時合成的 3/4 拍音樂盒 BGM,並針對各項互動加入了清脆的特效音。