Grado en diseño y creación de productos interactivos La Salle Campus Barcelona

Grado en Diseño y Creación de Productos Interactivos - Mención en Diseño y Desarrollo de Videojuegos

Programación creativa

Descripción

Programación Creativa explora el uso del código como medio de expresión artística e interactiva. A través de JavaScript y la librería p5.js, el alumnado aprende a crear visuales generativos, animaciones, piezas reactivas, interfaces experimentales y proyectos híbridos que combinan sonido, vídeo, datos o cámara.

También se introduce Processing como referencia histórica del software art, conectando los orígenes del código creativo con las prácticas actuales.

La asignatura se centra en la práctica, la experimentación y el desarrollo de un lenguaje visual propio, culminando en un proyecto final presentado públicamente en formato showcase.

Tipo asignatura
Tercer - Obligatoria
Semestre
Primero
Curso
3
Créditos
6.00

Profesores Titulares

Conocimientos previos

Se recomienda tener conocimientos básicos de HTML, CSS y JavaScript procedentes de Programación de Medios Interactivos.
No es necesario conocimiento previo de arte generativo, pero sí familiaridad con estructuras de control, funciones y manipulación básica del canvas.

Objetivos

Al finalizar el curso, el alumnado será capaz de:

- Crear sketches visuales e interactivos aplicando conceptos fundamentales de programación creativa.
- Usar aleatoriedad, ruido y algoritmos generativos para producir variaciones estéticas.
- Integrar distintas fuentes de entrada (ratón, teclado, sonido, cámara, datos externos).
- Desarrollar proyectos creativos completos que combinen técnica, estética y discurso artístico.
- Reflexionar críticamente sobre el uso del código como medio expresivo y material artístico.

Contenidos

Los contenidos se organizan en cinco bloques principales:

Bloque 1 ? Fundamentos del arte generativo: Formas primitivas, color, animación básica, patrones, azar y control.
Bloque 2 ? Movimiento, interacción y tiempo: Velocidad, física simple, interacción con input, partículas, ruido Perlin, visualización de sonido.
Bloque 3 ? Complejidad emergente y algoritmos creativos: Recursión, fractales, autómatas celulares (Conway), L-systems, remix creativo de sketches.
Bloque 4 ? Interactividad avanzada y medios híbridos: Vídeo y cámara, datos externos y APIs, shaders y efectos visuales generativos.
Bloque 5 ? Proyecto final y exhibición: Ideación, prototipado, producción y presentación pública.

Metodología

La asignatura combina:

- Clases teórico?prácticas con demostraciones en directo.
- Ejercicios breves en clase para reforzar conceptos.
- Prácticas de experimentación (una por bloque).
- Trabajo de laboratorio con desarrollo incremental de piezas creativas.
- Proyecto final con tutorías y presentación pública.

La metodología fomenta el aprendizaje activo, la experimentación personal y la construcción de un portafolio creativo.

Evaluación

- Proyecto final ? 40% (nota mínima 5).
- Actividades de bloque ? 30% (una por bloque, nota mínima 5 cada una).
- Ejercicios prácticos ? 15%.
- Portafolio ? 5%.
- Presentación y defensa final ? 5%.
- Participación e implicación ? 5%.

Criterios evaluación

Se valorará:

- La aplicación correcta de los conceptos de programación creativa.
- La calidad formal y técnica de los sketches y proyectos.
- La creatividad y exploración personal.
- El uso adecuado de interacción, visualización y algoritmos generativos.
- La capacidad de documentar y analizar procesos creativos.
- La participación en dinámicas de clase y sesiones de feedback.

Bibliografía básica

- D. Shiffman ? The Nature of Code
- C. Reas y B. Fry ? Processing: A Programming Handbook for Visual Designers and Artists
- J. Maeda ? Design by Numbers
- M. Pearson ? Generative Art
- D. Shiffman ? Learning Processing
- p5.js Reference ? https://p5js.org/reference/
- OpenProcessing ? https://openprocessing.org/

Material complementario

- The Coding Train (Daniel Shiffman)
- Ejemplos y materiales proporcionados en clase.
- Repositorios y obras de referentes como Vera Molnar, Casey Reas, Zach Lieberman y Golan Levin.