Dibuja tu rostro con IA en Scratch
Dificultad
Intermedio
Extensión
Malla Facial + Lápiz
📖 Qué Aprenderás
- Usar las coordenadas de los puntos clave de la IA para colocar y estampar un objeto.
- Usar bucles anidados para dibujar cada punto de cada rostro detectado.
- Cambiar el tamaño y el color para resaltar los iris.
🧰 Qué Necesitas
- Pishi.ai en Scratch (iniciar un nuevo proyecto), una cámara y permiso para usarla.
- Las extensiones FaceMesh y Lápiz.
- Un disfraz de punto pequeño y un fondo oscuro. Deja a Pishi como presentador.
🛠️ Construye tu Proyecto
1. Prepara tu dibujo
Abre el proyecto de ejemplo o crea un objeto llamado «Puntos de rostro» con un disfraz de punto pequeño. Añade un fondo oscuro para que los puntos destaquen, y luego añade FaceMesh y Lápiz.
Crea dos variables: «rostro» selecciona el rostro que se va a dibujar y «punto» selecciona su punto clave. Oculta sus monitores para que el escenario se vea limpio.
2. Inicia el bucle de dibujo
Cuando se haga clic en la bandera verde, fija la transparencia del video en «100» y oculta el objeto «Puntos de rostro». Ocultar el objeto evita que se vea el original en movimiento, mientras sus estampados forman el dibujo.
Crea un bloque personalizado llamado «dibujar rostros» y selecciona «Ejecutar sin refrescar la pantalla». Llámalo dentro de un bucle «por siempre» para mantener el dibujo actualizado.
3. Dibuja cada rostro y resalta los iris
Dentro de «dibujar rostros», usa «borrar todo» y luego fija «rostro» en «0». Repite tantas veces como rostros detectados haya.
Para cada rostro, fija «punto» en «0», el tamaño en «100%» y el efecto de color en «50 × rostro». Repite «478» veces: fija x e y usando las coordenadas de FaceMesh de ese punto, estampa y cambia «punto» por «1».
Cuando «punto» llegue a «468», fija el tamaño en «150%» y cambia el efecto de color en «40». Los siguientes diez estampados dibujan los puntos del iris con un estilo diferente. Al terminar cada rostro, cambia «rostro» por «1».
¿Por qué 478? Los puntos «0–467» dibujan el rostro principal; los puntos «468–477» dibujan los iris. Cada rostro empieza con su propio color, y los puntos de sus iris usan un color desplazado.
4. Add View Controls and Pishi’s Hint
Cuando se presione la tecla «V», fija la transparencia del video en «0» para mostrar la cámara detrás del dibujo. Cuando se presione «D», fíjala en «100» para ver solo el dibujo. El seguimiento continúa en ambas vistas.
Haz que Pishi diga: «¡Mueve tu rostro y mira cómo te siguen los puntos!». Después: «Presiona D para ver solo el dibujo y V para la vista de cámara».
🚀 ¡Prueba tu Proyecto!
Haz clic en la bandera verde, mira a la cámara y muévete despacio. Prueba «V» y «D», y luego invita a un amigo a entrar en el encuadre para comparar los colores de los rostros. Sal del encuadre: el dibujo anterior debería desaparecer.
Consejo para la cámara: Usa buena iluminación y mantén tu rostro bien visible. Si el dibujo va lento, empieza con una sola persona.
🤖 ¿Cómo Funciona?
Borrar el dibujo anterior
↓
Leer cuántos rostros se detectan
↓
Fijar el tamaño y el color iniciales de los puntos de cada rostro
↓
Estampar 478 puntos por rostro, resaltando los últimos 10 puntos del iris
↓
Seguir actualizando mientras los rostros se mueven
💡 ¡Mejóralo!
-
- Diseña tu propio estilo
Cambia el disfraz del punto, el fondo o el tamaño del iris. - Explora los colores de los rostros
Cambia «50 × rostro». ¿Cómo cambia el dibujo cuando aparece un segundo rostro? - Remix avanzado: Alineación de objetos
Prueba la Detección de objetos. Guarda las detecciones actuales ordenadas de izquierda a derecha y dibuja un punto en el centro de cada detección guardada. Compara una instantánea guardada con los resultados en vivo.
- Diseña tu propio estilo
🔗 Comparte tu Creación
Muestra tu diseño de puntos de rostro a un amigo o a tu clase. Explica cómo «rostro» y «punto» ayudan al proyecto a dibujar más de un rostro.
