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

Matthew, David

  • 出版商: Apress
  • 出版日期: 2024-03-23
  • 售價: $1,780
  • 貴賓價: 9.5$1,691
  • 語言: 英文
  • 頁數: 257
  • 裝訂: Quality Paper - also called trade paper
  • ISBN: 9798868800856
  • ISBN-13: 9798868800856
  • 相關分類: JavaScriptJVM 語言Algorithms-data-structures
  • 海外代購書籍(需單獨結帳)

相關主題

商品描述

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 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.

商品描述(中文翻譯)

本書透過 JavaScript 和可縮放向量圖形(SVG)介紹您進入生成藝術和創意編碼的精彩世界。使用經過驗證的技巧,您將探討核心主題,如隨機性和規律性、噪音和自然變異、形狀和路徑創建、過濾效果、動畫和互動性。

在此過程中,您將學習 SvJs,一個緊密符合 SVG 規範並使 SVG 腳本編寫直觀且愉悅的 JavaScript 函式庫。您還將學習生成藝術的技藝和創作過程,以及使用現代 ES6+ 語法的 JavaScript 基礎知識。每個章節都將建立在前一章節的基礎上,並且對編程完全陌生的讀者將獲得一個入門指南,以幫助他們入門。

《使用 JavaScript 和 SVG 進行生成藝術》將帶您踏上一個有趣的旅程,其中穿插著許多示意圖,旨在解釋並激發靈感。

您將會:
- 結構化和隨機化構圖。
- 了解不同類型的隨機性及其概率分佈。
- 使用 SvJs Noise 模組創建有機變異。
- 以生成方式應用 SVG 過濾效果。
- 探索不同的 SVG 動畫方法。
- 使您的構圖具有動態和互動性。

適合對數位和生成藝術有興趣的網頁開發人員、設計師和創意編碼者,以及有興趣用 JavaScript 學習編碼的藝術家。

作者簡介

​David Matthew 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.

David 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

作者簡介(中文翻譯)

David Matthew是一位擁有超過11年業界經驗的網頁開發者、設計師和音樂家,對生成藝術和網頁開發、音樂視覺化特別熱衷,尤其是SVG及其未被充分利用的潛力。

David在博客上分享JavaScript、CSS、WordPress和創意編碼等主題,並作為生成藝術的常規製作人,在他的Instagram頁面上展示他的作品:instagram.com/davidmatthew_ie。