Generative design: visualize, program, and create with JavaScript in p5.js

Generative design, once known only to insiders as a revolutionary method of creating artwork, models, and animations with programmed algorithms, has in recent years become a popular tool for designers. By using simple languages such as JavaScript in p5.js, artists and makers can create everything from interactive typography and textiles to 3D-printed furniture to complex and elegant infographics. This updated volume gives a jump-start on coding strategies, with step-by-step tutorials for creating visual experiments that explore the possibilities of color, form, typography, and images. Generative Design includes a gallery of all-new artwork from a range of international designers-fine art projects as well as commercial ones for Nike, Monotype, Dolby Laboratories, the musician Bjork, and others.

I. Introduction : Preface --Website -- Projects : Daily sketches / Zach Lieberman ; Planck / Takram ; Abstract / Bjørn Karmann, Julie Helles, Kristine Boesen ; Rottlace [for] Björk / MIT Media Matter Group, Christoph Bader, Dominik Kolb, Neri Oxman, Stratasys Ltd. ; Void VIII 01 / Andreas Nicholas Fischer ; Monotype : type reinvented / Field ; Nike Strike Series FA16 / Onformative ; VoxelChair v.1.0 / Manuel Jimenez García. Gilles Retsin. Nagami Design, Vicente Soler, ULC Design Computational Lab ; Collide: synaesthetic art installation / Onformative ; Black bills / Matthias Dörfelt ; Roads to Rome / Benedikt Groß, Philipp Schmitt, Raphael Reimann, moovel lab ; Jller / Benjamin Maus, Prokop Bartoníček ; Aerial bold / Benedikt Groß, Joey Lee -- P. Basic principles : P.0. Introduction to p5.js : p5js, JavaScript and Processing ; The development environment ; Language elements ; Programming beautifully -- P.1. Color : Hello, color -- Color spectrum : Color spectrum in a grid ; Color spectrum in a circle -- Color palettes ; Color palettes through interpolation ; Color palettes from images ; Color palettes from rules -- P.2. Shape : Hello, shape -- Grid : Alignment in a grid ; Movemen…