What do you think?
Rate this book
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 and creative coding through the medium of JavaScript and Scalable Vector Graphics (SVG). Using tried and trusted techniques, you’ll tackle core topics such as randomness and regularity, noise and naturalistic variance, shape and path creation, filter effects, animation, and interactivity.
In the process you’ll learn SvJs, a JavaScript library that closely mirrors the SVG spec and makes scripting SVG intuitive and enjoyable. You’ll also study the craft of generative art and its creative process, along with JavaScript fundamentals, using modern ES6+ syntax. 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.
Generative Art with JavaScript and SVG will take you on a fun journey, peppered with plenty of sketches throughout, designed not only to explain, but to inspire.
You will:
• Structure and randomise compositions.
• Understand the different types of randomness and their probability distributions.
• Create organic variance with the SvJs Noise module. • Apply SVG filter effects in a generative fashion.
• Explore different approaches to animating with SVG.
• Make your compositions dynamic and interactive.
Who is it for?
Web developers, 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.
In the process you’ll learn SvJs, a JavaScript library that closely mirrors the SVG spec and makes scripting SVG intuitive and enjoyable. You’ll also study the craft of generative art and its creative process, along with JavaScript fundamentals, using modern ES6+ syntax. 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.
Generative Art with JavaScript and SVG will take you on a fun journey, peppered with plenty of sketches throughout, designed not only to explain, but to inspire.
You will:
• Structure and randomise compositions.
• Understand the different types of randomness and their probability distributions.
• Create organic variance with the SvJs Noise module. • Apply SVG filter effects in a generative fashion.
• Explore different approaches to animating with SVG.
• Make your compositions dynamic and interactive.
Who is it for?
Web developers, 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.
284 pages, Paperback
Published March 23, 2024
1 person is currently reading
4 people want to read
Ratings & Reviews
Friends & Following
Create a free account to discover what your friends think of this book!
Community Reviews
Displaying 1 of 1 review
June 13, 2024
I'm currently still reading this book (at about 1/3rd) but I wanted to post a "first" review as I strongly think it deserves more attention.
I am a generative artist, drawing on HTML Canvas via (vanilla) JS. A recent conversation with a friend led me to start learning to draw with SVG + JS. Having absolutely no knowledge on the topic, the first, and probably the only, book I've stumbled into in my "how to make generative art with SVG" research was David's book.
In one sentence, I can say I now have most of my custom Canvas library converted to SVG, able to draw most things I can with Canvas with also SVG, in just a matter of days, thanks to David's book.
I like how he gives non-programming examples from life to better explain programming topics. He does a good job in explaining how something is done and why it is done in that way. And I also like how the overall flow of the book is structured in a fluent way, that you can read through the chapters quickly, yet learning the important basis of what is to be learnt. He even provides a highly useful custom SVG library, to save you a lot of time writing the most common tasks/functions yourself.
Glad to have found David's book and I want to thank him for writing it.
I am a generative artist, drawing on HTML Canvas via (vanilla) JS. A recent conversation with a friend led me to start learning to draw with SVG + JS. Having absolutely no knowledge on the topic, the first, and probably the only, book I've stumbled into in my "how to make generative art with SVG" research was David's book.
In one sentence, I can say I now have most of my custom Canvas library converted to SVG, able to draw most things I can with Canvas with also SVG, in just a matter of days, thanks to David's book.
I like how he gives non-programming examples from life to better explain programming topics. He does a good job in explaining how something is done and why it is done in that way. And I also like how the overall flow of the book is structured in a fluent way, that you can read through the chapters quickly, yet learning the important basis of what is to be learnt. He even provides a highly useful custom SVG library, to save you a lot of time writing the most common tasks/functions yourself.
Glad to have found David's book and I want to thank him for writing it.
Displaying 1 of 1 review