11:30 - 2pm en crtic, parque o'higgins, santiago de chile.
- aarón montoya-moraga
- pronombre elle
- aaron.montoya@mail.udp.cl
- https://github.com/disenoUDP
- https://instagram.com/lid.udp
- ingeniería civil electricista, pontificia universidad católica de chile
- magíster en arte electrónico, interactive telecommunications program, new york university
- magíster en artes mediales y ciencias, media lab. massachussets institute of technology
-
profesore asistente
- dis8644 taller de diseño de máquinas electrónicas, en conjunto con profesor matías serrano
- dis8645 taller de diseño de máquinas computacionales, en conjunto con profesor matías serrano
- dis9079 interacciones inalámbricas
- dis09214 pensamiento computacional
-
persona directora, laboratorio de interacción digital
- investigación en pregrado
- talleres y cursos de interacción digital
- estudiante, doctorado de artes y humanidades, instituto de estudios avanzados
- promedio 6.8
- persona fundadora de piruetas SpA, estudio de arte electrónico y computacional
- 1 trabajadora contratada: janis sepúlveda, diseñadora udp, supervisora y programadora
- 1 trabajador freelancer: mateo arce, diseñador udp, programador
- 1 practicante 2026: bernardita lobo, estudiante diseño udp, fabricadora
- esculturas paramétricas
- placas electrónicas
- distribución de artistas y diseñadores locales
- https://instagram.com/piruetas.xyz
- https://piruetas.xyz/tienda
- REPRODUCIBILITY IN THE CONSTRUCTION OF TRADITIONAL WOODEN AND 3D-PRINTED PLASTIC SOUNDBOARDS FOR STRING INSTRUMENTS, por Sebastián Labraña, Víctor Correa, Aarón Montoya, Carolina Espinoza, disponible en https://dael.euracoustics.org/confs/fa2025/data/articles/000744.pdf
- Guitarra impresa en 3D: entre luthería tradicional y fabricación digital, por Carolina Espinoza, Claudio Adasme, Aarón Montoya, José Baeza https://www.anppom.com.br/revista/index.php/opus/article/view/1458
- MÁQUINAS SONORAS, libro en progreso con Matías Serrano, borrador en vivo disponible en https://disenoudp.github.io/apuntes-maquinas/
- PENSAMIENTO COMPUTACIONAl, libro en progreso de dibujo en 2D con p5.js, borrador en vivo disponible en https://disenoudp.github.io/apuntes-pensamiento-computacional/
- participante del primer processing community day, estados unidos, 2017
- beca de Processing Foundation, traducción del libro introducción a p5.js, escrito por Lauren Lee McCarthy, Casey Reas y Ben Fry, disponible en línea impreso y en PDF en https://github.com/processing/p5.js-getting-started-es
- beca de Processing Foundation, trabajo en la biblioteca p5.serialport, creada por Shawn Van Every
- beca de Processing Foundation, trabajo en la biblioteca p5.sound.js, creada por Jason Sigal
diseño universidad diego portales.
históricamente teníamos 2 menciones: industrial y gráfico.
esta década abrió la mención de textil e indumentaria, y el año pasado con la malla 9.0 celebrando los 30 años de la escuela, inauguramos una cuarta mención de interacción digital.
hemos sumado académiques para realizar investigación y docencia en pregrado en cursos de electrónica y programación en las siguientes áreas:
- segundo año: dentro de la oferta de talleres, dos de introducción al diseño de interacción digital
- segundo año: dos cursos obligatorios de introducción a la programación y al diseño basado en datos
- tercer y cuarto año: dentro de la oferta de talleres, cuatro talleres de electrónica, programación, visualización de datos, espacios interactivos
- quinto año: un sección de seminario y de título dedicada a la investigación y desarrollo de interfaces físicas y digitales
existe ogente nerd artista que quiere programar, solía ser duro porque generalmente los cursos introductorios no estaban orientados a sus intereses, solían ser en escuelas de ingeniería, matemtática o física, y de código orientado a texto y a procesamiento de datos, como sumas, restas, cálculo, etc.
a través de los años han habido muchos esfuerzos en usar la computación como un medio plástico de expresión artística y de diseño.
una pionera que quiero siempre destacar es muriel cooper, una de las fundadoras de mit media lab, donde trabajaba en su visual language workshop, y donde se desarrollaron pioneros experimentos computacionales tipográficos.
tras su muerte, el grupo de investigación es refundado con el nombre aesthetics + computation group, por el profesor john maeda, estudiante de muriel cooper. john maeda lanza una herramienta y libro fundacional del rubro: design by numbers, una herramienta de dibujo programático de 100 x 100 pixeles.
dos estudiantes de ese laboratorio y colaboradores de esa herramienta, casey reas y ben fry, desafían los consejos de su mentor john maeda, y lanzan processing en 2001, una herramienta vigente hasta el día de hoy.
Processing es una biblioteca y entorno de programación cuyo lenguaje es Java, que ha sido y sigue siendo muy usado en el desarrollo de apps multiplataforma, permite exportar aplicaciones que funcionan en distintos sistemas operativos en dispositivos de escritorio y móviles.
Casey Reas fue profesor mentor de Hernando Barragán en el Interaction Design Institute de Ivrea en Iatlia donde tomó la filosofía detrás de Processing y la implementó en microcontroladores, lanzando el proyecto Wiring, que se convirtió en la base del proyecto Arduino como lo conocemos hoy. más info aquí https://arduinohistory.github.io/.
este año Processing cumple 25 años, y desde hace ya más de una década existe la processing foundation, donde se congregan los esfuerzos de mantener viva esta comunidad, ofreciendo las herramientas de la fundación de forma gratuita, distribuyéndolas como código libre, y apoyando con becas y residencias el desarrollo de prácticas de arte y diseño en torno a la programación.
el año 2013 la artista y programadora Lauren Lee McCarthy ganó una beca de la Processing Foundation, y con ello propuso una respuesta a Processing si fuera lanzada una década después, y esta respuesta fue p5.js, que comparte la filosofía detrás de Processing, pero es una biblioteca de JavaScript que permite hacer proyectos web.
paulatinamente p5.js ha sido adoptado por escuelas de artes y diseño para enseñar programación, y es la herramienta que estamos usando este año inaugural en diseño udp de nuestro primer curso de programación obligatorio de la malla de estudios.
de hecho hoy es el examen de este curso, y por eso lo hicimos coincidir con processing community da 2026, nos emociona mucho estar aquí celebrando este hito, que continúa mañana sábado en la facultad de arquitectura, arte y diseño de la universidad diego portales, donde tendremos muestras de obras mediales, charlas invitadas y conciertos audiovisuales hechos con código.
toda la info en instagram de @lid.udp, y también en https://disenoudp.github.io/lid.
nuestro desafío hoy es usar código para generar el efecto de chroma, para eso propongo varios aspectos:
- color como fenómeno físico y como percepción humana, y su modelameiento y producción en computación
- uso de cámara en vivo en páginas web con p5.js
- manipulación de color en vivo con p5.js
- detección de presencia humana con ml5.js
- https://p5js.org/: Lauren Lee McCarthy et al
- https://ml5js.org/: Daniel Shiffman et al
- 10 millones de colores https://en.wikipedia.org/wiki/Color_vision#/media/File:16777216colors.png
- 2 elevado a 24 https://www.wolframalpha.com/input?i=pow%282%2C24%29
con esto, necesitamos 24 pixeles para describir todos los colores.
- https://p5js.org/reference/p5/createCanvas/
- https://p5js.org/reference/p5/setup/
- https://p5js.org/reference/p5/draw/
- https://p5js.org/reference/p5/mouseX/
- https://p5js.org/reference/p5/mouseY/
- https://p5js.org/reference/p5/createCapture/
- https://p5js.org/reference/p5/createButton/
- https://p5js.org/reference/p5/createColorPicker/
- https://p5js.org/reference/p5/pixels/
- https://p5js.org/reference/p5/loadPixels/
- https://p5js.org/reference/p5/updatePixels/
- abrir webcam
- detectar color verde
- programar color verde
- hacer un rango de verde
- ojo con las versiones
- usa modelos MoveNet y BlazePose
- https://docs.ml5js.org/#/reference/bodypose
ejemplos:
- BodyPose MoveNet Keypoints: Draw the keypoints of the detected body using MoveNet model. https://editor.p5js.org/ml5/sketches/hMN9GdrO3
- BodyPose BlazePose keypoints: Draw the keypoints of the detected body using BlazePose model. https://editor.p5js.org/ml5/sketches/OukJYAJAb
- BodyPose Skeletal Connections: Draw the skeletons on poses for the MoveNet model. https://editor.p5js.org/ml5/sketches/YBuqxIH1S
estos ejemplos son útiles si queremos detectar el cuerpo y hacer algo al respecto, pero hay más, sigamos
- usa modelos SelfieSegmentation y BodyPix
- SelfieSegmentation se enfoce en segmentar a la persona humana del fondo de la imagen
- BodyPix se usa para segmentación detallada de partes del cuerpo, por ejemplo, distingue entre extremidades de la persona. También puede hacer segmentación persona/fondo, pero es más intenso a nivel computacional
- https://docs.ml5js.org/#/reference/body-segmentation
ejemplos:
- BodySegmentation Mask Body Parts: Segment body parts from webcam input. https://editor.p5js.org/ml5/sketches/ruoyal-RC
- BodySegmentation Mask Background: Segment the background from webcam input. https://editor.p5js.org/ml5/sketches/KNsdeNhrp
- BodySegmentation Mask Person: Segment the person from webcam input. https://editor.p5js.org/ml5/sketches/h6TN8umP5
- BodySegmentation Select Body Parts: Segment selected body part(s) from webcam input. https://editor.p5js.org/ml5/sketches/R5rug0HKk
reversión de BodySegmentation Mask Background del equipo ml5.js, disponible en https://editor.p5js.org/montoyamoraga/sketches/ZBnxSc2Qh