cover

Veins x Random #2020022

A

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

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

https://ssimg.frontenduse.top/article/2020/10/13/645ff1a21903fe49b0d8185ebddc091c.jpg

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

资料篇

  • Generative Art
  • Hash based Images
    • Cat:
      • https://alexwohlbruck.github.io/cat-facts/
      • https://docs.thecatapi.com/
      • https://http.cat/
      • https://aws.random.cat/meow
    • Dog:
      • https://dog.ceo/dog-api/
      • https://random.dog/woof.json
    • Fox:
      • https://randomfox.ca/floof/
    • Goat:
      • https://placegoat.com/
    • Robot:
      • https://github.com/e1ven/Robohash
    • Others:
      • http://apiv3.iucnredlist.org/api/v3/docs
      • https://github.com/movebank/movebank-api-doc
      • https://www.petfinder.com/developers/v2/docs/
      • https://userguide.rescuegroups.org/display/APIDG/API+Developers+Guide+Home
      • http://shibe.online/

先玩起来/Demo

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

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

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

https://ssimg.frontenduse.top/article/2020/10/13/1306c059eeb23665ba552a5a2b6ee56d.jpg

https://ssimg.frontenduse.top/article/2020/10/13/e2a3caf40e6be2837227bbd55da501f5.jpg

https://ssimg.frontenduse.top/article/2020/10/13/f1b81eb6de783d6e0d1721c30b9c6829.jpg

https://ssimg.frontenduse.top/article/2020/10/13/e484407bef99d65c3a00b3462e1ade3b.jpg

https://ssimg.frontenduse.top/article/2020/10/13/cae1218067853b3bfc03b738d0b921bb.jpg

https://ssimg.frontenduse.top/article/2020/10/13/dc0d50e9d508b7e1a5f8dff777dba0f6.jpg

https://ssimg.frontenduse.top/article/2020/10/13/ba7be3008e82d1e049e5de648e6b96a8.jpg

https://ssimg.frontenduse.top/article/2020/10/13/536623d9fa88fa0005c9fc798017bcfb.jpg

https://ssimg.frontenduse.top/article/2020/10/13/69224818d7c74c2c45feaffa9add4795.jpg

最终效果

如果不方便翻墙,可以在知乎浏览。


如果喜欢,欢迎支持哦:爱发电

本文发布于瞬matataki, 本文使用 知识共享 署名 4.0 协议 请遵守协议许可进行转载

免责声明:本文由用户「堆烟雷云纹」上传发布,内容为作者独立观点。不代表瞬Matataki立场,不构成投资建议,请谨慎对待。

Loading...
Price:
暂无价格
简 介:

Nothing

已持有:

0

喜欢就打赏Fan票吧~

avatar
0/500
评论0 打赏0