Seasons

110405065
·
(修改过)
·
IPFS
再戰雪花!

簡綱

上週雪花不能被好好展示,於是這週再戰,以飄落ㄉ物體為主題做了新的作品~

作品連結🔗:openprocessing.org/s...

影片剪輯展示🔗:youtu.be/FrWNC1VaTpU...

發想

書接上回,上禮拜做了應景的聖誕樹(X’mas Tree ),裡面用 noise 畫聖誕樹,並用 Object 繪製閃爍的燈泡以及飄落的雪花。一切在分開時都很好,然而最後要組合在一起時卻發現彩色ㄉ聖誕樹與飄落的雪花不可兼得⋯⋯於是最後只好放棄飄落的雪花QAQ。

這個禮拜我對於上週沒能成功用上的雪花還是念念不忘,於是我想做一個能用到飄落的雪花的作品,接著我就突然想起之前玩過的一款系列作遊戲「鏽湖」,裡面有一個畫面便是一座窗戶,玩家只要進行操作,窗戶外的天氣、季節就會改變。

我很喜歡那種在在窗前靜靜看著景色變換、時節輪替的感覺,剛好也可以應用到我想做的飄落物體,於是本週就決定以窗戶 / 季節為主題,做一個透過窗戶看四季的象徵物飄落的作品。

鏽湖遊戲畫面,雨天 / 夜晚 / 冬天

開始實作!

定好主題(其實這根本才是最困難的一環ㄅ⋯⋯)後,就馬上開始動工啦!首先先畫好需要的素材——窗戶。

畫了四款窗戶,希望有點鏽湖的fu(不造有沒有成功@@),所以刻意讓線條的抖動感比較明顯。

接著就是開始寫扣了~,這次作品的架構和之前的 I Have No Eye Deer 2 一樣,也是用一層蓋一層的方式來完成,先畫背景(窗外),再畫第二層底圖背景(牆壁),最後再蓋上窗戶。

分解示意圖(不過在做這段時其實還沒加入飄落物,是事後補拍ㄉ)

確認作品架構的邏輯沒問題後,便開始加入飄落物了!一開始我先直接拿上週的「*」字雪花用,很順利的成功了,不過總感覺米字雪花看起來有點掉漆,於是我便開始想,或許能把雪花換成圖片?

米字雪花,其實沒什麼問題,就是有點掉漆

於是乎我又畫了雪花圖片,並將 Snowflake 物件改成不是繪製「*」文字,而是重新 tint(以產生隨機顏色的雪花)並繪製圖片,然而,如果每次 draw()的時候都要把幾十個雪花都重新 tint 再畫出來,畫面會很卡,無法呈現出自然飄落的感覺。於是我換了一種方式,改成在 new 雪花時就先建立並儲存重新著色的雪花,每次 draw() 的時候就只需要繪出新雪花而不必再次 tint了!

確認好飄落物(Snowflake)的基礎程式沒有問題後,我便開始製作更多種類的飄落物,這次的主題是四季,雪花是冬天,我還缺少春、夏、秋的代表,於是我又再畫了花瓣(春)、竹葉(夏)以及落葉(秋),如此就湊齊四季了!

象徵四季ㄉ飄落物!

剩下的工作其實就很簡單了,只要把寫好的 Snowflake 建構函式複製再調整一下部分參數就好了~

到了收尾的階段,我也調整了一些細節的小地方,像是背景的顏色(原本很淡,有時會導致飄落物跟背景融一體、看不明顯,於是把顏色調深調暗了)、四季飄落物各自的垂直落下速度以及橫向飄移速度與幅度等等。

最後就鏘鏘!完成啦~

作品連結🔗:openprocessing.org/s...

影片剪輯展示🔗:youtu.be/FrWNC1VaTpU...(剪了一個配上鏽湖 bgm 《Family Tune》的版本,意外感覺蠻搭的)

(btw 在放上 OpenProcessing 後我覺得飄落速度看起來慢很多,於是把速度數值調高了,如果看起來覺得落太快的話可以拉到底看飄落物們的建構 function ,把被註解掉的原程式碼重新打開就好了~話說好像其實有可以讓讓程式根據執行器材的運行速度還什麼去調整顯示結果的功能,但我不會寫⋯⋯)

成品四宮格!(但還是請大家去看一下連結啦~~看看動態效果普利斯(。ì _ í。)

小結

這次的成品整體製作過程還蠻順利的(唯一遇到比較卡關的障礙可能是丟上 OpenProcessing 時一直跳 Error,超擔心以為要滑鐵盧了,結果新開一個檔案然後改成先上傳要用到的 files 再貼程式碼就沒事了@@),成品我也蠻喜歡的,有我預期中想要的那種閒適、靜靜地看著時間流轉的感覺,唯二的小遺憾可能是飄移路徑或許還可以寫的更貼近自然(感覺需要 hen 多數學ㄉ部分,改天一定⋯⋯)以及春夏或許可以替換成明亮一點的背景(但我又不太想要讓背景分成兩類來隨機@@),更有生機盎然ㄉ感覺!

Anyway,總之本週也是順利完成了!也推薦大家去玩鏽湖!真的很好玩,而且劇情也很好看~(不過有些劇情有點小獵奇,大家自行斟酌_(:_」∠)_)。

以上就是本週週記!大家下週見~~(期末加油!)

CC BY-NC-ND 4.0 授权

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