Generative Art with JavaScript and SVG Utilizing Scalable Vector Graphics and Algorithms for Creative Coding and Design

This book introduces you to the exciting world of generative art (artwork that are solely or partially created with the use of an autonomous system) through the medium of SVG and JavaScript. More specifically, it will teach the use of Graphery SVG (gySVG), a JavaScript library that closely mirrors t...

Full description

Bibliographic Details
Main Author: Matthew, David
Format: eBook
Language:English
Published: Berkeley, CA Apress 2024, 2024
Edition:1st ed. 2024
Series:Design Thinking
Subjects:
Online Access:
Collection: Springer eBooks 2005- - Collection details see MPG.ReNa
LEADER 03447nmm a2200373 u 4500
001 EB002201216
003 EBX01000000000000001338419
005 00000000000000.0
007 cr|||||||||||||||||||||
008 240403 ||| eng
020 |a 9798868800863 
100 1 |a Matthew, David 
245 0 0 |a Generative Art with JavaScript and SVG  |h Elektronische Ressource  |b Utilizing Scalable Vector Graphics and Algorithms for Creative Coding and Design  |c by David Matthew 
250 |a 1st ed. 2024 
260 |a Berkeley, CA  |b Apress  |c 2024, 2024 
300 |a XXIV, 257 p. 73 illus., 67 illus. in color  |b online resource 
505 0 |a 1. The Beginner’s Path -- 2. A Programming Primer -- 3. All About SVG -- 4. Randomness and Regularity -- 5. The Need for Noise -- 6. The All-Powerful Path -- 7. Motion and Interactivity -- 8. Filter Effects -- 9. The Generative Way 
653 |a Graphic arts 
653 |a User interfaces (Computer systems) 
653 |a Image processing / Digital techniques 
653 |a Computer vision 
653 |a Web Development 
653 |a Internet programming 
653 |a Computer Imaging, Vision, Pattern Recognition and Graphics 
653 |a Graphic Design 
653 |a User Interfaces and Human Computer Interaction 
653 |a Human-computer interaction 
041 0 7 |a eng  |2 ISO 639-2 
989 |b Springer  |a Springer eBooks 2005- 
490 0 |a Design Thinking 
028 5 0 |a 10.1007/979-8-8688-0086-3 
856 4 0 |u https://doi.org/10.1007/979-8-8688-0086-3?nosfx=y  |x Verlag  |3 Volltext 
082 0 |a 006.76 
520 |a This book introduces you to the exciting world of generative art (artwork that are solely or partially created with the use of an autonomous system) through the medium of SVG and JavaScript. More specifically, it will teach the use of Graphery SVG (gySVG), a JavaScript library that closely mirrors the SVG spec and makes scripting SVG very intuitive and enjoyable. Armed with gySVG, the reader will be taught tried and trusted techniques in producing generative imagery. Each chapter will build upon the previous one, and those completely new to programming will be given a primer to help them find their feet. Beginning with a simple generative sketch that illustrates, and then explains, fundamental programming concepts such as variables, data types, operators, loops, conditionals and functions - the reader will go on to explore the power of Scalable Vector Graphics, how to play with randomness and regularity, how to use noise to create organic variance, and how to make sketches interactive and dynamic. More advanced topics will then be tackled, such as paths, filter effects, trigonometry, shape packing, flow fields and fractals. It will be a fun journey, easy to follow, peppered with plenty of attractive sketches throughout. The goal will be to visually inspire readers with compelling examples of what’s possible - rather than bare-bones, make-do illustrations - thereby breathing life into the underlying theoretical concepts. You Will Learn: What generative art is and its creative process How to use the gySVG library locally with Node.js or online via Codepen To consolidate JavaScript fundamentals, using modern ES6+ syntax Create a variety of SVG shapes generatively Create iterative variations of sketches by randomizing parameters How to use noise to create organic variance Create complex SVG paths generatively How to make sketches interactive