@亚赛大人 ：不知道大家有没有玩过水拓画，就是在加入特殊粘稠物的水里，再滴入一些颜料，然后用工具在上面画图，就可以生成奇妙的图案。

神器掘金人 @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 浏览器）一张丝绸感的图片就诞生了！

好啦，快去试玩这两款流体模拟器吧！

作者： 亚赛大人