一堂课带你入门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代码运行结果。
Shizhe Sun
ECA 爱丁堡大学
Design Informatics
UXD常驻金牌导师🏅️
爱丁堡 Design Informatics专业,有跨专业申请经验与能力,专注于软硬件交互,致力于研究用户行为、挖掘用户痛点与提升用户体验,热爱分享设计与科技。希望通过设计、数据与新科技的手段,驱动创新,创造突破性产品。
赞 (0)