c4a

product • creative coding • interaction
clients: my peers

challenge

the fear of a blank coding window is one of the biggest barriers designers face when entering the world of programming. while there are many great existing resources online, i wanted a resource for myself and my colleagues that most effectively pairs function with friendliness.

concept

the c4a starter kit is a tool to learn creative coding. this kit offers a quick entry point into the sometimes abstract or intimidating world of coding through small packets of code. these packets generate simple visuals that can be expanded on, layered, and customized.

i plan for this kit to be built out more in the future by myself and the open-source community.

deliverable

this starter kit acts like a library for p5.js (a programming language written for artists and designers). c4a consists of small packets of prewritten p5.js code that can be used for our p5.js projects. it lives alongside an interactive reference page that finds 1 of the 146 functions based on your needs.

interactive reference page

here’s the live reference page.

use the function finder menu to start.