Generative Art with JavaScript and SVG

Utilizing Scalable Vector Graphics and Algorithms for Creative Coding and Design

By: David Matthew

Write A Review

Paperback | 23 March 2024

At a Glance

Paperback
257 Pages

Dimensions(cm)
23.5 x 15.5 x 1.91

Paperback

$82.25

or 4 interest-free payments of $20.56 with

Aims to ship in 10 to 15 business days

When will this arrive by?
Enter delivery postcode to estimate

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.

WHAT YOU'LL LEARN:

Generative art is and its creative process
How to use the gySVG library locally with Node.js or online via Codepen
Consolidation of JavaScript fundamentals, using modern ES6+ syntax
Creating a variety of SVG shapes generatively
Creating iterative variations of sketches by randomizing parameters
Using noise to create organic variance
Creating complex SVG paths generatively
How to make sketches interactive

WHO IS IT FOR:

Web developers and designers and creative coders with an interest in digital and generative art as well as artists who are interested in learning to code with JavaScript.

Shipping

	Standard Shipping	Express Shipping
Metro postcodes:	$9.99	$14.95
Regional postcodes:	$9.99	$14.95
Rural postcodes:	$9.99	$14.95

How to return your order

At Booktopia, we offer hassle-free returns in accordance with our returns policy. If you wish to return an item, please get in touch with Booktopia Customer Care.

Additional postage charges may be applicable.