简明教程 Processing数组生成图形gif

最新推荐文章于 2024-06-04 09:56:08 发布

原创最新推荐文章于 2024-06-04 09:56:08 发布 · 5.3k 阅读

7 ·

CC 4.0 BY-SA版权

新媒体专栏收录该内容

1 篇文章

订阅专栏

本文介绍了使用Processing 3.2.3实现了一个名为“万物皆数”的视觉效果，通过简单的代码展示了数字背后隐喻的艺术形式。作者从一位朋友分享的作品获得灵感，使用Processing进行了复现，并提供了一份可运行的代码示例。

前天快睡了，有位传媒学院的朋友，给我转发链接，问我如何实现的，万物皆数－数字背后的隐喻《AIN － 0.1》。我一看，挺有意思的，以前本科也玩过vvvv，挺喜欢这种新媒体艺术相关的形式。
原作者效果实现得很完整，我就下了个processing模仿了一下其万物皆数的概念。后来才发现作者好像是用openframeworks写的，公众号里还有很多有意思的实用教程，原作者Github主页。

一、实现过程

本人代码如下，放入processing直接能跑，读者可以将其重写，i值存成数组，增强其可玩性。

int updatei = 0;
int pausei = 0;
int r = 30;
int R = 300;
int backcolor = 150;

void setup() {
  background(backcolor);
  size(500, 500);
}

void draw() {
  if (updatei==R)
  {
    updatei=0;
    background(backcolor);
  }  
  if(updatei%r==0)
  {
    if(pausei<r)
    {
      pausei++;
    }
    else
    {
      pausei=0;
      updatei++;
    }
  }else
  {
    updatei++;
  }
  stroke(255-updatei/r*10);
  noFill();
  ellipse(250, 250, updatei, updatei);  
}