COD 207 Creative Coding I (2024-2025)

🔗 week 01 Introduction

  • Link to Survey
  • Introduction
  • Creative Coding?
  • Course Structure
  • Course Materials
  • Class Environment
Open Week 01

🔗 week 02 Computers & Programming

  • Programming, Coding & Programming Languages
  • Openprocessing Web App
  • P5JS Fundamentals
  • Hello World
  • Basic Shapes
  • Styling
  • Case Study: Abstraction
Open Week 02

🔗 week 03 Analyze & Reproduce

  • Drawing Order → Swap object back and forth
  • Styling → fill(), noStroke()
  • Computational Thinking Framework
  • Case Study: Piet Mondrian's artwroks
Open Week 03

🔗 week 04 Variables, Computational Thinking, Case Study

  • Styling Objects → `stroke()`, `noStroke()`, `noFill()`...
  • Variables → Why we need them?
  • Static vs. Dynamic values
  • Case Study: Transform position, size, and style many object using three variables.
  • Computational Thinking as a tool to generate algorithms
Open Week 04

🔗 week 05: Generative Art Paradigms: Randomness

  • What is Generative Art?
  • 50s Computer Art Scene → Computers and Automation Magazine
  • Deterministic & Stochastic Randomness
  • Randomness in Algorithmic (Generative) Art
  • Case Study: random() function to create variations
Open Week 05

🔗 week 06: Intelligence Through Conditionals & Loops

  • Logical Operators
  • If / Else Conditions
  • For Loops
  • Logic and Randomness
  • Combine randomness with conditionals
Open Week 06

🔗 week 07: Interaction

  • Fundamental computer interaction tools: Computer mouse & keyboard
  • Modify objects on the canvas via the user input
  • `mousePressed()` and `keyPressed()` functions
  • Make one of the sketches interactive
  • Generative Art Paradigms: Tesselation / Tiling
Open Week 07

🔗 week 08: Tesselations - Translation

  • Tesselations
  • Case Study: [Escher, Islamic Art](https://mymodernmet.com/tessellation-art/), Warhol, LeWitt,[Sébastien Truchet](https://en.wikipedia.org/wiki/Truchet_tiles)
  • [Wiki Page](https://en.wikipedia.org/wiki/Tessellation)
  • For Loops and Tessellation
  • Push, Pop, Translate, Rotate, Scale...
Open Week 08

🔗 week 09: Media

  • Import Image, sound and video
  • Case Study: Create generative collage
  • Arrays
Open Week 09

🔗 week 10: Typography

  • Display text on the canvas
  • text(), textSize(), textAlign(), loadFont()
  • Poster Design
  • Deconstruction / Reconstruction
  • Generative Typography
Open Week 10

week 11: Final Project Discussion

  • Prepare moodboard for the final project
  • Background information (Inspiration & Purpose)
  • Peer-discussions

week 12: Final Project Proposals

week 13: Final Project Reviews

week 14: Final Project Presentations