@亞賽大人 :不知道大家有沒有玩過水拓畫,就是在加入特殊粘稠物的水里,再滴入一些顏料,然后用工具在上面畫圖,就可以生成奇妙的圖案。
神器掘金人 @Simon_阿文 發(fā)現(xiàn)了一個(gè)線上「水拓畫」工具,也是一個(gè) WEBGL 工具:Fluid Simulation,流體模擬器,能一鍵生成不同粘稠程度的流體效果,根據(jù)參數(shù)的不同產(chǎn)生類似煙塵或者液化的神奇視效。
- 試玩地址:https://paveldogreat.github.io/WebGL-Fluid-Simulation/
- 作者主頁:https://twitter.com/PavelDoGreat
- Github:https://github.com/PavelDoGreat/WebGL-Fluid-Simulation
下面請進(jìn)入藝術(shù)家時(shí)間,用鼠標(biāo)隨便拖拽,就可以制作出超級液體。
和大多數(shù)工具一樣,F(xiàn)luid Simulation 提供了很多參數(shù)可產(chǎn)生千變?nèi)f化的效果。
比如調(diào)整「vorticity」的值,就可以改變漩渦的層次感。數(shù)字越小,柔化越明顯;數(shù)字越大,水墨/煙霧效果的層次感越強(qiáng)。
勾選「colorful」,鼠標(biāo)拖拽一次就可以生成連續(xù)色相的圖案。
若沒有勾選「colorful」,每次點(diǎn)擊就只會(huì)出現(xiàn)一種顏色。
這個(gè)工具還提供暫停功能,比如我們先勾選「paused」,那么畫面上畫的東西將靜止,一旦取消「paused」,你就可以看到?jīng)_散的液體效果了。
最值得一提的是,還能保存透明背景的 PNG,勾選「transparent」即可。手速慢沒關(guān)系,按下「P」按鍵就能讓流體驟停了,然后再點(diǎn)擊「take screenshot」,就可以保存圖片啦。
由于參數(shù)太多,其他就不一個(gè)個(gè)具體演示了。對于控制面板的陌生的單詞,我們可以用瀏覽器自帶的翻譯,當(dāng)然我也給你準(zhǔn)備了一份使用說明,供大家參考。
對了,這個(gè)工具還有 APP 版本,在手機(jī)上就可以制作各種好看炫酷的流體壁紙,和網(wǎng)頁版一樣,你也可以設(shè)置流體的顏色和辨識(shí)度、發(fā)光特效等等,通過色彩的混合和拉伸來制作出好看的手機(jī)壁紙。
除此之外,在 App 里你可以多點(diǎn)觸控,模擬出碰撞效果,甚至有壓力感應(yīng),建議大家可以體驗(yàn)一下。
最后,來看一下 @Simon_阿文 用這個(gè)工具做的打卡作品吧~
看到這個(gè),猶如置身在水族館,看著各種發(fā)光的水母。
如果再結(jié)合動(dòng)效,沖擊力增強(qiáng)百倍。
@嘉文錢 還推薦了另一個(gè)流體模擬器,試玩鏈接:https://www.yuichiroharai.com/experiments/fluid/
和第一個(gè)工具的 Fluid Simulate 一樣也可以調(diào)控參數(shù)。
不過生成效果后保存需要拼手速,在瀏覽器里右鍵保存為圖片。(建議使用 Chrome 瀏覽器)一張絲綢感的圖片就誕生了!
好啦,快去試玩這兩款流體模擬器吧!
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
AI輔助海報(bào)設(shè)計(jì)101例
已累計(jì)誕生 753 位幸運(yùn)星
發(fā)表評論 為下方 34 條評論點(diǎn)贊,解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓