Generative Design: Visualize, Program, and Create with JavaScript in p5.js

Description

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. Cover Title Contents I: Introduction I.0 Preface I.1 Contents I.2 Website I.3 Projects 01: 2016/17 Daily Sketches 02: 2017 Planck 03: 2015 Abstract_ 04: 2016 Rottlace – Björk 05: 2016 V0ID VIII 01 06: 2017 Monotype: 07: 2016 Nike Strike Series FA16 08: 2016 VoxelChair v.1.0 09: 2016 Collide: 10: 2017 Block Bills 11: 2015 Roads to Rome 12: 2015 Jller 13: 2016 Aerial Bold P: Basic Principles P.0 Introduction to p5.js P.0.0 p5.js, JavaScript, and Processing P.0.1 The development environment P.0.2 Language elements P.0.3 Programming beautifully P.1 Color P.1.0 Hello, color P.1.1 Color spectrum P.1.1.1 Color spectrum in a grid P.1.1.2 Color spectrum in a circle P.1.2 Color palettes P.1.2.1 Color palettes through interpolation P.1.2.2 Color palettes from images P.1.2.3 Color palettes from rules P.2 Shape P.2.0 Hello, shape P.2.1 Grid P.2.1.1 Alignment in a grid P.2.1.2 Movement in a grid P.2.1.3 Complex modules in a grid P.2.1.4 Checkboxes in a grid P.2.1.5 From grid to moiré P.2.2 Agents P.2.2.1 Dumb agents P.2.2.2 Intelligent agents P.2.2.3 Shapes from agents P.2.2.4 Growth structure from agents P.2.2.5 Structural density from agents P.2.2.6 Agents on a pendulum P.2.3 Drawing P.2.3.1 Drawing with animated brushes P.2.3.2 Relation and distance in drawing P.2.3.3 Drawing with type P.2.3.4 Drawing with dynamic brushes P.2.3.5 Drawing with the pen tablet P.2.3.6 Drawing with complex modules P.2.3.7 Drawing with multiple brushes P.3 Type P.3.0 Hello, type P.3.1 Text P.3.1.1 Writing time- based text P.3.1.2 Text as blueprint P.3.1.3 Text image P.3.1.4 Text diagram P.3.2 Font outline P.3.2.1 Dissolving the font outline P.3.2.2 Varying the font outline P.3.2.3 Font outline from agents P.3.2.4 Parallel font outlines P.3.2.5 Kinetic font P.4 Image P.4.0 Hello, image P.4.1 Image cutouts P.4.1.1 Image cutouts in a grid P.4.1.2 Feedback of image cutouts P.4.2 Image collection P.4.2.1 Collage from image collection P.4.2.2 Time-based image collection P.4.3 Pixel values P.4.3.1 Graphics from pixel values P.4.3.2 Type from pixel values P.4.3.3 Real-time pixel values P.4.3.4 Emojis from pixel values A: Appendix A.1 Looking ahead A.2 Reflection A.3 Bibliography A.4 The authors A.5 We thank A.6 Copyright A.7 Farewll