@亚赛大人 :不知道大家有没有玩过水拓画,就是在加入特殊粘稠物的水里,再滴入一些颜料,然后用工具在上面画图,就可以生成奇妙的图案。
神器掘金人 @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年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
这么设计才好玩
已累计诞生 658 位幸运星
发表评论 已发布34条
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓