Processing(2) - 练习

最新推荐文章于 2023-05-22 13:42:15 发布

losacii

最新推荐文章于 2023-05-22 13:42:15 发布

阅读量3.8k

点赞数 2

分类专栏： Processing Language

本文链接：https://blog.csdn.net/Losacii/article/details/48176215

版权

本文通过四个实例介绍Processing的动画制作，包括颜色循环、鼠标互动和正弦动画，展示了如何利用函数和循环实现动态视觉效果。未来将结合数组进一步优化程序。

摘要由CSDN通过智能技术生成

程序的基本结构：

void setup()
{
    size(640,220);
    background(60);
}
void draw()
{
    line(p1x,p1y,p2x,p2y);
}
void mousePressed()
{
    // do something
}

实例1：下面做一个看起还算酷的动画程序，循环红绿蓝的256色；

void setup()
{
    size(960,544);
    strokeWeight(0);
    background(20);
    fill(0);
    frameRate(16);
}

int X = 960 / 16;
int Y = 544 / 16;
int x = 0;
int y = 0;

int f1 = 0;
int f2 = 0;
int f3 = 0;

void colorArgumentsUpdate()
{
  if(f1 >= 255)
  {
     f1 = 0;
     f2 += 12;
     if(f2 >= 255)
     {
         f2 = 0;
         f3 += 12;
         if(f3 >= 255)
         {
            f3 = 0;
         }
     }
  }
}
void positionArgumentsUpdate()
{
    if (x >= 960)
    {
      x = 0;
      y += Y;
      if(y >= 540)
        {
         y = 0;
         fill(0);
         rect(x,y,width,height);
        }
    }
}
void draw()
{
    colorArgumentsUpdate();
    positionArgumentsUpdate();
    fill(f1,f2,f3);
    rect(x,y,X,Y);
    x += X;
    f1 += 16;
}

这个例子，用两个函数来计算当前画图的位置参数，和颜色参数，算是对函数的一次应用。

每次向下的纵坐标到达边界时，在屏幕上立即画一个充满屏幕的矩形，达成刷新屏幕的功能；