¡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.
- 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.
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.
- 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.
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 [email protected].
- 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.
- ¿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()yrandom(). - Implementación de interactividad básica con:
mouseX,mouseYyframeCount.
- Guía paso a paso para la creación de dibujos básicos utilizando las funciones fundamentales:
- Revisión de Conceptos Fundamentales
- Explicación de conceptos: tipos de datos, variables, funciones, condicionales y loops.
- Creación de un dibujo interactivo con temática libre por parte de los participantes.
- Asistencia guiada y apoyo individual.
- 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.
- Recapitulación de los conceptos clave aprendidos durante el taller.
- Retroalimentación de los participantes, incluyendo aspectos positivos y áreas de mejora.
¡Esperamos verte en el taller! ✨
Patricio Isaías © 2023