</> CodeBooks
    ← Volver a JavaScript (página 2)
    Portada de Generative Art with JavaScript and SVG

    Generative Art with JavaScript and SVG

    David Matthew

    Editorial
    Apress
    Año
    2024
    Páginas
    ~237
    Nivel
    Intermedio

    De qué trata

    Introducción al arte generativo y la programación creativa que combina JavaScript moderno (ES6+) con gráficos vectoriales SVG. David Matthew, desarrollador web y músico, escribe para desarrolladores y diseñadores web, para programadores creativos interesados en el arte digital y también para artistas que quieren aprender a programar: incluye un capítulo de introducción a la programación para quienes empiezan desde cero, aunque le saca más partido quien ya maneja HTML y JavaScript básico.

    El libro trabaja con SvJs, una librería de JavaScript del propio autor que replica de cerca la especificación SVG para que crear y manipular gráficos sea más intuitivo. Después de presentar el formato SVG, explica la tensión entre aleatoriedad y regularidad, distribuciones de probabilidad, ruido (con el módulo Noise de SvJs) para lograr variaciones orgánicas, creación de formas y del elemento path, animación e interactividad, y filtros SVG aplicados de forma generativa. Cierra con un capítulo sobre el proceso creativo propio del arte generativo.

    Cada capítulo se construye sobre el anterior a base de muchos «sketches» o bocetos breves que explican una técnica y sirven de inspiración para variaciones propias. Su aporte principal es elegir SVG, que se integra de forma natural en la web y escala sin pérdida, en lugar de Canvas o p5.js. Conviene saber que gran parte del código depende de SvJs, por lo que habrá que hacer cierta adaptación para usar SVG puro u otras librerías. No aborda WebGL, 3D ni la exportación para impresión o NFT.

    • Arte generativo
    • Creative coding
    • SVG
    • JavaScript ES6+
    • SvJs
    • Aleatoriedad
    • Ruido
    • Paths SVG
    • Filtros SVG
    • Animación
    • Interactividad

    ¿Cómo enseña?

    TeóricoPráctico

    Teoría + práctica

    • ✓ Incluye ejercicios
    • ✗ Sin proyectos

    Más de JavaScript con nivel Intermedio