--- title: Generative Art & Creative Coding description: Creative coding makes art with algorithms. You will learn p5.js and Processing, randomness and noise, generative systems, shaders and how to exhibit or sell generative work. category: arts-design subcategory: creative-arts difficulty: beginner, intermediate, advanced url: /subject/generative-art-and-creative-coding --- # Generative Art & Creative Coding Creative coding makes art with algorithms. You will learn p5.js and Processing, randomness and noise, generative systems, shaders and how to exhibit or sell generative work. ## Available Resources 2 Books • 1 Courses • 3 Websites ## Websites ### 1. Inigo Quilez: Computer Graphics Articles **Author:** Inigo Quilez Over a hundred technical articles on procedural graphics: signed distance functions for 2D and 3D primitives, raymarching, value and Voronoi noise, domain warping, fractals, analytic normals, lighting, and rendering within 4KB size limits. The natural next step after The Book of Shaders and the terminal reference for procedural rendering — primary derivations, not summaries. Code snippets are MIT licensed. **Difficulty:** Advanced | **Language:** English | **Price:** Free **Link:** https://iquilezles.org/articles/ **Tags:** signed-distance-functions, raymarching, procedural-noise, shaders, computer-graphics, fractals ### 2. Tyler Hobbs: Essays on Generative Art **Author:** Tyler Hobbs Twenty-five essays by the artist behind Fidenza on the craft of algorithmic art: flow fields, circle packing, triangle subdivision, probability distributions, random seeds, colour arrangement, simulated watercolour, plus the economics and reception of long-form generative work. Practitioner writing at a level no tutorial site reaches — each essay explains a technique and why it looks good, and several address selling and exhibiting long-form generative work directly. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://www.tylerxhobbs.com/words/categories/essays **Tags:** generative-art, flow-fields, algorithmic-art, color-theory, randomness ### 3. Generative Art with JavaScript and Canvas (Workshop) **Author:** Matt DesLauriers Matt DesLauriers's workshop materials covering the Canvas API, the canvas-sketch toolchain, seeded randomness, simplex noise, colour palettes, and exporting artwork at print resolution or as SVG for pen plotters. Includes exercises and a cheat sheet. One of the few resources covering production mechanics — deterministic seeds, high-resolution export, plotter output — which is exactly what is required for exhibiting or selling work. Repo dates from his 2018 workshops but the toolchain remains current. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://github.com/mattdesl/workshop-generative-art **Tags:** generative-art, javascript, html-canvas, canvas-sketch, pen-plotter, simplex-noise ## Books ### 1. Programming Design Systems **Author:** Rune Madsen A free digital book treating graphic design fundamentals as code: color models and perception, shape and geometry, typographic systems, grids, and transformations, each worked through p5.js examples the reader can edit in the browser. Fills the gap every self-taught generative artist hits: the code works but the output looks bad. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://programmingdesignsystems.com/ **Tags:** graphic-design, p5js, color-theory, typography, grid-systems, creative-coding ### 2. The Nature of Code **Author:** Daniel Shiffman The 2024 second edition, rebuilt around p5.js, simulates natural systems in code: vectors, forces, oscillation, particle systems, autonomous agents, physics libraries, cellular automata, fractals, genetic algorithms and neural networks. The book that turns someone who can draw a circle into someone who can build a generative system. No competitor covers noise, agents, autonomy and emergence with the same depth for an art audience. Full text readable free under Creative Commons. **Difficulty:** Intermediate | **Language:** English | **Price:** Paid **Link:** https://www.amazon.com/dp/1718503709?tag=edmonddante07-20 **Tags:** p5js, simulation, particle-systems, autonomous-agents, cellular-automata, creative-coding ## Courses ### 1. Code! Programming with p5.js **Author:** Daniel Shiffman Daniel Shiffman's 35-video introductory track covering variables, conditionals, loops, functions and objects entirely through drawing and animation in p5.js. Eight chapters, each with runnable code examples, exercises and community-submitted variations, hosted free alongside the videos. The single most-recommended entry point for creative coding, and unusually it teaches programming fundamentals rather than copy-paste sketches. **Difficulty:** Beginner | **Language:** English | **Price:** Free **Link:** https://thecodingtrain.com/tracks/code-programming-with-p5-js **Tags:** p5js, javascript, programming-fundamentals, creative-coding, animation --- *This content is part of Dantes.io - Your Treasure Map to Knowledge* *Curated by humans at Dantes.io. Personal study use welcome; republishing this curation requires permission (team@dantes.io).* View this page online: https://dantes.io/subject/generative-art-and-creative-coding