等等!等高线居然可以有非凡的艺术气质?!

作者:亚赛大人

原文地址:zhuanlan.zhihu.com/p/35235656

未经允许请勿转载,感谢您对作者版权的尊重。


万万没想到居然半个月,年更店主居然又带来新货了!

这次做的同样是一款抽象画风的背景生成器!专业一点可以叫它向量场迹线生成器:Perlin Noise(建议用电脑打开),通俗一点的可以称之为饱含艺术家气质的等高线,再具体一点可以说是现代梵高背景生成器,你说对不对?没错!

v2-6afb8ce250187368e4d6d5f0e767cc27_r.jpg

@Simon阿文 打卡背景就是用这个气质范泰斯迪克的工具生成的啦~~


这次的工具同样上手简单,无非就是线段的颜色、长度、数量、粗细和扭曲程度……当然实在觉得麻烦的话,贴心店主提供随机按钮,一键生成各种酷炫的线性图片。

2.gif

3.gif

还没入代码坑的你可能会好奇,为什么会出现这种看上去挺神奇效果?其实这只是利用了一种自然噪声生成算法 perlin noise,简单的讲它是一个变量,类似随机变量 random,但它没有 random 那么任性。

比如在(0,100)中范围取数,用 random 第一个点是 5,第二个点可能是 88,第三个点可能是 30,每次变化正如其名,十分随机任性;而用 perlin nosie,同样第一个点是 5,第二个点可能是 6,第三个点可能是 5.3,每一次变化范围幅度都比较小。

所以,通过利用 perlin noise 控制每一个点运动方向的变化,通过小幅度的运动,会产生比较自然的轨迹。

v2-d07df6b73c7e856881e5639b2e8cda9e_r.jpgv2-a2818fb2df3cb4ad840d94c48f0ef953_r.jpg

渐变模式

v2-4ef78e48db5cf250dab93d79d6108ec8_r.jpg

均分模式,左边为默认的黑白灰,中间为可调控的颜色,右边为中间的对比色


去吧,感受饱含艺术家气质的等高线(建议用电脑打开),下期见~


更多文章,欢迎访问 uicircle.club

微信公众号:uicircle

成为会员

UIcircle Member

Local Groups

UIcircle 会员

目前仅需 59 元即可加入我们

成为会员后,您可以

  • 加入所在城市的微信群
  • 免费参与各种线上活动、线下聚会
  • 其他会员福利,如周边礼物、软件折扣等

如有疑问,可以先 了解我们

加入我们