Imagen Escrita 2024

Asignatura(s)	Imagen Escrita
Año	2024
Período Académico	segundo
Tipo de Curso	Ramo Lectivo
Profesores	Javiera Ruiz
Estudiantes	Amanda Garviso, Jorge Benavides, Fernanda Cortés, Mariana Loyola, Antonella Conley, Ignacia Pérez Bobadilla, Constanza Pinto, Narda Tapia, Ariadna Pizarro, Antonela Barría, Milo Paz, Sofia gomara, Pía Vergara, Sofía Vera, Monserrat pavez guajardo, Sofia Gonzalez, Ignacia Lepín, Grace Scriggins, Lison Savalle, Josefa Alexis Carrera Oyarce, Anita Ravanal, Karina Morales, Line Bruneau, Nicola Roner, Savalle Lison, Fernanda Díaz Lomboy, Horacio Arellano, Catalina Inostroza
Palabras Clave	programación creativa, p5js, javascript, html, css
Carreras Relacionadas	Diseño

Estudiantes

Introducción al curso

Este curso se centra en la intersección entre diseño, programación y arte generativo. Utilizando p5.js como herramienta principal, el curso explora los fundamentos de la programación creativa y su aplicación en el diseño visual interactivo.

A través del creative coding se hace énfasis en el pensamiento computacional como herramienta de diseño, fomentando un enfoque innovador en la resolución de problemas visuales y la creación artística. La integración de herramientas de IA busca ampliar las posibilidades creativas y técnicas, sirviendo como complemento al proceso de diseño y programación

Herramientas

P5js: Biblioteca de JavaScript que simplifica la programación para artistas, diseñadores, educadores y principiantes.
Visual Studio Code como herramienta (entorno de desarrollo) principal del curso.
Github: Plataforma de desarrollo colaborativo que permite a los usuarios alojar y revisar código, gestionar proyectos y construir software.
Guía HTML y CSS: Lenguajes de marcado utilizados para estructurar y diseñar contenido en la web.
ChatGPT: Para generación y depuración de código

Evaluaciones

	Entrega 1	Entrega Final	Nota por entrega de encargos
Fecha	26 de septiembre	7 de noviembre	Cada jueves al mediodía
Porcentaje	30%	50%	20%

Clase 1: Introducción al curso

Contenidos

Objetivos de la asignatura
Organización del semestre
Pensamiento algoritmico/computacional
Intro diseño web (html, css, js)
Arte generativo
Creative Coding
p5.js (entorno de desarrollo, function setup/draw, sistema de coordenadas, formas básicas 2d)

Ejemplos de la clase

Encargo 1

Agregarse a la wiki como estudiante
Responder formulario enviado por correo (Plazo máximo: lunes 12 de agosto al mediodía)
Crearse una cuenta en p5.js
Crear una composición abstracta inspirada en las obras de Vera Molnár, utilizando formas y colores dinámicos

Nota: En este encargo no se puede usar Chat GPT

Tareas

Ejemplo de título de la tarea: Encargo 1 IE - (Nombrar encargo) / Nombre y Apellidos

	Alumnos	URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
'Encargo 1 IE - Circunferencias arcoíris / Grace Scriggins	Grace Scriggins	https://editor.p5js.org/alexachat64/full/ htLvnNYA5
Encargo 1 - IE - Profundidad Cuadricular / Mariana Loyola	Mariana Loyola	https://editor.p5js.org/mariaanaa/sketches/gp6hxSN76
Encargo 1 - lE - Sinergia de formas/ Pía Vergara	Pía Vergara	https://editor.p5js.org/Piaavb/sketches/LAC563dqU
Encargo 1 IE - (Circulos continuos) / Fernanda Díaz Lomboy	Fernanda Díaz Lomboy	https://editor.p5js.org/fernanda.diaz.lomboy/sketches/rqCS MNon
Encargo 1 IE - (Codificación Continua) / Narda Tapia	Narda Tapia	https://editor.p5js.org/Nardu/sketches/NhjwpgTQD
Encargo 1 IE - (Fragmentos en Secuencia) / Fernanda Cortés	Fernanda Cortés	https://editor.p5js.org/FernandaCortes/sketches/1cutsex E
Encargo 1 IE - (Patrones Redondos en secuencia) / Fernanda Diaz Lomboy	Fernanda Díaz Lomboy	https://editor.p5js.org/fernanda.diaz.lomboy/sketches/rqCS MNon
Encargo 1 IE - Acercamiento en Perspectiva / Catalina Inostroza	Catalina Inostroza	https://editor.p5js.org/Catalinaaa/sketches/WAXqHP09u
Encargo 1 IE - Black and White / Nicola Roner	Nicola Roner	https://editor.p5js.org/Nicci500/sketches/m zYS8aHP
Encargo 1 IE - Cuadrados Céntricos / Karina Morales	Karina Morales	https://editor.p5js.org/karina.morales.p/sketches/W2su5hdGP
Encargo 1 IE - Cuadrados en gradientes / Sofía González	Sofia Gonzalez	https://editor.p5js.org/SofiiaGonzalez/sketches/TIPVl vv
Encargo 1 IE - Diagonal Rotada / Josefa Carrera	Josefa Alexis Carrera Oyarce	https://editor.p5js.org/josef44lexis/sketches/I5x9OL3-1
Encargo 1 IE - Diseño Cuadrilateral / Horacio Arellano	Horacio Arellano	https://editor.p5js.org/horacio.arellano.m/sketches/xlTg-cHy7
Encargo 1 IE - Fragmentos cuadráticos / Anita Ravanal	Anita Ravanal	https://editor.p5js.org/anita.ravanal.m/sketches/2PRKtpSLJ
Encargo 1 IE - Geometría Neon / Amanda Garviso de Nordenflycht	Amanda Garviso	https://editor.p5js.org/amngarviso/sketches/KkavT9zWu
Encargo 1 IE - Geometría disipada / Ignacia Pérez Bobadilla	Ignacia Pérez Bobadilla	https://editor.p5js.org/Nachiss14/sketches/Ud7X0l5Gu
Encargo 1 IE - Line Bruneau	Line Bruneau	https://editor.p5js.org/line.b.lama/sketches/zhNzWvdYv
Encargo 1 IE - Patrones circulares / Constanza Pinto	Constanza Pinto	https://editor.p5js.org/Cony Pinto/sketches/obi6TUz w
Encargo 1 IE - Patrones simétricos fríos / Milo Paz	Milo Paz	https://editor.p5js.org/milodonnn/sketches/Icdkyy6vi
Encargo 1 IE - Rastro Errático/ Antonela Barría	Antonela Barría	https://editor.p5js.org/antomiauuu/sketches/5exDIbPE5
Encargo 1 IE - Repetición Sobria / Lison Savalle	Lison Savalle	https://editor.p5js.org/lison.svl/sketches/bC-DDtW00
Encargo 1 IE - Sintonía cuadrangular / Ariadna Pizarro	Ariadna Pizarro	https://editor.p5js.org/ariadnapizarro5/sketches/KuUUiqaGS
Encargo 1 IE - cuadrado rotatorio estático / Monserat Pavez Guajardo	Monserrat pavez guajardo	https://editor.p5js.org/monserrat-p/sketches/TDFTu-RjE
Encargo 1 IE - cuadrados dimensionales / Jorge Benavides Viera	Jorge Benavides	https://editor.p5js.org/jorgitobv/sketches/FSLUVflSl
Encargo 1 IE -Reiteraciones e intersecciones/Sofia Gomara	Sofia gomara	https://editor.p5js.org/soflamaa/sketches/HLUy4aFPk
Encargo 1 IE- cuadrados en secuencia/Ignacia Lepin	Ignacia Lepín	https://editor.p5js.org/ignacia.lepin.c/sketches/UYSoeNK2T
Encargo 1IE - Secuencia cuadrada / Sofía Vera	Sofía Vera	https://editor.p5js.org/0.29/sketches/TMwB-wPoG
Patrones algorítmicos en color/Antonella Conley	Antonella Conley	https://editor.p5js.org/AntoConley/sketches/GFfZ795vi

Clase 2: Introducción al Front-End

Encargo para el 26 de septiembre (EVALUADO)

A partir de la plantilla de ejemplo de sitio web, deben crear su sitio personal. La idea es que sus sitios no sean idénticos al ejemplo (tanto en su contenido como el diseño visual), por lo que deben cambiar los siguientes aspectos:

Contenido (HTML):
- Deben cambiar el título de su página y el contenido de los párrafos, ya que es un sitio web personal, considerenlo como una presentación de ustedes y de los proyectos que estaremos trabajando en la asignatura.
- Las imágenes del archivo html deben redirigir a su tareas, no a "www.ejemplo.com", más abajo les dejé un tutorial donde se explica como hacerlo, deben replicar lo mismo que se hace en el tutorial, pero con el sketch de su tarea 1 (composición basada en la obra de Vera Molnar)

**PUEDEN AGREGAR CONTENIDO, NO SE LIMITEN AL EJEMPLO

Estilos (CSS):
- Grilla/grid: Que no sean 3 columnas de imágenes
- colores: Background, Botón y de la Tipografía
- familia tipográfica
- Tamaños y peso de la tipografía
- Tamaños de imagen
- Bordes de imagen
- Filtros de imagen

Deben agregar al menos 5 propiedades CSS nuevas.
- Este es un buen sitio de referencia para encontrar propiedades css: https://developer.mozilla.org/en-**US/docs/Web/CSS/Reference

Clase 3: Variables, Condicionales y Bucles

Ejemplos de la clase

Condicionales

For Loop

For Loop + Condicionales

Ondas

Encargo

Crear un sketch que incluya un For Loop o Condicionales. Experimentación libre.

Deben subir el encargo como tarea "2"

Tareas

Ejemplo de título de la tarea: Encargo 2 IE - (Nombrar encargo) / Nombre y Apellidos

	Alumnos	URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Encargo 2 IE - (Burbujas Aleatorias) / Fernanda Díaz Lomboy	Fernanda Díaz Lomboy	https://editor.p5js.org/fernanda.diaz.lomboy/sketches/rqCS MNon
Encargo 2 IE - (Burbujas Alteradas) / Fernanda Díaz Lomboy	Fernanda Díaz Lomboy	https://editor.p5js.org/fernanda.diaz.lomboy/full/rqCS MNon
Encargo 2 IE - Aparición de círculos en movimiento / Sofía Vera	Sofía Vera	https://editor.p5js.org/sofiveraa/full/qiEaSEqnM
Encargo 2 IE - BURBUJAS GASEOSAS / Grace Scriggins	Grace Scriggins	https://editor.p5js.org/alexachat64/sketches/tz36WwXD0
Encargo 2 IE - Bolas y vectores/ German Espinoza	German Espinoza Vargas	https://editor.p5js.org/german.espinoza.v/full/LXzWxa6w5
Encargo 2 IE - Burbujas gaseosas / Grace Scriggins	Grace Scriggins	https://editor.p5js.org/alexachat64/full/tz36WwXD0
Encargo 2 IE - Corriente de esferas moradas/ Antonella Conley	Antonella Conley	https://editor.p5js.org/AntoConley/full/1GmPy6SuZ
Encargo 2 IE - Círculos Cambiantes	Jorge Benavides	https://editor.p5js.org/jorgitobv/sketches/COp6bUzGu
Encargo 2 IE - Círculos condicionados / Sofía González	Sofia Gonzalez	https://editor.p5js.org/SofiiaGonzalez/sketches/g18wFT12P
Encargo 2 IE - Círculos rebotando / Constanza Pinto	Constanza Pinto	https://editor.p5js.org/Cony Pinto/sketches/lIM8E5t7o
Encargo 2 IE - Desfile de círculos / Milo Paz	Milo Paz	https://editor.p5js.org/milodonnn/full/rq6YXRhB
Encargo 2 IE - Dualidad de color en Rebote / Josefa Carrera	Josefa Alexis Carrera Oyarce	https://editor.p5js.org/josef44lexis/sketches/DSEkX5rvg
Encargo 2 IE - Esferas Cromáticas/ Ignacia Lepin	Ignacia Lepín	https://editor.p5js.org/ignacia.lepin.c/sketches/Dv9HlFlWE
Encargo 2 IE - Esferas rojas en movimiento/ Karina Morales	Karina Morales	https://editor.p5js.org/karina.morales.p/sketches/0iO8 oscl
Encargo 2 IE - Movimiento y rebote / Ariadna Pizarro	Ariadna Pizarro	https://editor.p5js.org/ariadnapizarro5/sketches/yQq5CygDn
Encargo 2 IE - Onda en expansión/ Pía Vergara	Pía Vergara	https://editor.p5js.org/Piaavb/full/M18Q-gdTT
Encargo 2 IE - Ondas Adictivas / Catalina Inostroza	Catalina Inostroza	https://editor.p5js.org/catalina.inostroza.b01/sketches/QYNzB3xzM
Encargo 2 IE - Ondas contrastantes / Sofia Gomara	Sofia gomara	https://editor.p5js.org/soflamaa/sketches/mSv x1WAG
Encargo 2 IE - Ondas en frecuencia / Fernanda Cortes	Fernanda Cortés	https://editor.p5js.org/FernandaCortes/full/ed1EGo09V
Encargo 2 IE - Ondas y frecuencia de movimiento / Ignacia Pérez Bobadilla	Ignacia Pérez Bobadilla	https://editor.p5js.org/Nachiss14/sketches/dDoWbfoIr
Encargo 2 IE - Rebotes DVD / Mariana Loyola	Mariana Loyola	https://editor.p5js.org/mariaanaa/full/B 3aIbE1m
Encargo 2 IE - Sincronía romántica / Anita Ravanal	Anita Ravanal	https://editor.p5js.org/anita.ravanal.m/sketches/jPoXnt6XF
Encargo 2 IE - Túnel aleatorio / Amanda Garviso de Nordenflycht	Amanda Garviso	https://editor.p5js.org/amngarviso/full/0Vg6VHTC8
Encargo 2 IE - clic et ver/ Savalle Lison		https://editor.p5js.org/lison.svl/sketches/0Qn9ZNtLp
Encargo 2 IE - mouse interactivo / Antonela Barría Morales	Antonela Barría	https://editor.p5js.org/antomiauuu/full/NpF5BvDY2
Encargo 2 IE Bumpy hummingbird / Nicola Roner	Nicola Roner	https://editor.p5js.org/Nicci500/sketches/Sr85LZG9T
Tarea "2"	Line Bruneau	https://editor.p5js.org/line.b.lama/sketches/-S1Yi4mqf

Clase 4: Transformaciones

Ejemplos de la clase

Funciones de transformación

Identidad circular

Identidad Circular

Patrones Complejos

Encargo

Crear una composición visual animada que utilice transformaciones geométricas para generar un patrón complejo o un sistema de movimiento. Experimenta con la combinación de diferentes transformaciones y sistemas de coordenadas para lograr efectos visuales interesantes.
Acuerdos de la clase: Hay plazo hasta el próximo jueves (12 de septiembre) para subir a la wiki con la tarea 1 y 2, en conjunto con el avance del sitio web (proyecto).

Tareas

Deben subir el encargo como tarea número 3

	Alumnos	URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Encargo 3 IE (Arcoiris Constante) / Catalina Inostroza	Catalina Inostroza	https://editor.p5js.org/Catalinaaa/sketches/BvGykyJE5
Encargo 3 IE (Figuras Dinámicas)/Fernanda Díaz Lomboy	Fernanda Díaz Lomboy	https://editor.p5js.org/fernanda.diaz.lomboy/full/rqCS MNon
Encargo 3 IE (dynamic circle)/Line Bruneau	Line Bruneau	https://editor.p5js.org/line.b.lama/sketches/m8ARo6i23
Encargo 3 IE (el huracán de color)/Grace Scriggins	Grace Scriggins	https://editor.p5js.org/alexachat64/sketches/rR3rJEQfF
Encargo 3 IE - (Dinámica Circular) / Ignacia Lepin	Ignacia Lepín	https://editor.p5js.org/ignacia.lepin.c/sketches/bxlxZGpBS
Encargo 3 IE - (rectángulo rotante y contrastante) / Sofia Gomara	Sofia gomara	https://editor.p5js.org/soflamaa/sketches/VrFbwadEr
Encargo 3 IE - Complejo de figuras geométricas / Karina Morales	Karina Morales	https://editor.p5js.org/karina.morales.p/sketches/GNApVbRer
Encargo 3 IE - Coordinación envolvente/ Pía Vergara	Pía Vergara	https://editor.p5js.org/Piaavb/full/qaDyeLQu7
Encargo 3 IE - Diamante Central / Mariana Loyola	Mariana Loyola	https://editor.p5js.org/mariaanaa/full/EbgdJsV A
Encargo 3 IE - El florecer /Ariadna Pizarro	Ariadna Pizarro	https://editor.p5js.org/ariadnapizarro5/sketches/3SGENNXgF
Encargo 3 IE - Entrelazo en Espiral	Jorge Benavides	https://editor.p5js.org/jorgitobv/sketches/3p726anEB
Encargo 3 IE - Esfera Alteradas / Fernanda Díaz Lomboy	Fernanda Díaz Lomboy	https://editor.p5js.org/fernanda.diaz.lomboy/full/dczq-JJe1
Encargo 3 IE - Esfera envolvente / Sofía González	Sofia Gonzalez	https://editor.p5js.org/SofiiaGonzalez/sketches/ZxFzNQW0t
Encargo 3 IE - Listón Neón / Amanda Garviso	Amanda Garviso	https://editor.p5js.org/amngarviso/full/okweYo1vF
Encargo 3 IE - Octágono Dinámico	Ignacia Pérez Bobadilla	https://editor.p5js.org/Nachiss14/sketches/MbvMS2dyS
Encargo 3 IE - Rotación cambiante / Ariadna Pizarro		https://editor.p5js.org/ariadnapizarro5/sketches/3SGENNXgF
Encargo 3 IE - Rotación del color / Fernanda Cortés	Fernanda Cortés	https://editor.p5js.org/FernandaCortes/full/bcyhSif8i
Encargo 3 IE - Sincronización circular / Anita Ravanal	Anita Ravanal	https://editor.p5js.org/anita.ravanal.m/sketches/PjMfCfl20
Encargo 3 IE - Spinning Wheel / Nicola Roner		https://editor.p5js.org/Nicci500/sketches/P6QmGnwgq
Encargo 3 IE - Transformación de estrella / Constanza Pinto	Constanza Pinto	https://editor.p5js.org/Cony Pinto/sketches/h4NEOrUEI
Encargo 3 IE - Trayectoria circular / Sofía Vera	Sofía Vera	https://editor.p5js.org/sofiveraa/full/1x5xJ4H4o
Encargo 3 IE - espirales cuadrados / German Espinoza	German Espinoza Vargas	https://editor.p5js.org/german.espinoza.v/full/rx-VUQ4hI
Encargo 3 IE - ronda de estrellas cuadradas / Josefa Carrera	Josefa Alexis Carrera Oyarce	https://editor.p5js.org/josef44lexis/sketches/HZES4932-
Encargo 3 IE / Lison Savalle	Lison Savalle	https://editor.p5js.org/lison.svl/sketches/9tlkF6u0w
Encargo 3 IE Spinning Wheel Nicola Roner	Nicola Roner	https://editor.p5js.org/Nicci500/sketches/P6QmGnwgq
Encargo 3 IE- Juego de formas y colores circulantes/ Antonella Conley	Antonella Conley	https://editor.p5js.org/AntoConley/full/vZtWBmTK6
Encargo 3IE - Movimientos circulares con transparencia / Milo Paz	Milo Paz	https://editor.p5js.org/milodonnn/sketches/YWSlM13t3
Encargo 3IE - movimiento ocular aparente	Antonela Barría	https://editor.p5js.org/antomiauuu/full/pUC9k7dZr

Clase 5: Funciones y Recursión

Contenidos

Funciones propias de p5.js
Definir y llamar Funciones Personalizadas
Fractales
Recursión
Interacción: Slider, MouseX, MouseY

Acuerdos entrega 26/09

¿Qué se va a evaluar?

Ajustar las CSS solicitadas + Cambiar contenido en HTML
ORIGINALIDAD (que el sitio se parezca lo menos posible a la plantilla, recomendación: cambiar grilla y agregar componentes)
Los 4 encargos de p5.js deben estar vinculados al sitio (TUTORIAL, a partir del min 2:25)
URL funcional de github (TUTORIAL GITHUB, a partir del min 4:50, actualización del código)

Entregables

Tareas en la Wiki (1, 2, 3, 4)
Sitio Web (Se sube como proyecto en la wiki), deben incluir:
- Enlace a github pages (url del sitio web)
- Enlace al repositorio de Github
- Breve reflexión del trabajo

Ejemplos de la clase

Funciones

Funciones Recursivas

Encargo

Generar un patrón recursivo, implementando algún tipo de interacción (Slider, MouseX, MouseY)

Tareas

Deben subir el encargo como tarea número 4

	Alumnos	URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Encargo 3 IE - Expansión y contracción / Ariadna Pizarro	Ariadna Pizarro	https://editor.p5js.org/ariadnapizarro5/sketches/alImCWULo
Encargo 4 IE	Line Bruneau	https://editor.p5js.org/line.b.lama/sketches/YUB6WWm8n
Encargo 4 IE - Click y Ecos de Luz / Catalina Inostroza	Catalina Inostroza	https://editor.p5js.org/Catalinaaa/sketches/c8y8lRa0u
Encargo 4 IE - Cono en circulos /Anita Ravanal	Anita Ravanal	https://editor.p5js.org/anita.ravanal.m/sketches/F-vvfX006
Encargo 4 IE - Círculo en expansión / Karina Morales	Karina Morales	https://editor.p5js.org/karina.morales.p/sketches/ pMbV1sj0
Encargo 4 IE - Círculos en figuración floral / Sofia Gomara	Sofia gomara	https://editor.p5js.org/soflamaa/sketches/QHqJyGtzq
Encargo 4 IE - Entrelace triangular /Jorge Benavides	Jorge Benavides	https://editor.p5js.org/jorgitobv/sketches/ycNv-k7Ae
Encargo 4 IE - Iris en recursión / Sofía González	Sofia Gonzalez	https://editor.p5js.org/SofiiaGonzalez/sketches/6uhZFWVHB
Encargo 4 IE - Ondas en expansión / Fernanda Cortés	Fernanda Cortés	https://editor.p5js.org/FernandaCortes/full/59GRXihkO
Encargo 4 IE - Patrones Expansivos/Fernanda Díaz Lomboy	Fernanda Díaz Lomboy	https://editor.p5js.org/fernanda.diaz.lomboy/full/oESV5htUo
Encargo 4 IE - Patrón circular en movimiento/Pía Vergara	Pía Vergara	https://editor.p5js.org/Piaavb/full/b5q N9YwH
Encargo 4 IE - Patrón densidad de círculos/Milo Paz	Milo Paz	https://editor.p5js.org/milodonnn/sketches/aUwWAwBel
Encargo 4 IE - Progresión cuadrada/German Espinoza Vargas	German Espinoza Vargas	https://editor.p5js.org/german.espinoza.v/full/tR6KrA3q
Encargo 4 IE - Ramas en Interacción/ Ignacia Pérez Bobadilla	Ignacia Pérez Bobadilla	https://editor.p5js.org/Nachiss14/sketches/ TPlO1fz7
Encargo 4 IE - Ritmo Circular /Sofía Vera	Sofía Vera	https://editor.p5js.org/sofiveraa/sketches/OkDYc Jxg
Encargo 4 IE - Telaraña Expandida/ Amanda Garviso	Amanda Garviso	https://editor.p5js.org/amngarviso/full/J508gbgQG
Encargo 4 IE - Tunel a la Luz / Mariana Loyola	Mariana Loyola	https://editor.p5js.org/mariaanaa/sketches/-Qrh5Q5cN
Encargo 4 IE - Túnel Circular/Constanza Pinto	Constanza Pinto	https://editor.p5js.org/Cony Pinto/sketches/k OjPBEBy
Encargo 4 IE - black hole /Nicola Roner	Nicola Roner	https://editor.p5js.org/Nicci500/sketches/hT3VHmrXX
Encargo 4 IE - circunferencias interactivas / Josefa Carrera	Josefa Alexis Carrera Oyarce	https://editor.p5js.org/josef44lexis/sketches/BEByMEk d
Encargo 4 IE - espectro de colores cuadrados /Antonela Barría	Antonela Barría	https://editor.p5js.org/antomiauuu/full/Hbshw3NQa
Encargo 4 IE - tarea 4 /Lison Savalle	Savalle Lison	https://editor.p5js.org/lison.svl/sketches/uk6a2Awho
Encargo 4 IE -El túnel CuadroEstirado / Grace Scriggins	Grace Scriggins	https://editor.p5js.org/alexachat64/sketches/O9Voe4Qwd
Encargo 4 IE- Círculos expansivos/ Antonella Conley	Antonella Conley	https://editor.p5js.org/AntoConley/sketches/Pc9USnsh4
Encargo 4 IE- patrón de Triángulos Recursivos/ ignacia lepin	Ignacia Lepín	https://editor.p5js.org/ignacia.lepin.c/sketches/y78tXtVHai

Clase 6: Programación Orientada a Objetos 1

Ejemplos de la Clase

Encargo

Diseñar al menos dos clases con comportamientos distintos que interactúen entre sí y con el entorno.

Tareas

Deben subir el encargo como tarea número 5

	Alumnos	URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
ENCARGO 5 IE - Balle de bolitas / Lison Savalle	Lison Savalle	https://editor.p5js.org/lison.svl/sketches/KBqQ5IATc
Encargo 5 IE - Bolitas de colores / Constanza Pinto	Constanza Pinto	https://editor.p5js.org/Cony Pinto/sketches/9X2BNOqE
Encargo 5 IE - Burbujas dispersas / Anita Ravanal	Anita Ravanal	https://editor.p5js.org/anita.ravanal.m/sketches/FySf58LE7
Encargo 5 IE - Comportamientos Desiguales/ Karina Morales	Karina Morales	https://editor.p5js.org/karina.morales.p/sketches/aZpFh9R7Z
Encargo 5 IE - Corazones y diamantes / Jorge Benavides	Jorge Benavides	https://editor.p5js.org/jorgitobv/sketches/q76WkYpM9
Encargo 5 IE - Cuadrados y círculos /Ariadna Pizarro	Ariadna Pizarro	https://editor.p5js.org/ariadnapizarro5/sketches/l611QHjif
Encargo 5 IE - Cultivate soldier / Nicola Roner	Nicola Roner	https://editor.p5js.org/Nicci500/sketches/WDeGCLGqq
Encargo 5 IE - Círculos alternados / Sofía Vera	Sofía Vera	https://editor.p5js.org/sofiveraa/sketches/RWdx Enf
Encargo 5 IE - Círculos transparentes en fondo colorido / Sofia Gomara	Sofia gomara	https://editor.p5js.org/soflamaa/sketches/m9ps3AvCR
Encargo 5 IE - Lluvia de polígonos / Milo Paz	Milo Paz	https://editor.p5js.org/milodonnn/sketches/jCcroJDkB
Encargo 5 IE - Luceros y circulos / Sofía González	Sofia Gonzalez	https://editor.p5js.org/SofiiaGonzalez/sketches/0SApm2Snj
Encargo 5 IE - Movimientos en eje / Mariana Loyola	Mariana Loyola	https://editor.p5js.org/mariaanaa/sketches/QuYedisPA
Encargo 5 IE - Nubes incesantes / Antonela barría	Antonela Barría	https://editor.p5js.org/antomiauuu/full/Ya8PuPOkn
Encargo 5 IE - dvd gravitacional /German Espinoza V	German Espinoza Vargas	https://editor.p5js.org/german.espinoza.v/sketches/U kGx3hT
Encargo 5 IE - dvd orbital / German Espinoza Vargas	German Espinoza Vargas	https://editor.p5js.org/german.espinoza.v/full/U kGx3hT
Encargo 5 IE - Órbita Dinámica Triangular / Ignacia Pérez Bobadilla	Ignacia Pérez Bobadilla	https://editor.p5js.org/Nachiss14/sketches/yxZyCQ7tV
Encargo 5 IE- Confetti/Amanda Garviso	Amanda Garviso	https://editor.p5js.org/amngarviso/sketches/Z7wrM6A0Z
Encargo 5 IE- Dinámicas Geométricas en Movimiento/Ignacia Lepin	Ignacia Lepín	https://editor.p5js.org/ignacia.lepin.c/sketches/e-UECf6cA
Encargo 5 IE- Rastros circulares/ Antonella Conley	Antonella Conley	https://editor.p5js.org/AntoConley/sketches/dnstYM8Le
Encargo 5IE - Circulos en constante desplazamiento / Pía Vergara	Pía Vergara	https://editor.p5js.org/Piaavb/full/NSAkx0X0p
Taréa 5	Line Bruneau	https://editor.p5js.org/line.b.lama/sketches/9IVqurHax

Clase 7: Programación Orientada a Objetos 2 / Sistemas de Partículas

Ejemplos de la Clase

Encargo

Crear un sistema de partículas. Experimenta con diferentes comportamientos de partículas, como atracción, repulsión, o seguimiento.

Tareas

Deben subir el encargo como tarea número 6

	Alumnos	URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
ENCARGO 6 IE	Line Bruneau	https://editor.p5js.org/line.b.lama/sketches/zXH1HXPl0
Encargo 6 IE - Aparición y desaparición de partículas /Sofía Gomara	Sofia gomara	https://editor.p5js.org/soflamaa/sketches/yYvzksj9
Encargo 6 IE - Atracción de partículas / Constanza Pinto	Constanza Pinto	https://editor.p5js.org/Cony Pinto/full/Cg6iaO3Az
Encargo 6 IE - Atracción particular /Ariadna Pizarro	Ariadna Pizarro	https://editor.p5js.org/ariadnapizarro5/sketches/wxyCmN2HZ
Encargo 6 IE - Atracción y Repulsión de Partículas / Ignacia Pérez Bobadilla	Ignacia Pérez Bobadilla	https://editor.p5js.org/Nachiss14/sketches/ZGnY9-eKS
Encargo 6 IE - Atracción y repulsión de partículas / Sofía González	Sofia Gonzalez	https://editor.p5js.org/SofiiaGonzalez/sketches/0Jm9rsspT
Encargo 6 IE - Destellos desvanecidos / Antonela Barría	Antonela Barría	https://editor.p5js.org/antomiauuu/full/wvcyvwdQ5
Encargo 6 IE - Galaxia de partículas / Mariana Loyola	Mariana Loyola	https://editor.p5js.org/mariaanaa/sketches/3eoIohpBV
Encargo 6 IE - Interacción Lumínica/ Fernanda Cortés	Fernanda Cortés	https://editor.p5js.org/FernandaCortes/full/xzRLJCnma
Encargo 6 IE - Luvia de partículas evitativas/ Anita Ravanal	Anita Ravanal	https://editor.p5js.org/anita.ravanal.m/sketches/18DlovQlw
Encargo 6 IE - Múltiple desplazamiento cuadricular / Pía Vergara	Pía Vergara	https://editor.p5js.org/Piaavb/sketches/o x9U6 wm
Encargo 6 IE - Partículas Flotantes/ Amanda Garviso	Amanda Garviso	https://editor.p5js.org/amngarviso/sketches/3kIDx BoK
Encargo 6 IE - Partículas alocadas / Jorge Benavides Viera	Jorge Benavides	https://editor.p5js.org/jorgitobv/sketches/8Qd9GGnY1
Encargo 6 IE - Partículas en seguimiento / Karina Morales	Karina Morales	https://editor.p5js.org/karina.morales.p/sketches/T59X-zR C
Encargo 6 IE - Ronda errante / Milo Paz	Milo Paz	https://editor.p5js.org/milodonnn/sketches/dSn8Ynlb1
Encargo 6 IE - Sandy shock / Nicola Roner	Nicola Roner	https://editor.p5js.org/Nicci500/sketches/El6YDlrPD
Encargo 6 IE - Unmarred archeology / Nicola Roner	Nicola Roner	https://editor.p5js.org/Nicci500/sketches/xfOvdKOr1
Encargo 6 IE - firework de los estrellas / Savalle Lison	Savalle Lison	https://editor.p5js.org/lison.svl/sketches/UPKk96OP1
Encargo 6 IE - orbita y dispara/German Espinoza Vargas	German Espinoza Vargas	https://editor.p5js.org/german.espinoza.v/full/adRCSesEz
Encargo 6 IE - orbita y disparal /German Espinoza V	German Espinoza Vargas	https://editor.p5js.org/german.espinoza.v/full/adRCSesEz
Encargo 6 IE -Dispersión de Partículas /Sofía Vera	Sofía Vera	https://editor.p5js.org/sofiveraa/sketches/B5znnI6bO
Encargo 6 IE -Sinfonía de Partículas /Ignacia lepin	Ignacia Lepín	https://editor.p5js.org/ignacia.lepin.c/sketches/zDsbBfMeu
Encargo 6 IE- Variedad de partículas en rotación/ Antonella Conley	Antonella Conley	https://editor.p5js.org/AntoConley/sketches/Duh7R5-1r

Clase 8: Gráficos 3D, Importación de Imágenes y Tipografía

Ejemplos de la clase

https://editor.p5js.org/JavieraRuizM/sketches/EAAoTNYRk

Tareas

Deben subir el encargo como tarea número 7

	Alumnos	URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Encargo 7 IE - ASCII multicolor musical / Mariana Loyola	Mariana Loyola	https://editor.p5js.org/mariaanaa/sketches/-Ej3xSoYF
Encargo 7 IE - Bosque virtual / Milo Paz	Milo Paz	https://editor.p5js.org/milodonnn/sketches/h7r7NuBPr
Encargo 7 IE - Conejo en Pixel/ Ignacia Pérez Bobadilla	Ignacia Pérez Bobadilla	https://editor.p5js.org/Nachiss14/sketches/g4I8PMop9
Encargo 7 IE - Círculos 3D en movimiento /Sofía Gomara	Sofia gomara	https://editor.p5js.org/soflamaa/sketches/awr6er-CM
Encargo 7 IE - Dispersión Dinámica / Fernanda Cortés	Fernanda Cortés	https://editor.p5js.org/FernandaCortes/full/BrLdgcZwW
Encargo 7 IE - Malú en puntos / Sofía González	Sofia Gonzalez	https://editor.p5js.org/SofiiaGonzalez/sketches/NI4t4-Cnh
Encargo 7 IE - Matriz de Caracteres / Antonela Barría	Antonela Barría	https://editor.p5js.org/antomiauuu/sketches/w 4NagEeJ
Encargo 7 IE - Perro nariz grande / Constanza Pinto	Constanza Pinto	https://editor.p5js.org/Cony Pinto/full/kA0EB0c2q
Encargo 7 IE - Picasso / Nicola Roner	Nicola Roner	https://editor.p5js.org/Nicci500/sketches/EHsAOsqeh
Encargo 7 IE - Ternurin/ Anita Ravanal	Anita Ravanal	https://editor.p5js.org/anita.ravanal.m/sketches/ppwmXoO 5
Encargo 7 IE - yournam/ Ignacia Lepin	Ignacia Lepín	https://editor.p5js.org/ignacia.lepin.c/full/je3hVX70E
Encargo 7 IE- Viaje visual con esferas/Antonella Conley	Antonella Conley	https://editor.p5js.org/AntoConley/sketches/altRiqODb

Clase 9: Proyecto Final

Sitios Web del taller

	Alumnos	Palabras Clave	URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Sitio Web - Imagen Escrita 2024 - Amanda Garviso	Amanda Garviso	sitioweb	https://amngarviso.github.io/sitio-web-ie/
Sitio Web - Imagen Escrita 2024 - Anita Ravanal	Anita Ravanal	sitioweb	https://chamoilin.github.io/sitio-web-ie-anita/
Sitio Web - Imagen Escrita 2024 - Fernanda Cortés	Fernanda Cortés	sitioweb	https://cortesfernanda.github.io/sitio web IE/
Sitio Web - Imagen Escrita 2024 - Fernanda Díaz Lomboy	Fernanda Díaz Lomboy	sitioweb
Sitio Web - Imagen Escrita 2024 - German Espinoza Vargas	German Espinoza Vargas	sitioweb	https://germanito23.github.io/sitio-web-ie-2/
Sitio Web - Imagen Escrita 2024 - Horacio Arellano	Horacio Arellano	sitioweb	https://horacio-arellano.github.io/sitio-web-ie/
Sitio Web - Imagen Escrita 2024 - Ignacia Pérez Bobadilla	Ignacia Pérez Bobadilla	sitioweb	https://nachiss14.github.io/sitio-web-ie/
Sitio Web - Imagen Escrita 2024 - Jorge Benavides	Jorge Benavides	sitioweb	https://jorgitobv.github.io/sitio-web-ie-20240829T174914Z-001/
Sitio Web - Imagen Escrita 2024 - Karina Morales	Karina Morales	sitioweb	https://karinamoralesxd.github.io/PaginaWebKarinaMorales/
Sitio Web - Imagen Escrita 2024 - Line Bruneau	Line Bruneau	sitioweb	https://line-brn.github.io/Sitio-web-ie/
Sitio Web - Imagen Escrita 2024 - Lison Savalle	Savalle Lison	sitioweb	https://lison22147.github.io/sitio-web-ie-1/
Sitio Web - Imagen Escrita 2024 - Mariana Loyola	Mariana Loyola	sitioweb	https://marianaa444.github.io/sitio-web-ie/
Sitio Web - Imagen Escrita 2024 - Monserrat Pavez	Monserrat pavez guajardo	sitioweb
Sitio Web - Imagen Escrita 2024 - Nicola Roner	Nicola Roner	sitioweb	https://nicci500.github.io/sitio-web-ie/
Sitio Web - Imagen Escrita 2024 - Nombre Apellido		sitioweb	https://zoom-in-out.com/
Sitio Web - Imagen Escrita 2024 - Sofia Gomara	Sofia gomara	sitioweb	https://soflamaa.github.io/sitio-web-sofia-gomara/
Sitio Web - Imagen Escrita 2024 - Sofía González	Sofia Gonzalez	sitioweb	https://sofiiagonzalez.github.io/IE-2024/
Sitio Web - Imagen Escrita 2024 -Constanza Pinto	Constanza Pinto	sitioweb	https://cony-pin.github.io/Sitioweb-IE/
Sitio Web-Imagen Escrita 2024- Antonella Conley	Antonella Conley	sitioweb	https://antoconley.github.io/sitio-web-ie/
Sitio Web-Imagen Escrita 2024- Ariadna Pizarro	Ariadna Pizarro	sitioweb	https://aripizarro.github.io/sitio-web-ie/
Sitio web Imagen Escrita	Milo Paz	sitioweb	https://miloppp.github.io/sitio-web-ie/
Sitio web imagen escrita 2024 - Antonela Barría	Antonela Barría	sitioweb	https://antomiau15.github.io/antoweb-ie/