Convierte tu mano en un esqueleto colorido con IA en Scratch
Dificultad
Intermedio
Tiempo estimado
20–30 minutos
Extensión
Posición de Mano + Lápiz
📖 Qué Aprenderás
- Usar las coordenadas de puntos clave de la IA para dibujar una mano en movimiento.
- Usar bucles anidados para conectar los puntos de los cinco dedos.
- Combinar líneas del lápiz y sellos de disfraz en un mismo dibujo.
🧰 Qué Necesitas
- Pishi.ai en Scratch (iniciar un nuevo proyecto), una cámara y permiso para usarla.
- Las extensiones HandPose y Lápiz.
- Un disfraz de punto pequeño y un fondo oscuro. Pishi puede presentar la actividad.
🛠️ Construye tu Proyecto
1. Prepara tu dibujo
Abre el proyecto de ejemplo o crea un objeto llamado “Hand dots” con un disfraz de punto pequeño. Agrega HandPose, Lápiz y un fondo que haga que el dibujo se vea bien.
Crea dos variables: “hand” selecciona la mano que se dibuja y “point” selecciona un punto clave. Oculta sus monitores para despejar el escenario.
2. Inicia el bucle de dibujo
Cuando se haga clic en la bandera verde, establece la transparencia del video en “100” y oculta el objeto que dibuja. El proyecto comienza en la vista de solo dibujo, mientras la cámara sigue detectando tu mano.
Crea un bloque personalizado llamado “draw hands” y selecciona “Ejecutar sin actualizar la pantalla”. Llámalo dentro de un bucle “por siempre” para mantener el dibujo actualizado.
3. Dibuja los dedos y la palma
Inside “draw hands,” use “erase all,” lift the pen, set pen size to “3,” and set “hand” to “0.” Repeat for the number of detected hands.
Para cada mano, establece “point” en “1”, el tamaño del objeto en “300 %” y el color del lápiz en “25 × hand”. Repite “5” veces, una por cada dedo:
- Sube el lápiz y ve al punto clave “0”, la muñeca.
- Si “point” es igual a “1”, sella el punto de la muñeca una sola vez para esta mano.
- Para cada mano, establece “point” en “1”, el tamaño del objeto en “300 %” y el color del lápiz en “25 × hand”. Repite “5” veces, una por cada dedo:
Después de dibujar los cinco dedos, sube el lápiz y establece “point” en “5”. Repite “4” veces: ve a las coordenadas de ese punto, baja el lápiz y cambia “point” en “4”. Así se visitan los puntos “5 → 9 → 13 → 17” y se dibujan tres líneas a través de la palma. El primer movimiento se hace con el lápiz arriba, por lo que no se dibuja una línea desde la punta del dedo anterior.
Por último, cambia “hand” en “1” para dibujar la siguiente mano.
¿Por qué 5 × 4? Cada dedo tiene cuatro puntos detectados. El contador continúa por los puntos “1–20”, mientras que cada cadena de dedo empieza en la muñeca, el punto “0”. La muñeca se sella una sola vez cuando “point” es igual a “1”, de modo que cada mano tiene 21 puntos en total.
4. Add View Controls and Pishi’s Hint
Cuando se presione “D”, establece la transparencia del video en “100” para ver solo el dibujo. Cuando se presione “V”, establécela en “0” para mostrar la cámara de nuevo. El seguimiento de manos continúa en ambas vistas.
Haz que Pishi diga: “¡Mueve las manos y mira cómo te siguen los puntos!” Luego: “Presiona D para ver solo el dibujo y V para la vista de cámara.”
🚀 ¡Prueba tu Proyecto!
Haz clic en la bandera verde y coloca una mano abierta frente a la cámara. El dibujo aparece en el fondo. Separa los dedos y busca las líneas que cruzan la palma.
Presiona “V” para comparar el dibujo con tu mano y luego “D” para volver a la vista de solo dibujo.
Agrega otra mano y compara los colores de las líneas. Saca las manos del campo de visión: el dibujo debería desaparecer.
🤖 ¿Cómo Funciona?
HandPose proporciona las posiciones de la muñeca y de los puntos de los dedos. Tu código dibuja cinco cadenas desde la muñeca, sella los 21 puntos y conecta las bases de los cuatro dedos a través de la palma.
Borra y vuelve a dibujar la imagen a medida que tus manos se mueven.
Borrar el dibujo anterior
↓
Leer cuántas manos se detectan
↓
Establecer el punto inicial y el color de línea de cada mano
↓
Sellar 21 puntos y dibujar las líneas de los dedos y la palma
↓
Seguir actualizando mientras las manos se mueven
💡 ¡Mejóralo!
- Diseña tus propios marcadores:
cambia el disfraz o el tamaño del punto para darle un nuevo aspecto a tu esqueleto de mano. - Dedos arcoíris:
cambia el color del lápiz antes de dibujar cada cadena de dedo. - Resalta la palma:
establece un color o grosor de lápiz diferente antes del bucle de la palma. Compara cómo el nuevo estilo separa la palma de los dedos.
