Description

Introduction to creative coding, algorithmic drawing, and computational media. The lecture establishes the relationship between historical drawing theories (Kandinsky, Bauhaus) and procedural code structures (variables, coordinate space, loops, functions).

W01 — Intro and Scope

TODO

Accounts

Create accounts on:

Share the links and profile name on your board.

Create a board with your preferred name.

Tools

Code editor

Code repository

GitHub

Creative coding / live coding

Pratt AI tools

Open WebUI

Context

Learning and Help

p5.js Reference
ShiffBot Chrome Extension
Aesthetic Programming
Open WebUI
Google AI Studio
GitHub Copilot
The Whispering Earring — Scott Alexander
- read this modern morality tale

References + Inspiration

Process / drawing / visual systems

Programming / Historical References

These appeared together in the Miro frame exported as Frame 2.

Blackboard Notes

The PDF contains handwritten diagrams concerning angles / radians and image-to-canvas coordinate mapping. These remain visual material in the original board export rather than being reconstructed as prose.

Save canvas or animation

function keyReleased() {
  if (key === "s") {
    saveCanvas("mysketch.png");
  }
 
  if (key === "a") {
    saveFrames("myanim", "png", 5, 10);
  }
}

description	Introduction to computational media, visual grammar, and translating drawing into procedural algorithms.
tags	dda256, lecture, computational-drawing, visual-grammar, p5js

𓇣

≡

Lecture 01: Intro + Scope — Foundations of Computational Drawing