material & notes for a workshop on data artwork & creative coding
MIT License
A beginner workshop using p5.js and CodeSandbox
This repo contains the source code, exercises, and guides for my "Creative Coding & Data Artwork in the Browser" remote training course.
p5.js for graphics
CodeSandbox for collaborative code editing
Chrome or FireFox browser
(p5-template)
We'll start with the above template just to get familiar with p5.js. Browse the Exercises for more templates
See the ./assets folder for some of the files used in the exercises.
Cheat Sheets
JSON
Learning JavaScript
More links to generative art & creative coding:
Books
Dear Data by Giorgia Lupi and Stefanie Posavec
Designing Programs by Mark Webster
Generative Design by Benedikt Gro
Getting Started with p5.js by Lauren McCarthy
Computational Drawing Book by Carl Lostritto
Generative Art by Matt Pearson
Videos & Courses
Shirley Wu's Courses courses on data visualization
The Coding Train with Daniel Shiffman
Creative Coding with Canvas & WebGL My own course
Generative Art
Generative Artistry Tutorials & Podcast
Anders Hoff Writing on Generative Art
Tyler Hobbs Writing on Generative Art
My Blog Writing on Creative Coding & Generative Art
Math
Linear Interpolation Introduction to lerp
math-as-code A cheat sheet for mathematical notation in code form
Related Art Books & Zines
Circle, Square, Triangle by Bruno Munari
The ABCs of Triangle, Square, Circle: The Bauhaus and Design Theory by Ellen Lupton
Graphic Design Manual: Principles and Practice by Armin Hofmann
Analog Algorithm by Christoph Grnberger
Communities
#plottertwitter, #generative, #webgl and similar hashtags on Twitter, Instagram etc.
More Tools
canvas-sketch A framework for creative coding and generative art in JavaScript
More Resources
MIT, see LICENSE.md for details.