My collection of creative coding resources, including books, inspirational projects, code repositories and tools.
The Nature of Code – A book series about simulating natural systems with code by Daniel Shiffman.
mattdesl/workshop-p5-intro – Intro to Creative Coding workshop with p5.js and Tone.js by Matt DesLauriers.
Frontend Masters: Canvas Master Course – Matt Deslauriers’ course Learn to use Canvas and WebGL with ThreeJS.
Designing Programs – a practical and pedagogical approach to programming, tailored for visual arts students by Mark Webster.
terkelg/awesome-creative-coding: Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.
Two.js – A two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.
React Three Fiber – React-three-fiber is a React renderer for three.js.
A-Frame – WebVR framework for building 3D/VR experiences.
rapier – 2D and 3D physics engines focused on performance.
pmndrs/react-three-rapier – Rapier physics for React Three Fiber.
mattdesl/canvas-sketch-util – Utilities for sketching in Canvas, WebGL and generative art
import chromeAtlasImage from ‘./creative-coding-resources/chrome-atlas.png’
“Chromatlas” is a generative art project that explores the aesthetics of scientific illustrations from the 18th and 19th centuries, commonly applied symbols, forms, and objects used in data visualization, as well as algorithms essential to generative art and creative coding.
import LeafNotesImage from ‘./creative-coding-resources/leaf-notes.jpg’
An Interactive Web Toy by Matt Deslauriers.