這套基於網頁技術 (HTML5 + SVG) 的「細胞分裂動態模擬器」。
本模擬器分為【有絲分裂版】與【減數分裂版】，並將連續的分裂過程拆解為「離散的狀態（States）」，讓老師與學生可以透過「上一步 / 下一步」自由控制動畫節奏，仔細觀察每一個關鍵的生物學動態。
純數學幾何路徑版 (Pure Math Path Version) 🌟 (所有載具均可用)
視覺特色： 拔除所有濾鏡，利用精密計算的 Javascript 數學方程式直接畫出細胞膜的外框。當細胞分裂成獨立子細胞時，採用「瞬間斷開」的俐落切換。(瞬間斷開的視覺效果沒有之前版本好，所以有多加一個階段圖)
適用環境： 所有設備，「使用平板教學」的請使用這版本！
細胞分裂(有絲分裂)動畫模擬
https://teacherliya-hub.github.io/mitosis/
減數分裂動畫模擬
https://teacherliya-hub.github.io/meiosis/
原本比較流暢的版本僅適用於電腦與手機
SVG 融合濾鏡版 (Gooey Filter Version) 細胞的分裂模擬
視覺特色： 細胞分裂時，細胞膜會像水滴一樣有「牽絲、沾黏、最後自然斷裂」的極致物理流體感。
適用環境： 桌上型電腦、筆記型電腦、智慧型手機。
限制與風險： 濾鏡極度消耗 GPU 算圖資源。如果在大螢幕的平板電腦（如 iPad 或 Android 平板）上執行，加上 RWD 畫面放大，會超出平板瀏覽器的記憶體負荷，導致畫面出現恐怖的「黑色刮痕殘影（Ghosting Bug）」(如下圖)。
下面兩個棋盤方格就不多解釋了，我請Gemini設計，準備用在大屏投影上課跟讓學生練習用的。
棋盤方格互動操作
沒有留言:
張貼留言