Processing教程：创建随机大小和位置的圆

使用Processing创建随机圆

本教程将教你如何使用Processing在画布的指定区域内创建随机大小和位置的圆。

1. 设置画布大小

首先，我们需要设置画布的大小。在setup()函数中，使用size()函数将画布设置为600像素宽，600像素高：

void setup() {
  size(600, 600);  // 设置画布大小为600x600
  background(255);  // 设置画布背景为白色
}

2. 绘制随机圆

接下来，在draw()函数中，我们将使用random()函数生成随机的x坐标、y坐标和直径，然后使用ellipse()函数绘制圆形：

void draw() {
  float x = random(200, 400);  // 在横向200到400之间生成随机x坐标
  float y = random(300, 600);  // 在纵向300到600之间生成随机y坐标
  float diameter = random(0, 80);  // 生成随机的圆的直径

  ellipse(x, y, diameter, diameter);  // 绘制圆形
}

代码解释：

random(200, 400)：生成一个介于200和400之间的随机浮点数，用于确定圆心的x坐标。
random(300, 600)：生成一个介于300和600之间的随机浮点数，用于确定圆心的y坐标。
random(0, 80)：生成一个介于0和80之间的随机浮点数，用于确定圆的直径。
ellipse(x, y, diameter, diameter)：绘制一个圆形，圆心位于(x, y)，宽度和高度都等于diameter。

3. 完整代码

以下是完整的Processing代码：

void setup() {
  size(600, 600);  // 设置画布大小为600x600
  background(255);  // 设置画布背景为白色
}

void draw() {
  float x = random(200, 400);  // 在横向200到400之间生成随机x坐标
  float y = random(300, 600);  // 在纵向300到600之间生成随机y坐标
  float diameter = random(0, 80);  // 生成随机的圆的直径

  ellipse(x, y, diameter, diameter);  // 绘制圆形
}

运行这段代码，你将在画布上看到不断出现随机大小和位置的圆。

总结

本教程介绍了如何使用Processing创建随机大小和位置的圆。你可以根据自己的需要修改代码，例如更改圆形的颜色、数量和生成范围等。希望这篇教程能帮助你入门Processing编程！