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