Introducción a la Programación Creativa con p5.js

¡Bienvenido/a al taller Introducción a la Programación Creativa con p5.js! En este respositorio encontrarás todos los recursos e información relacionados con esta actividad.

🔍 Información del Taller

Duración: 2 horas (Incluye un receso de 10 minutos ☕)
Próxima Sesión: La fecha, hora, lugar y coste de cada iteración del taller son variables. Visita Generative Academy para conocer los detalles sobre la próxima sesión.
Instructor: Patricio Céspedes, Artista Multimedia y Licenciado en Artes mención Composición Musical
Requisitos: Mayores de 18 años con habilidades computacionales básicas. No se requieren conocimientos previos en programación.

🎯 Objetivo

Este taller tiene como propósito ofrecer una introducción práctica a la programación creativa mediante el uso de p5.js. Diseñado tanto para artistas como para diseñadores, aborda conceptos fundamentales como variables, funciones, condicionales y bucles a través de la creación de dibujos. Al concluir, los participantes habrán desarrollado una serie de dibujos generativos e interactivos que podrán compartir en línea.

💻 Materiales Necesarios

Laptop (Windows, macOS, Linux) con conexión a Internet
Navegador web: Se recomienda Google Chrome
Editor de Código (Opcional): Visual Studio Code con la extensiones Live Server y p5.vscode.

Nota: Asegúrate de tener Google Chrome instalado y Visual Studio Code con la extensiones configuradas antes del taller.

📝 Inscripción

Para participar en este taller completa el siguiente Formulario de Inscripción.

Si tienes alguna pregunta o necesitas ayuda, no dudes en ponerte en contacto con nosotros en generativeacademy@gmail.com.

📖 Programa

Parte 1: Introducción a p5.js

Introducción al Taller (15 minutos)

Presentación del instructor y sus proyectos.
Definición de programación creativa y su aplicación en proyectos artísticos.
Exploración de casos de estudio: artistas y proyectos destacados.

Trabajando con p5.js (45 minutos)

¿Qué es p5.js?
- Breve historia y contexto de p5.js como biblioteca de programación creativa.
Herramientas y Recursos
- Demostración del editor en línea de p5.js y orientación sobre cómo acceder a la documentación.
- Configuración del entorno de desarrollo en Visual Studio Code para trabajar con p5.js.
Creación Práctica
- Guía paso a paso para la creación de dibujos básicos utilizando las funciones fundamentales: setup(), draw(), createCanvas(), background(), point(), line(), ellipse(), rect(), fill(), stroke(), map() y random().
- Implementación de interactividad básica con: mouseX, mouseY y frameCount.
Revisión de Conceptos Fundamentales
- Explicación de conceptos: tipos de datos, variables, funciones, condicionales y loops.

☕ Receso (10 minutos)

Parte 2: Proyecto Práctico

Dibujo Interactivo (30 minutos)

Creación de un dibujo interactivo con temática libre por parte de los participantes.
Asistencia guiada y apoyo individual.

Revisión del Proyecto Práctico (10 minutos)

Evaluación y discusión de los proyectos desarrollados por los participantes.
Instrucciones sobre cómo compartir un sketch de p5.js en línea para su visualización.

Cierre y Retroalimentación (10 minutos)

Recapitulación de los conceptos clave aprendidos durante el taller.
Retroalimentación de los participantes, incluyendo aspectos positivos y áreas de mejora.

📚 Recursos

¡Esperamos verte en el taller! ✨

patricioisaias/taller-programacion-creativa-p5js