张春成

V2

2022/05/18阅读:16主题:默认主题

瞎画的艺术

瞎画的艺术

数据科学往往能在不经意间诞生艺术创作。

但这个过程可能有点过于不走心了,所以称为瞎画的艺术。


聚合概念的表达

简单来说,这个创意来自于一种前端的工程实现,它用一种十分有感染力的方法表示某一个东西,或者某一个概念,是由无数小的原子聚合而成的。

  • 那么首先要有一堆散点,这堆散点中的每个点代表一个原子,它们一开始的位置是随机的、散碎的。
  • 而随着某个聚合过程的进行,它们逐渐靠拢,形成一个庞大的族群。

本文就是这样一个 DEMO,说明这样的动态效果如何绘制

https://observablehq.com/@listenzcc/art-mesh-with-interactive-html-canvas

前端样例

我们把这个过程拆解来看,

  • 首先它是这个样子的,世界上什么都没有

    Step-0
    Step-0

    Step-0

  • 慢慢地,开始有了一些原子点,它们十分松散和模糊

    Step-1
    Step-1

    Step-1

  • 再过一段时间,它们开始继续聚集,并且有了一点形状

    Step-2
    Step-2

    Step-2

  • 其中的原子也开始分化,开始有了分工

    Step-3
    Step-3

    Step-3

  • 最后,一个有机的整体诞生了

    Step-4
    Step-4

    Step-4

总结来说,整个系统就是朝着一个虚拟的目标在演化

Steps
Steps

Steps

动态绘图

而如果把这个动态过程画出来,就成了下面的样子

Art mesh with Interactive HTML Canvas / Chuncheng / Observable (observablehq.com)
Art mesh with Interactive HTML Canvas / Chuncheng / Observable (observablehq.com)

Art mesh with Interactive HTML Canvas / Chuncheng / Observable (observablehq.com)

图中的线就代表原子点的轨迹线,说明了它们是如何一步一步形成了最后的整体。

分类:

后端

标签:

后端

作者介绍

张春成
V2