第一個生成式作品 Colorful Mountain
之前上數位內容的另一堂JavaScript課老師有稍微講過p5.js,但經過這學期的課才知道p5.js可以做這麼多生成式作品,原來只會一些簡單的功能也可以做出成品 !
這周的作品是隨機生成不同顏色的山,所以取名Colorful Mountain。由於想使用上課教的random功能,在思考要做什麼時,洗澡的過程中(?)想到可以用三角形構成山,也因為我是花蓮人,想到山就想到花蓮,又想到今年的大地震,所以一開始想要隨機生成綿延的山後,再讓它有山崩滑落的效果。但由於技術不夠只做了前半段,隨機生成綿延的山。
我使用for迴圈從左至右生成三角形,重新讓新的點取代前個三角形的右邊點,後來想加陰影的效果變設定了一個位移量再畫一次一排三角形做出以下的效果。
後來覺得畫布的背景太空,就想要生成密密麻麻的直線當作背景,但這部分是我和Chatgpt一起做的....哈哈,也是使用for迴圈一條一條畫,因為我覺得跑的有點慢後來改成在兩側開始跑到中間合起來。接著再持續調整顏色就可以了! 我想要山在藍、綠、紫色的範圍所以有設定一下! 最終成果如下。
第一次做出成果很有成就感,在調整的過程中會越來越上癮,一整個晚上都在調整,想怎麼樣會更好,希望之後持續有這個熱情XD
OpenProcessing連結 openprocessing.org/s...