在p5.js中,可以使用嵌套的for循环来实现复制带有方形/角度螺旋的效果。下面是一个示例代码:
function setup() {
createCanvas(400, 400);
background(220);
noLoop();
}
function draw() {
let angle = 0;
let increment = 5;
let squareSize = 10;
let centerX = width / 2;
let centerY = height / 2;
for (let radius = 0; radius < width / 2; radius += squareSize) {
for (let i = 0; i < 360; i += increment) {
let x = centerX + cos(radians(i + angle)) * radius;
let y = centerY + sin(radians(i + angle)) * radius;
rect(x, y, squareSize, squareSize);
}
angle += 5; // 控制旋转角度
}
}
在这段代码中,我们使用了createCanvas()
函数创建一个400x400大小的画布,使用background()
函数设置背景颜色为灰色。noLoop()
函数用于禁用draw()函数的自动执行。
在draw()函数中,我们使用嵌套的for循环来绘制方形/角度螺旋。外部的for循环用于控制螺旋的半径,内部的for循环用于控制每个螺旋的角度。
在内部的for循环中,我们使用了cos()
和sin()
函数来计算每个方形的位置。cos()
和sin()
函数需要使用弧度作为参数,所以我们使用radians()
函数将角度转换为弧度。
最后,我们使用rect()
函数绘制每个方形,参数分别为方形的位置(x, y)和大小(squareSize, squareSize)。
你可以根据需要调整increment
变量来控制每次旋转的角度增量,squareSize
变量来控制方形的大小,以及angle
变量来控制螺旋的旋转角度。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云