p5.js是一个用于创造性编码的javascript库。它是以processing 为基础的，是一种创造性的编码环境。它最初是由ben fry和casey reas开发的。processing 的主要重点是使初学者尽可能容易地学习如何编写交互式、图形化的应用程序，通过可视化使编程语言更加友好。

使用JavaScript编程语言的优势在于其广泛的可用性和无处不在的支持:每个web浏览器都内置了JavaScript解释器，这意味着p5.js程序可以在任何web浏览器中运行。

此外，Processing是一种语言，它强调程序员快速创建软件原型的可行性，以尝试一个新想法或查看某个东西是否有效。因此，Processing(和p5.js)程序通常称为“草图”。

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

p5.js和JavaScript的区别?

JavaScript是一种核心语言，它提供了在浏览器中构建任何功能的所有特性。它可以使用循环，函数，条件，DOM操作，事件，画布等。因此，可以通过使用它来开发和设计任何框架。

p5.js是一个JavaScript库。p5.js运行在纯JavaScript上，提供了一些功能，使得JavaScript用户可以很简单的在web上绘制。

例子：

function setup() {   createCanvas(400, 400); //画布大小400*400 }   function draw() {   background('blue'); //背景颜色蓝色 }

输出：

setup():它是setup()函数中的语句。它在程序开始时执行一次。createCanvas必须是第一个语句。

draw(): draw()中的语句将被执行，直到程序停止。每个语句都是按顺序执行的，在读取最后一行之后，将再次执行第一行。

p5.js官网：https://p5js.org/