What do you think?
Rate this book
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.
255 pages, Paperback
Published October 30, 2018
Ratings & Reviews
Friends & Following
Create a free account to discover what your friends think of this book!
Community Reviews
Displaying 1 of 1 review
December 10, 2020
Questo libro spiega come creare visualizzazioni artistiche utilizzando il linguaggio di programmazione p5 (che sarebbe il linguaggio Processing ma pensato per il web).
Il libro di per sé non è niente di speciale. La parte interessante riguarda il codice liberamente accessibile (che trovate qui) che viene usato per trattare i vari capitoli (Colore, Forma, Tipografia, Immagine).
Le creazioni che preferisco:
Forma:
- http://www.generative-gestaltung.de/2... prende un video e lo converte in check-box accesi e spenti, in base al valore dei pixel.
- http://www.generative-gestaltung.de/2... un agente viene usato per create linee rette colorate. Ogni volta che l’agente interseca la linea, la sua direzione cambia.
- http://www.generative-gestaltung.de/2... genera una sorta di struttura organica.
- http://www.generative-gestaltung.de/2... riempie lo spazio con cerchi o immagini in formato vettoriale.
Tipografia:
- http://www.generative-gestaltung.de/2... traduce i caratteri in input in elementi grafici.
- http://www.generative-gestaltung.de/2... traduce i caratteri in input in elementi grafici di una mappa.
- http://www.generative-gestaltung.de/2... i caratteri sono rappresentati con curve parametriche e agenti che si muovono.
- http://www.generative-gestaltung.de/2... ordina le parole di un testo.
- http://www.generative-gestaltung.de/2... un testo viene generato seguendo il puntatore del mouse.
Immagine:
- http://www.generative-gestaltung.de/2... un/ immagine ricreata usando i caratteri.
- http://www.generative-gestaltung.de/2... agenti creano linee seguendo una funzione di rumore.
- http://www.generative-gestaltung.de/2... agenti generati a caso creano punti.
- http://www.generative-gestaltung.de/2... genera un collage di immagini.
Altro:
- http://www.generative-gestaltung.de/2... un grafo con forze applicate ai nodi.
Il libro di per sé non è niente di speciale. La parte interessante riguarda il codice liberamente accessibile (che trovate qui) che viene usato per trattare i vari capitoli (Colore, Forma, Tipografia, Immagine).
Le creazioni che preferisco:
Forma:
- http://www.generative-gestaltung.de/2... prende un video e lo converte in check-box accesi e spenti, in base al valore dei pixel.
- http://www.generative-gestaltung.de/2... un agente viene usato per create linee rette colorate. Ogni volta che l’agente interseca la linea, la sua direzione cambia.
- http://www.generative-gestaltung.de/2... genera una sorta di struttura organica.
- http://www.generative-gestaltung.de/2... riempie lo spazio con cerchi o immagini in formato vettoriale.
Tipografia:
- http://www.generative-gestaltung.de/2... traduce i caratteri in input in elementi grafici.
- http://www.generative-gestaltung.de/2... traduce i caratteri in input in elementi grafici di una mappa.
- http://www.generative-gestaltung.de/2... i caratteri sono rappresentati con curve parametriche e agenti che si muovono.
- http://www.generative-gestaltung.de/2... ordina le parole di un testo.
- http://www.generative-gestaltung.de/2... un testo viene generato seguendo il puntatore del mouse.
Immagine:
- http://www.generative-gestaltung.de/2... un/ immagine ricreata usando i caratteri.
- http://www.generative-gestaltung.de/2... agenti creano linee seguendo una funzione di rumore.
- http://www.generative-gestaltung.de/2... agenti generati a caso creano punti.
- http://www.generative-gestaltung.de/2... genera un collage di immagini.
Altro:
- http://www.generative-gestaltung.de/2... un grafo con forze applicate ai nodi.
Displaying 1 of 1 review