 p5.js是一个JavaScript的函数库，它在制作之初就和Processing有同样的目标，就是让艺术家、设计师、教育工作者和编程初学者能够容易轻松地学习和使用程序设计。 01 P5.js是什么
p5.js是一个对初学者非常友好的编程环境，是一款很容易入手的编程语言。学习p5.js也可以帮助你学习JavaScript，能够将制作出来的有创意，有趣的东西呈现在任何的浏览器上。当然还可以用它做很多事情，例如艺术创作、资料数据可视化、交互艺术等。 p5制作案例：
02 如何使用P5.js p5.js可以在官网的页面上直接进行编辑。我们只需要注册一个账号，就可以随时编辑、查看和运行我们的代码。官方网址：https:///
左边就是我们编写代码的界面，右侧就是效果呈现的地方。
我们也可以下载p5.js库，进行线下编辑。在P5.js官网，点击Download进入下载页面。
下载p5.js complete。
压缩包中包含P5.js库和一个空案例（empty-example），文件夹中有两个文件：sketch.js文件用于编写JavaScript代码，来控制最后的视觉效果。index.html用于在Chrome等浏览器中打开并显示sketch.js文件中的JavaScript代码运行结果。
Shizhe Sun ECA 爱丁堡大学 Design Informatics UXD常驻金牌导师🏅️ 爱丁堡 Design Informatics专业，有跨专业申请经验与能力，专注于软硬件交互，致力于研究用户行为、挖掘用户痛点与提升用户体验，热爱分享设计与科技。希望通过设计、数据与新科技的手段，驱动创新，创造突破性产品。 |
|
|
