2026.09.02
這不是 p5,而是一隻「有骨架、有物理」的小烏龜:身體由十幾個用 SVG 群組標記的關節組成(殼、頭、四肢、尾巴、眼皮、瞳孔),一個小小的力學模擬器用「彈簧-阻尼」模型驅動每一塊,划水、甩尾、眨眼、打哈欠都來自同一套運動學。
牠會在池塘裡自在地巡航:每隻龜都有隨機生成的「基因組」決定長相(殼型、花紋、色系、性格)與動作的節奏(慵懶的龜划得慢,活潑的龜划得又快又猛)。偶爾會發力衝刺一小段,路徑夾雜雜訊漫遊,所以牠不會僵硬的游直線,而是帶點笨拙的可愛。
場景本身也是活的:池塘底部有倒映的棲地水影,水面上漂浮著三團柔和的 bokeh 光暈、一圈一圈暈開的水波,營造午後水池的靜謐。這支是 AI 幫我寫的完整實作(原本是一整個可領養、可互動的「龜龜世界」專案),我把它裡面的「小池塘」這一塊抽出來改寫成 React 組件接進網站。
全螢幕版(移動滑鼠,牠的瞳孔會跟著你看──明明只是幾顆小圓圈,卻像真的有靈魂一樣)。