國立高雄大學圖資館 |

Language: English

Back

Generative art with JavaScript and S...

Matthew, David.

Generative art with JavaScript and SVGutilizing scalable vector graphics and algorithms for creative coding and design /

Record Type:	Electronic resources : Monograph/item
Title/Author:	Generative art with JavaScript and SVGby David Matthew.
Reminder of title:	utilizing scalable vector graphics and algorithms for creative coding and design /
Author:	Matthew, David.
Published:	Berkeley, CA :Apress :2024.
Description:	xxiv, 257 p. :ill., digital ;24 cm.
Contained By:	Springer Nature eBook
Subject:	Generative art.
Online resource:	https://doi.org/10.1007/979-8-8688-0086-3
ISBN:	9798868800863$q(electronic bk.)

Generative art with JavaScript and SVGutilizing scalable vector graphics and algorithms for creative coding and design /
Matthew, David.

Generative art with JavaScript and SVGutilizing scalable vector graphics and algorithms for creative coding and design /[electronic resource] :by David Matthew. - Berkeley, CA :Apress :2024. - xxiv, 257 p. :ill., digital ;24 cm. - Design thinking,2945-7807. - Design thinking..

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.

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.

ISBN: 9798868800863$q(electronic bk.)

Standard No.: 10.1007/979-8-8688-0086-3doiSubjects--Topical Terms:

971773
Generative art.

LC Class. No.: N7433.8 / .M388 2024

Dewey Class. No.: 776

Generative art with JavaScript and SVGutilizing scalable vector graphics and algorithms for creative coding and design /
LDR:03212nmm a22003375a 4500 001 665613
003 DE-He213
005 20240324162803.0
006 m d
007 cr nn 008maaau
008 241219s2024 cau s 0 eng d
020 $a 9798868800863$q(electronic bk.)
020 $a 9798868800856$q(paper)
024 7 $a 10.1007/979-8-8688-0086-3 $2 doi
035 $a 979-8-8688-0086-3
040 $a GP $c GP
041 0 $a eng
050 4 $a N7433.8 $b .M388 2024
072 7 $a UMW $2 bicssc
072 7 $a COM060160 $2 bisacsh
072 7 $a UMW $2 thema
082 0 4 $a 776 $2 23
090 $a N7433.8 $b .M437 2024
100 1 $a Matthew, David. $3 978542
245 1 0 $a Generative art with JavaScript and SVG $h [electronic resource] : $b utilizing scalable vector graphics and algorithms for creative coding and design / $c by David Matthew.
260 $a Berkeley, CA : $b Apress : $b Imprint: Apress, $c 2024.
300 $a xxiv, 257 p. : $b ill., digital ; $c 24 cm.
490 1 $a Design thinking, $x 2945-7807
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.
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.
650 0 $a Generative art. $3 971773
650 0 $a JavaScript (Computer program language) $3 237616
650 0 $a SVG (Document markup language) $3 822623
650 1 4 $a Web Development. $3 760534
650 2 4 $a Graphic Design. $3 273625
650 2 4 $a User Interfaces and Human Computer Interaction. $3 274517
650 2 4 $a Computer Imaging, Vision, Pattern Recognition and Graphics. $3 274492
710 2 $a SpringerLink (Online service) $3 273601
773 0 $t Springer Nature eBook
830 0 $a Design thinking. $3 890600
856 4 0 $u https://doi.org/10.1007/979-8-8688-0086-3
950 $a Professional and Applied Computing (SpringerNature-12059)