p5.js入门学习-注释与语句

78 阅读1分钟

在p5js中,最常见的元素就是语句,而语句的末尾必须跟着一个英文状态下的分号;作为结束符。

function setup() {
   createCanvas(710, 400);
}
function draw() {
   background(204, 153, 0);
}
new p5();

可以看到在createCanvas以及background语句的最后都有一个结束符。

既然你想要开始学习编程,还有一个必须要注意的就是学会使用注释,不要觉得自己能够看懂,就不想写了,可以很明确的告诉大家,即使是乐述云享的开发大神,也会花时间为代码添加注释,这不仅仅是一个习惯,更是后续快速查阅代码/供其他同事查阅的利器。

注释的使用非常简单,只需要在注释前面添加两根斜杠即可//

// 创建画布函数是为了告诉计算机要在浏览器中创建多大的画布。
function setup() {
   createCanvas(710, 400);
}
// 背景颜色函数是告诉计算机刚才创建的画布以何种颜色展示给用户
function draw() {
   background(204, 153, 0);
}
new p5();

当然备注不用每次都写得这么详细,能够起到提示的作用即可,我们一起来看一下最终效果。

image.png