《p5.js 与创意编程》开发环境的准备

我们的课程基于 p5.js 设计，p5.js 是一个基于 JavaScript 编程语言的创意编程库，它是 processing 在 web 网页端的实现。得益于 web 的开放特性，我们可以很方便地把我们 p5.js 的创意作品分享给他人。

在开始学习前，我们需要准备好一个可以上网的电脑，Windows 或者 Mac 都可以，电脑上需要安装最新的浏览器，比如谷歌浏览器、火狐浏览器、Safari 浏览器或者 Edge 浏览器。当然如果使用平板也是可以的，只是最好有一个外接的键盘，毕竟我们需要大量地输入代码程序。 有很多种使用 p5.js 的方法，以下是两种最方便快捷的方式：

1.1.1 使用 p5.js 的在线编辑器

打开浏览器，在浏览器地址栏中输入 https://editor.p5js.com，等页面打开后，我们就可以开始使用了。

我们可以看到整个页面分成了两块，左侧是一个代码输入区，右侧是一个运行预览区，顶部有两个按钮：一个是运行按钮，点击了后可以预览代码的效果，另一个是停止按钮，点击后会停止预览。

打开页面后，在代码输入区，默认就已经有了一个代码片段了，我们可以点击运行按钮，在预览区看看当前代码运行出来的结果。这段代码绘制了一个灰色的正方形，是不是很简单