Generative design : visualize, program, and create with JavaScript in p5.js / Benedikt Gross, Hartmut Bohnacker, Julia Laub, Claudius Lazzeroni ; with contributions by Joey Lee and Niels Poldervaart ; translated by Marie Frohling.
Translation of Generative Gestaltung by Hartmut Bohnacker, Benedikt Gross, and Julia Laub and edited by Claudius Lazzeroni. Includes bibliographical references.
Contents:
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 ; Movement in a grid ; Complex modules in a grid ; Checkboxes in a grid ; From grid to moiré -- Agents : Dumb agents ; Intelligent agents ; Shapes from agents ; Growth structure from agents ; Structural density from agents ; Agents on a pendulum -- Drawing : Drawing with animated brushes ; Relation and distance in drawing ; Drawing with type ; Drawing with dynamic brushes ; Drawing with the pen tablet ; Drawing with complex modules ; Drawing with multiple brushes -- P.3. Type : Hello, type -- Text : Writing time-based text ; Text as blueprint ; Text image ; Text diagram -- Font outline : Dissolving the font outline ; Varying the font outline ; Font outline from agents ; Parallel font outlines ; Kinetic font -- P.4. Image : Hello, image -- Image cutouts : Image cutouts in a grid ; Feedback of image cutouts -- Image collection : Collage from image collection ; Time-based image collection -- Pixel values : Graphics from pixel values ; Type from pixel values ; Real-time pixel values ; Emojis from pixel values -- A. Appendix : Looking ahead -- Reflection.
Summary:
Generative design, once known 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-- Provided by publisher.
This resource is supported by the Institute of Museum and Library Services under the provisions of the Library Services and Technology Act as administered by State Library of Iowa.