“Greetings from p5.js 2.0: Animation, Interaction, and Typography in 2D and 3D” by Van Mossel and Kuksenok
Conference:
Experience Type(s):
Labs Type(s):
Title:
- Greetings from p5.js 2.0: Animation, Interaction, and Typography in 2D and 3D
Organizer(s)/Presenter(s):
Description:
p5.js is a free and open-source JavaScript library for creative coding that prioritizes access. As a “batteries-included” toolkit, p5.js is used worldwide for teaching, performance, installation, collaboration, and experimentation. In this lab, we introduce participants to graphics in p5.js by creating an interactive postcard with a mix of 2D and 3D elements. This walkthrough includes an introduction to code-based animation, parameterized visuals, mouse and touch interactivity, and screen reader support in p5.js. Additionally, we will demonstrate new features in the latest p5.js 2.0 release, including improvements to typography and support for authoring shaders in JavaScript. We use an interactive postcard as an example because it shows how easy it is to bring these different parts of the creative coding toolkit together to create not only sketches, but complete web-based interactive artworks and high-resolution exports. For technical artists and creative technologists, p5.js offers a unique level of variety and control.
