Butterfly on My Face
Launch this tool in a distraction-free environment optimized for classroom instruction.
About
What is Butterfly on My Face?
Butterfly on My Face is a magical mixed-reality ecosystem that brings digital art to life. Utilizing advanced MediaPipe AI to track your face, body, hands, and silhouette through your webcam, you can interact with beautiful, procedural butterflies. You can use the built-in Studio to draw your own species or load realistic top-down stock butterflies. Then, toggle your environment between your real-world camera or immersive, animated virtual environments that seamlessly replace your background.
STEM connections
This tool excels at bridging the gap between digital illustration, 3D animation theory, and AI machine vision.
Technology: Computer Vision & AI
Demonstrate how AI interprets human anatomy and depth. As butterflies automatically land on the student's nose, shoulders, or fingertips, teachers can explain "landmarks" and skeletal tracking. The new "Virtual BG" modes utilize real-time Selfie Segmentation, demonstrating how AI can separate foreground subjects from their backgrounds instantly.
The Arts: Procedural Animation
A perfect introduction to skeletal rigging. Students design a top-down butterfly showing all four wings. By setting a single "Anchor Point" (the body), the app uses mathematical sine waves to procedurally squash and stretch the flat drawing, creating a fully realistic, 3D-feeling flapping animation from a static image.