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