Generative Design: Visualize, Program, and Create with JavaScript in p5.jsGenerative 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. |
What people are saying - Write a review
We haven't found any reviews in the usual places.
Contents
11 | |
15 | |
17 | |
18 | |
20 | |
2017 Monotype | 23 |
2016 Nike Strike Series FA16 | 25 |
2016 VoxelChair v10 | 27 |
2016 Collide | 31 |
2017 Block Bills | 32 |
2015 Roads to Rome | 35 |
2015 Jller | 36 |
2016 Aerial Bold | 40 |
Basic Principles | 42 |
Appendix | 226 |
Other editions - View all
Common terms and phrases
angle array Arrow background(255 Ben Fry Bézier curves book’s brightness browser brushes calculated Casey Reas centerY character checkboxes Christian Schiller circle Clear canvas code editor Color palettes color values command coordinate system created defined diameter distance drawing canvas drawing mode drawMode drawn dumb agent elements emojis font outline fontSize function draw function setup graphic gray value grid gridX gridX++ gridY height Hello horizontal index.html int(random(0 interaction JavaScript letter loaded loop map(mouseY modulo operator mouse button mouse position mouseIsPressed mouseX moved newR parameters path pen tablet pendulum Perlin noise pixel pixel values posX posY Processing programming language random number random value randomly rectangle rotation saturation Save image Schwäbisch Gmünd sketch sliders sortMode speed stepSize stepX stepY structure SVG modules tileCount tileHeight tiles tileWidth toggle treemap variable vertical visual width Wirtschaftswunder writing position