【夜色霓虹】用function取代迴圈包覆迴圈,提高易讀性

今天發芽了嗎🌱
·
(修改过)
·
IPFS
·
老師教了一點幾何計算能力,但我須要讓腦袋冷靜一下

這週老師教了仿造藝術家 Vera Molnar 風格,讓方塊由規整變雜亂地疊加的作品創作方式。

這周主要概念是使用自定義的function取代迴圈中的迴圈,提高程式碼的易讀性。

不過我在老師已教完方塊疊加,但還沒教到怎麼讓線條變亂之前,就在下課期間心血來潮地在遞迴時的每個循環除了方塊再加上圓圈,覺得效果也蠻有趣的!於是就再加上色彩變成下面的樣子。

色彩的部分我用了前一周教到的HBS色彩,就比起創作【心晴之雨】時使用RBG更能讓色相隨機而創造出顏色大幅改變的效果。

花花綠綠的方塊圓形們,拼起來我自己覺得好像有一點地毯的感覺

後來嘗試了讓每圈的色彩明度漸變,就變成下面的作品啦!

我覺得深色下看起來密集交疊的線條呈現出像是光芒輻射出來的樣子很有趣!這週的作品就誕生了~~

二版覺得很像霓虹色的探照燈

【本週作品】夜色霓虹:https://openprocessing.org/sketch/2741092

後面的課堂老師教我們不直接用p5.js的rect()來畫方形,而是用方型的四個點各自連線,方便創造出扭曲的效果,但是計算每個座標應該在哪裡、彼此如何相連、如何位移扭曲的部分搞得我有點頭大。雖然老師在一陣嘗試後計算出來給我們了但我那個時候還沉浸在做作品,正在分心調顏色,一個沒注意就跟丟了,後面試圖去讀老師程式的時候有點痛苦......

學到教訓了QAQ

CC BY-NC-ND 4.0 授权
已推荐到频道:创作・小说

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