Imagen Escrita 2026
| Asignatura(s) | Imagen Escrita |
|---|---|
| Año | 2026 |
| Período Académico | segundo |
| Tipo de Curso | Ramo Lectivo |
| Profesores | Javiera Ruiz ver |
| Estudiantes | Raissa Garrido, Catalina Barrios Núñez, Matías Arancibia, Natalia Vilches, Joaquina San Juan, Laura Cabach, Natalia León, Paulina Jelves, Francisca Toro, Rafaela Waller, Florencia Valdivia, Fernanda Pérez Olivares ver |
| Palabras Clave | programación creativa, arte generativo, p5js, front end, javascript, html, css |
| Carreras Relacionadas | Diseño |
| Docencia Vinculada | No |
Introducción al curso
La asignatura Imagen Escrita introduce a los estudiantes en el arte generativo, el creative coding y el desarrollo web como medios de exploración visual e interactiva. A través de ejercicios progresivos en JavaScript (p5.js) HTML y CSS, los estudiantes desarrollan experiencias digitales basadas en reglas, comportamientos y relaciones.
La asignatura aborda el código como material de diseño y una forma de escritura visual. Por ello, el proceso no comienza directamente en la programación, sino en la conceptualización y la formulación de lógicas algorítmicas. Estas definiciones iniciales se traducen posteriormente en el desarrollo de prototipos digitales que son refinados mediante un proceso iterativo de depuración de código.
La inteligencia artificial se incorpora como una herramienta de apoyo para traducir ideas a código, explorar alternativas, comprender estructuras, detectar errores y reorganizar soluciones. Su uso no reemplaza la conceptualización ni las decisiones formales del estudiante. Por el contrario, exige aprender a formular problemas con precisión, evaluar críticamente los resultados generados y apropiarse del código mediante su lectura, explicación y modificación.
Al finalizar el curso, los estudiantes serán capaces de concebir una propuesta visual desde una lógica sistémica, implementarla en p5.js, comprender y modificar código asistido por IA y construir un sitio web básico para organizar, documentar y publicar sus exploraciones.
Horario
| Horario | Sala |
|---|---|
| Jueves Claves 9,10 - 11,12 14:30- 17:00 |
Sala Entrepiso B Matta 12 |
Evaluaciones
| Entrega Módulo 1 | Entrega Módulo 2 | Encargos Semanales | |
|---|---|---|---|
| Fecha | 24 de septiembre | 22 de octubre | Semanal |
| Porcentaje | 40% | 40% | 20% |
Módulo 1: Fundamentos de programación en p5.js
Clase 1: Introducción a la asignatura
Ejemplos de la clase
Encargo: Reinterpretación de una portada del álbum mediante código
Escoge la portada de un álbum músical de tu interés y reinterprétala mediante dibujo con código. Identifica sus proporciones, colores, formas y composición, y traduce estos elementos a un sketch de p5.js.
Utiliza solamente figuras básicas y/o formas construidas con beginShape() y vertex(). La propuesta debe conservar rasgos reconocibles de la portada original.
¿Qué se debe entregar?
Se debe documentar en la wiki:
- Proceso de diseño: Dibujos, esquemas que permitan comprender las lógicas de dibujo en p5.js
- Sketch de p5.js (Cómo subir un sketch a la wiki https://wiki.ead.pucv.cl/Widget:P5js)
Material de apoyo
- Selector de color Hexadecimal: https://htmlcolorcodes.com/es/
- Video explicación del encargo: https://youtu.be/B7xTOZfQKsI
Tareas
- n° Tarea: 1
- Ejemplo de título de la tarea: Encargo 1 IE - Nombre del Álbum - Nombre y Apellidos