為了練習而練習

Beru
·
·
IPFS
寫程式像是在畫畫,筆刷就是那些公式和函數

最近這週,我沉迷於 p5.js 的世界,學習怎麼用它來做動畫,甚至還試著錄製作品,結果意外收穫了一堆新技能!而且,AI 真的是我的救命工具,幫我解決各種技術問題,還給了很多靈感。忍不住想分享一下我的作品。

一開始,我想做一個流動水波效果的動畫,靠粒子隨著噪聲流場的運動來實現。畫面慢慢生成時,那些像是隨風漂移的粒子,就像有生命一樣,真的很療癒!但在邊界處理和流場計算上遇到不少麻煩,幸好 AI 提醒我要優化粒子邏輯,結果畫面瞬間變得超順暢,細看時覺得特別有質感。

然後我學會了用 CCapture.js 把動畫錄下來的時候,真的有種「作品終於成型」的感覺!AI 教了我怎麼設置幀率(60fps)和錄製長度(10秒),還順手解決了錄製邏輯的問題。看著錄製完成的影片,覺得好像每幀都是一幅畫。

前幾次調整完的成品
最後的成品-1
最後的成品-2

有些技術問題一度讓我覺得很頭大,比如怎麼在錄製時控制開始和停止,還有流場隨機性的調整。結果 AI 用幾句話就幫我解開了,還建議我調噪聲函數來讓粒子的軌跡更自然,有時候會不禁感嘆,寫程式像是在畫畫,筆刷就是那些公式和函數。

現在我不只會做簡單的動畫,還想嘗試更有挑戰性的東西,比如加點互動功能,讓使用者點擊時,粒子會隨之改變運動方向,甚至生成新的視覺效果。還有,我也很想試試高分辨率輸出,讓這些作品不只是小畫布上的視覺享受,還可以變成展示在大螢幕上的藝術品!

CC BY-NC-ND 4.0 授权

喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!