p5中红绿灯编程怎么写

时间:2025-01-29 02:07:48 网络游戏

在P5.js中,你可以使用以下代码来创建一个简单的红绿灯模拟:

```javascript

let red = true;

function setup() {

createCanvas(400, 400);

// 设置帧率

frameRate(10);

}

function draw() {

background(220);

if (red) {

fill(255, 0, 0); // 红色

rect(100, 200, 200, 100); // 红灯矩形

} else if (!red && !yellow) {

fill(0, 255, 0); // 绿色

rect(100, 200, 200, 100); // 绿灯矩形

} else {

fill(255, 255, 0); // 黄色

rect(100, 200, 200, 100); // 黄灯矩形

}

// 切换灯的颜色

if (red) {

red = false;

} else if (!red && !yellow) {

red = true;

} else {

red = false;

yellow = true;

}

}

```

这段代码首先定义了一个布尔变量`red`来表示当前灯的颜色。在`setup`函数中,我们创建了一个画布并设置了帧率。在`draw`函数中,我们根据`red`变量的值来设置不同的颜色,并绘制一个矩形来表示灯。每次绘制后,我们会切换`red`和`yellow`变量的值来改变灯的颜色。

你可以将这段代码复制到P5.js的编辑器中运行,看到红绿灯的交替变换效果。