p5.js 简介

p5.js 是一个用于创意编码的 JavaScript 库。它基于Processing，这是一个创造性的编码环境。处理的主要重点是使初学者尽可能容易地学习如何编写交互式图形应用程序，通过可视化使编程语言对用户更加友好。
使用 JavaScript 编程语言的优势在于其广泛的可用性和无处不在的支持：每个 Web 浏览器都内置了 JavaScript 解释器，这意味着 p5.js 程序可以在任何 Web 浏览器上运行。
此外，Processing 是一种强调程序员快速创建软件原型、尝试新想法或查看是否可行的可行性的语言。因此，Processing（和 p5.js）程序通常被称为“草图”。

首选编辑器p5.js 的官方文档建议使用 Bracket 或 Sublime，然后包含 JavaScript 文件，最终引导我们像任何其他编程语言一样工作。但是在线 p5.js 网页编辑器是最好的选择。它基于基于 Web 的编程环境。

P5.js 和 JavaScript 的区别？
JavaScript 是一种核心语言，它提供了在浏览器中构建任何功能的所有功能。它可以使用循环、函数、条件、DOM 操作、事件、画布等。因此，可以使用它来开发和设计任何框架。
p5.js 是一个 JavaScript 库。 P5.js 在纯 JavaScript 上运行，提供了一些功能，使 JavaScript 用户生活易于在 Web 中绘制。例子：

function setup() {
  createCanvas(400, 400); //Canvas size 400*400
}
  
function draw() {
  background('blue'); //background color blue
}

输出：

setup()：就是 setup()函数中的语句。它在程序开始时执行一次。 createCanvas 必须是第一条语句。
draw()：draw()中的语句一直执行到程序停止。每条语句按顺序执行，读完最后一行后，再次执行第一行。

参考： https://p5js.org/

学分：
• Lauren McCarthy（p5.js 的创建者）

• Cassie Tarakajian（p5.js 网页编辑器的创建者）