El diseño digital generativo consiste en crear imágenes y composiciones visuales a partir de reglas y algoritmos, no dibujando cada elemento a mano. Tú defines las normas, y el programa genera el resultado.
Aquí la idea clave es esta:
👉 no diseñas un dibujo, diseñas un sistema que dibuja.
En este tipo de diseño, el resultado visual depende directamente del algoritmo: bucles, condicionales, variables y operaciones matemáticas.
Un pequeño cambio en el código puede producir un resultado completamente distinto.
Ejemplo: líneas generadas con un bucle.
function setup() {
createCanvas(400, 300);
background(255);
stroke(0);
for (let x = 0; x < width; x += 20) {
line(x, 0, width - x, height);
}
}📌 Aquí no decides cada línea: decides la regla.
Un patrón es una forma que se repite siguiendo una estructura: filas, columnas, rotaciones o escalados.
Los patrones se crean combinando:
Ejemplo: patrón de círculos.
function setup() {
createCanvas(400, 300);
background(220);
fill(100, 150, 255);
for (let x = 50; x < width; x += 100) {
for (let y = 50; y < height; y += 100) {
circle(x, y, 40);
}
}
}📌 Cambiar la distancia o el tamaño transforma totalmente el diseño.
Obra publicada con Licencia Creative Commons Reconocimiento Compartir igual 4.0
