手绘VS码绘（二）：动态图绘制(码绘使用Processing）

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

原创

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

49 ·

CC 4.0 BY-SA版权

文章标签：

#processing

本文探讨了动态图在手绘与码绘之间的差异，通过Processing实现动态图的绘制，展示了如何通过调整参数产生不同视觉效果。码绘提供了一种直观且富有创意的动态图创作方式，与手绘相比，它能通过简单的参数修改带来丰富的变化和惊喜。

上一篇文章我们讨论并实践了静态图在手绘和码绘的比较，这篇文章我们将继续讨论动态图在手绘和码绘的一些不同之处。
上课的时候老师讲过一个例子，首先让我们来看看这幅动图：
在这里插入图片描述
通过修改程序里的一些参数，我们可以得到许多不同的效果，十分有趣，所以我首先就仿照老师的这个例子的思想，做了一副动图，并对她的参数进行一系列的改变，使得这幅动图呈现出不同得效果。
在此之前，我们先来看看代码和最终的效果：

int num_side = 10;
float t=0.0;
float dt = 0.01;
float x=0;
float y=0;
float osc=0;
float radius = 0;
float rateRatio = 0.75;

void setup()
{
  size(1000,1000);
  fill(0); 
  
  radius = 0.5*width/float(num_side+1);
  frameRate(30);
}

void draw()
{
  t = t + dt;

  background(255);

  for(int i =0; i<num_side; i++)
  {
    for(int j =0; j<num_side; j++)
    {
      fill(0);
       x=float(j)/float(num_side);  
       y=float(i)/float(num_side);
       osc = radius*(sin(TWO_PI *(y+t))+ cos(TWO_PI *(x+t)));
       ellipse(2*(radius+i*radius),2*( radius+j*radius),osc,osc);
    }
  }

  for(int i =0; i<num_side; i++)
  {
    for(int j =0; j<num_side;