Skip to content

Creative Coding

Creating art and designed projects using code

  • Home
  • Helpful Links
  • Inspiration
  • Student Work

Syllabus

  • Week 01: Intro to Creative Coding and p5js
  • Week 02: Forms, Shapes and Variables
  • Week 03: Computational Color and Export
  • Week 04: Repetition, Decisions and Randomization
  • Week 05: Functions, Classes and Typography
  • Week 06: Data Visualization
  • Week 07: Midterm Presentation
  • Week 08: Kinetic Forms
  • Week 09: Drawing and Interaction (Mouse)
  • Week 10: Interaction and Image Import (Keyboard and Events)
  • Week 11: 3D
  • Week 12: Audio
  • Week 13: Computer Vision
  • Week 14: Final Presentation

Helpful Links

Online Tutorials
Dan Shiffman’s Coding Train YouTube Channel
Shiffbot (AI Chat Bot Chrome Extension)
Processing.org Tutorials
Learning Processing Tutorials
The Nature of Code
Computer Programming for the Total Beginner, by Dan Shiffman (Video Tutorials)
The Nature of Code, by Dan Shiffman (Video Tutorials)

p5js
p5js Getting Started
p5js Web Editor
p5js Downloadable Editor (deprecated)
p5js Reference Library
p5js Libraries
p5js Grid Overlay Example

Processing
Download Processing
How to use Processing
Processing Reference Library
Processing Libraries
Processing Example Sketches
More Processing Examples

Processing Books
Processing: A Programming Handbook for Visual Designers and Artists, by Casey Reas and Ben Fry
Learning Processing, by Dan Shiffman
Generative Design, by Hartmut Bohnacker, Benedikt Gross, Julia Laub, and Claudius Lazzeroni
The Nature of Code, by Dan Shiffman

Processing Online Tutorials
Getting Started with Processing
Processing Overview
Hello Processing with Dan Shiffman
Basic Coordinates and Shapes
Color and Processing
Strings and Text
Images and Pixel Manipulation
Data and Processing
Objects
3D

Other Visual Programming Languages / Frameworks
openFrameworks (C++)
Cinder (C++)
Pocode (C++)
ThreeJS (JavaScript / Web / 3D)
D3 (JavaScript / Web / Data Viz)
Corona SDK (Mobile Apps)

Grid Paper to Help Visualize X and Y Coordinates

Proudly powered by WordPress