function setup() {
// 创建居中画布
var centerDiv = createDiv();
centerDiv.id('centerDiv');
centerDiv.style('text-align', 'center');
centerDiv.parent('app');
// 画布大小定义为 500x500 px
var app = createCanvas(500, 500);
app.parent('centerDiv');
// 设置画布背景颜色
background(200);
// 不进行draw函数循环
noLoop();
}
function draw(){
line(0, 1*50, 500, 1*50);
line(0, 2*50, 500, 2*50);
line(0, 3*50, 500, 3*50);
line(0, 4*50, 500, 4*50);
line(0, 5*50, 500, 5*50);
line(0, 6*50, 500, 6*50);
line(0, 7*50, 500, 7*50);
line(0, 8*50, 500, 8*50);
line(0, 9*50, 500, 9*50);
line(0, 10*50, 500, 10*50);
}
new p5();
对战游戏教程实例
p5.js | 对战小游戏