Creative Coding 2 — Computational Interaction

Draft copy — refine to taste. Screenshots of the lessons go in public/projects/; set cover: and list more under gallery:.

The brief

The sequel to Creative Coding 1, but pointed squarely at industrial and interaction designers rather than computer science. The goal: students design things that react — interactive objects, responsive environments, and AI-enhanced products — instead of learning algorithms for their own sake.

What I designed

• Curriculum — six modules from the sense–think–respond interaction loop, through generative form, physical computing (Arduino), spatial interaction, and AI systems, to speculative product futures.
• Hands-on lessons — every concept is a live, editable p5.js sketch. Hardware and AI are taught by simulating the sensor in p5 (the way studios prototype before wiring electronics), with the real Arduino/API code shown alongside.
• Self-learning scaffolding — each lesson pairs a practice exercise with a worked solution, a quiz, and an always-visible “stuck?” helper.
• Visual identity — the course’s layout, type, and colour system.

Outcome

A live, paid course built on a custom in-browser learning platform. Visit the live course above.