Healthy Smile – Sketch interactivo con detección facial

Este proyecto es una pieza interactiva creada con p5.js, pensada para jugar con la cámara y generar una experiencia visual divertida y reactiva. El sketch detecta el rostro del usuario y responde a sus gestos mediante animaciones, partículas y elementos gráficos que se activan cuando la boca se abre, se mueve o cambia de forma. La idea es transformar un gesto cotidiano en una pequeña experiencia creativa.

El desarrollo lo realicé inicialmente en Visual Studio Code, donde organicé todo el código, los recursos visuales y sonoros, y preparé la versión empaquetada con Electron para convertirlo en una aplicación de escritorio. Una vez finalizado, subí el sketch al editor online de p5.js para generar el enlace FullScreen que permite visualizarlo directamente desde el navegador.

¿Cómo funciona?

  • Activa la cámara y detecta tu rostro.
  • Analiza la posición de la boca mediante FaceMesh.
  • Cuando detecta que la boca se abre, se activan animaciones y elementos sonoros.

Es una experiencia sencilla, inmediata y pensada para que cualquiera pueda probarla sin instalar nada.

https://editor.p5js.org/mamoresp/full/QU6rThfQ0

¡Bienvenidos y bienvenidas!

Pública

¡Hola!

Esta publicación se ha generado automáticamente y solo puedes verla tú.

Te presentamos tu Folio, un portafolios donde podrás publicar las PEC y las actividades de tus asignaturas, además de tus proyectos propios. Te invitamos a explorarlo y personalizarlo cambiando el tema, los colores o la imagen de cabecera.

Para personalizar tu Folio y empezar a publicar entradas, navega por la barra superior y haz clic en Añadir / Entrada o accede al Tablero, donde encontrarás el menú lateral de WordPress con todas las opciones de la herramienta.

Las publicaciones que vincules a las actividades de las asignaturas se mostrarán en el Ágora del aula. Desde allí podrás ver las publicaciones de tus compañeros y compañeras y dejar comentarios.

Te recordamos que puedes elegir el nivel de visibilidad de cada publicación: pública, protegida con contraseña, campus, aula, visible solo para el profesorado y privada.

Te dejamos un link al espacio de aprendizaje donde encontrarás todas las indicaciones básicas para actualizar tu Folio, hacer publicaciones, vincularlas a las actividades de las asignaturas y hacer entregas en el REC. ¡Échale un vistazo!

Si tienes cualquier duda, puedes ponerte en contacto con el profesorado de tu asignatura o con el servicio de atención.