一堂课带你入门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专业,有跨专业申请经验与能力,专注于软硬件交互,致力于研究用户行为、挖掘用户痛点与提升用户体验,热爱分享设计与科技。希望通过设计、数据与新科技的手段,驱动创新,创造突破性产品。

(0)

相关推荐