{"product_id":"generative-art-with-javascript-and-svg-utilizing-scalable-vector-graphics-and-algorithms-for-creative-coding-and-design-paperback","title":"Generative Art with JavaScript and SVG: Utilizing Scalable Vector Graphics and Algorithms for Creative Coding and Design - Paperback","description":"\u003cp\u003eby \u003cb\u003eDavid Matthew\u003c\/b\u003e (Author)\u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e\u003cp\u003eThis 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.\u003c\/p\u003e \u003cp\u003eIn 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.\u003c\/p\u003e \u003cp\u003e\u003cem\u003eGenerative Art with JavaScript and SVG\u003c\/em\u003e will take you on a fun journey, peppered with plenty of sketches throughout, designed not only to explain, but to inspire.\u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cp\u003e\u003cstrong\u003eYou Will: \u003c\/strong\u003e\u003c\/p\u003e \u003cp\u003e- Structure and randomise compositions.\u003c\/p\u003e \u003cp\u003e- Understand the different types of randomness and their probability distributions.\u003c\/p\u003e \u003cp\u003e- Create organic variance with the SvJs Noise module. - Apply SVG filter effects in a generative fashion.\u003c\/p\u003e \u003cp\u003e- Explore different approaches to animating with SVG.\u003c\/p\u003e \u003cp\u003e- Make your compositions dynamic and interactive.\u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cp\u003e\u003cstrong\u003eWHO IS IT FOR: \u003c\/strong\u003e\u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cp\u003eWeb 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. \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e\u003ch3\u003eBack Jacket\u003c\/h3\u003e\u003cp\u003eThis 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.\u003c\/p\u003e\u003cp\u003eBeginning 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.\u003c\/p\u003e\u003cp\u003eIt 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.\u003c\/p\u003e\u003cp\u003eYou Will Learn: \u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eWhat generative art is and its creative process\u003c\/li\u003e\n\u003cli\u003eHow to use the gySVG library locally with Node.js or online via Codepen\u003c\/li\u003e\n\u003cli\u003eTo consolidate JavaScript fundamentals, using modern ES6+ syntax\u003c\/li\u003e\n\u003cli\u003eCreate a variety of SVG shapes generatively\u003c\/li\u003e\n\u003cli\u003eCreate iterative variations of sketches by randomizing parameters\u003c\/li\u003e\n\u003cli\u003eHow to use noise to create organic variance\u003c\/li\u003e\n\u003cli\u003eCreate complex SVG paths generatively\u003c\/li\u003e\n\u003cli\u003eHow to make sketches interactive\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eAuthor Biography\u003c\/h3\u003e\u003cp\u003e\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003e​David Matthew\u003c\/strong\u003e is a web developer, designer and musician with over 11 years of industry experience who is passionate about generative art and web development, music visualization and in particular, SVG and the often untapped potential it offers. \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cp\u003eDavid blogs on topics including JavaScript, CSS WordPress and creative coding and as a regular producer of generative art, he showcases his work on his Instagram page: instagram.com\/davidmatthew_ie \u003c\/p\u003e\n        \u003cdiv\u003e\n\u003cstrong\u003eNumber of Pages:\u003c\/strong\u003e 257\u003c\/div\u003e\n            \u003cdiv\u003e\n\u003cstrong\u003eDimensions:\u003c\/strong\u003e 0.6 x 9.21 x 6.14 IN\u003c\/div\u003e\n            \u003cdiv\u003e\n\u003cstrong\u003eIllustrated:\u003c\/strong\u003e Yes\u003c\/div\u003e\n            \u003cdiv\u003e\n\u003cstrong\u003ePublication Date:\u003c\/strong\u003e March 23, 2024\u003c\/div\u003e\n            ","brand":"Books by splitShops","offers":[{"title":"Default Title","offer_id":42745375359039,"sku":"9798868800856","price":53.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0105\/8226\/1823\/files\/2afdd85a0fead03bf28b92cb088eae4e.webp?v=1765171689","url":"https:\/\/dhl-adrianne.myshopify.com\/products\/generative-art-with-javascript-and-svg-utilizing-scalable-vector-graphics-and-algorithms-for-creative-coding-and-design-paperback","provider":"BBB","version":"1.0","type":"link"}