一堂课带你入门p5.js数字设计艺术的新世界，超炫酷的数字媒体艺术触手可及！

p5.js是一个JavaScript的函数库，它在制作之初就和Processing有同样的目标，就是让艺术家、设计师、教育工作者和编程初学者能够容易轻松地学习和使用程序设计。

01

P5.js是什么

交互艺术演示 from Daniel Shiffman

p5.js是一个对初学者非常友好的编程环境，是一款很容易入手的编程语言。学习p5.js也可以帮助你学习JavaScript，能够将制作出来的有创意，有趣的东西呈现在任何的浏览器上。当然还可以用它做很多事情，例如艺术创作、资料数据可视化、交互艺术等。

p5制作案例：

02

如何使用P5.js

p5.js可以在官网的页面上直接进行编辑。我们只需要注册一个账号，就可以随时编辑、查看和运行我们的代码。官方网址：https://p5js.org/

左边就是我们编写代码的界面，右侧就是效果呈现的地方。

我们也可以下载p5.js库，进行线下编辑。在P5.js官网，点击Download进入下载页面。

下载p5.js complete。

压缩包中包含P5.js库和一个空案例（empty-example），文件夹中有两个文件：sketch.js文件用于编写JavaScript代码，来控制最后的视觉效果。index.html用于在Chrome等浏览器中打开并显示sketch.js文件中的JavaScript代码运行结果。

03

如何快速入门P5

本周六UXD将在线上开设P5的课程，带同学们了解如何快速上手P5,用编程化的语言写出自己想要的交互艺术图像。

本次课程针对0基础的同学，尤其适合想要了解图示化编程的同学，以及对数字媒体感兴趣的同学。

 讲座时间 

12月5日 周六

PM 15:00-16:00

 主讲人 

Shizhe Sun

ECA 爱丁堡大学

Design Informatics

UXD常驻金牌导师🏅️

爱丁堡 Design Informatics专业，有跨专业申请经验与能力，专注于软硬件交互，致力于研究用户行为、挖掘用户痛点与提升用户体验，热爱分享设计与科技。希望通过设计、数据与新科技的手段，驱动创新，创造突破性产品。