在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的编辑器中运行,看到红绿灯的交替变换效果。