下面是一个使用P5.js编写的代码示例,绘制了五颜六色的线:

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);

  // 绘制五颜六色的线
  for (let i = 0; i < width; i += 20) {
    stroke(random(255), random(255), random(255));
    line(i, 0, i, height);
  }
}

这个代码中,我们使用了'setup()'函数设置画布大小,并使用'createCanvas()'函数创建了一个400x400像素的画布。然后,在'draw()'函数中,我们首先使用'background(220)'来设置背景色为灰色。

接下来,我们使用一个循环来绘制五颜六色的线。循环从0开始,每次增加20,直到达到画布的宽度。在循环中,我们使用'stroke()'函数设置线的颜色为随机的RGB值,然后使用'line()'函数绘制一条从当前循环变量的x坐标(i)到画布的底部的垂直线。

运行这段代码,你将会看到画布上绘制了一组五颜六色的垂直线。每次运行代码,线的颜色都将是不同的。


原文地址: https://www.cveoy.top/t/topic/ngFY 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录