Processing 教程(1) - 基本绘图、变量、随机变量

  黑体，14号字；

  昨天算是初步介绍，今天开始系统地，从教基础的内容学习！

  打开Processing,在菜单栏点击“帮助”“参考文档”即可打开一个学习文档。

  

  在文档中查看详细的各种函数等功能介绍。

  

  实例001：

size(640,360);
line(80,100,350,300);

stroke(255,0,0);
strokeWeight(5);
line(80,300,600,80);

 说明:

1.size(Width,Height)---> 设置屏幕的宽和高；每一条语句末尾的分号不能省略；

2.line(X1,Y1,X2,Y2)---> 画一条线段；

3.stroke(COLOUR)---> 线条颜色

4.strokeWeight() --> 线条粗细

5.类似这些都可以在上述“参考文档”中查看详细介绍；

6.background(255,0,0)设置背景色为红色；

7.fill(0,0,255)填充内部为纯蓝色；

8.save("C:\\testpde.png");---> 把程序的图片保存为图片，放在一个目录里；

执行结果：

实例2：鼠标画线程序

void setup()
{   
  size(640,220);
}

void draw()
{
  line(pmouseX, pmouseY,mouseX, mouseY);
  strokeWeight(6);
  stroke(255,0,0);
}

说明：

1. 关键语句： 

line(pmouseX,pmouseY,mouseX,mouseY);

是鼠标之前坐标和当前坐标；

执行结果如下：

实例3：变量介绍

int posX = 0;
float strokeW = 1;
int color_R = 255;
int color_B = 0;      //定义坐标，粗细，颜色值2个，共计4个变量；

void setup()
{   
  size(640,220); 
  background(0);
}

void draw()
{
  line(posX,5,posX,600);
  strokeWeight(strokeW);
  stroke(color_R,0,color_B);
  
  posX = posX + 10;  //变量改变
  strokeW += 0.2;    //
  color_R -= 3;
  color_B += 3;
}

说明：

1.定义变量时，必须指明变量类型；

2.随着红色值color_R的减小，和蓝色值color_B的增加，红色逐渐变成蓝色；

执行结果：

实例3.2：介绍random(),random(0,1080)产生一个 0 - 1080 之间的浮点数，利用它来产生随机的坐标和颜色，用来绘图：

int posX;
float strokeW = 20;
int color_R;
int color_B;

void setup()
{   
  size(640,220); 
  background(0);
}

void draw()
{
  posX = int(random(0,640));     // Generate a random positon X.
  line(posX,5,posX,600);
  
  strokeWeight(strokeW);
  stroke(int(random(0,255)),
         int(random(0,255)),
         int(random(0,255)));    // A random color.
}

执行结果：

本次学习就到这里吧！ 附加一个问题，将来找到答案了前来回答。下次再见！

问题：怎样设置窗口刷新的频率？（关键词：Frame Per Second）

答：___________________________________________________________________________.