Beginner’s Guide to Making Objects with Code #1: Drawing with Code (Pixel-based / Raster)

This hands-on workshop series introduces the fundamentals of programming (using JavaScript with p5.js) and algorithmic thinking through the lens of creating physical objects, both two-dimensional and three-dimensional. No prior experience in coding or digital fabrication is required. Participants are encouraged to bring their laptops and follow along.

The sessions are designed to be taken in sequence, building up from basic programming concepts to intermediate techniques. See full series below:

Session #1: Drawing with Code (Pixel-based / Raster)
We’ll start with the basics of p5.js (a JavaScript library for creative coding) and explore how to create custom generative designs using code. This session serves as a foundation for the later sessions.

Session #2: Cutting with Code (Path-based / Vector)
Learn how to design 2D grid patterns and vector graphics suitable for digital fabrication tools like laser cutters and vinyl cutters.

Session #3: Modeling with Code (Meshes / 3D)
Discover how to use code to generate 3D models ready for fabrication with 3D printers or other digital manufacturing tools.

All demos will be done using p5.js, but participants are welcome to apply the concepts using other programming tools they’re comfortable with.