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

前天快睡了，有位传媒学院的朋友，给我转发链接，问我如何实现的，万物皆数 － 数字背后的隐喻《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);
}

大功告成！

于是心满意足地卸载，睡觉了~

.

.

.

Q&A

Q: 版本

A: processing-3.2.3，Java