此为历史版本和 IPFS 入口查阅区,回到作品页
mkcu
IPFS 指纹 这是什么

作品指纹

p5.js

mkcu
·
·
小小記錄自己學習過程

這週對 p5.js 有了更深的認識,特別是在理解 setup 和 draw 這兩個 function 的用途和差異上有了更清楚的概念。以前在學習的過程中,我習慣把程式邏輯放在 setup 裡執行,所以程式運作通常只會執行一次就結束。但這次的練習讓我嘗試將程式放在 draw 中執行,才發現這個 function 是以每秒多次的頻率不斷循環運行的,這對程式設計的邏輯以及畫面呈現有很大的影響。

當我在 draw 中畫圖時,發現圖形會不斷地在原本的畫布上疊加,留下許多痕跡。為了解決這個問題,使用 background function 來覆蓋畫布,讓每一幀都看起來像是新的開始。例如在創造物件時, 我不太理解background function放置的位置,是重新理解整個運作概念才加深了我對 p5.js 的理解,這樣的設計不僅更了解動畫的原理,也掌握如何動態地調整畫面內容,有更多、信心去創作更多互動性和動態效果的作品。

這次只有小小記錄自己的學習心得,但還是要分享喜歡的句子:「當你閱人無數,遇過各式各樣的人,有時候就會感謝自己有個平凡的人生。」

CC BY-NC-ND 4.0 授权