Veins x Random #2020022

Veins x Random #2020022

Veins的上一次大更新,还是2018年引入各种web特效呢:Web Front Effects - Veins.Design。 一晃都两年了,一直想试试引入基于Hash的头像生成和GenerativeArt的效果,却一直没下定决心。

2020年9月,ADM公众号更新了一条:Design as?人人皆是设计师!秋天里的第一份惊喜,来自ADM~

虽然上面提到了需要使用华为MatePad进行创作,但是,咱是为了活动而参与吗?No,咱是为了填坑啊~

资料篇

先玩起来/Demo

为了凸出效果,参考Web Effect部分,整个页面没有多余的header/footer,可以将生成的内容作为背景填充到整个页面。页面中间只放一个人物卡。

我在Lore上已经用了Robohash生成的头像,就先继续用它搭框架看看效果。不过,为了防止被玩坏,还是改写一下部署一个到自己的服务器上吧:taurenshaman/veins.skiasharp

很多GenerativeArt都是python+Processing,只需要用p5.js改写一下即可:taurenshaman/veins.p5

效果

知乎视频www.zhihu.com图标

试一下?

首页 - Veins.Designveins.design图标
爱发电 · 连接创作者与粉丝的会员制平台afdian.net图标

编辑于 10-10