
Art
Jelly / Stage 0
Guide a jellyfish through a living canvas.
The original prompt.
Copy it. Add your own twist.
Read the complete original prompt
Develop a browser-based immersive interactive experience named Jelly Stage 0. Core functionality includes integrating on-device private hand tracking via front camera, which runs entirely locally without transmitting any user data off the device, covering both camera and audio processing workflows. Implement a full-screen WebGL fluid canvas as the main interaction interface, where a lifelike bottle jellyfish serves as the core interactive object. Map clear and distinct hand gesture triggers to corresponding interaction effects: when the user opens their palm, the jellyfish displays a blooming animation; when the user waves their hand, the canvas fluid current is stirred accordingly; when the user clenches a fist, a burst of color effect is triggered on the canvas; when the user snaps their fingers, the system automatically generates and allows download of the current canvas art as a PNG file. Technically, build the entire project using Three.js for 3D rendering logic, MediaPipe for stable hand tracking implementation, and a mature WebGL fluid simulation module to ensure smooth and realistic fluid dynamic performance. Ensure the entire experience is lightweight, runs smoothly on mainstream modern browsers without requiring additional plug-in installations, and all processing links strictly stay on the user's local device to fully protect user privacy. Optimize interaction response latency to keep gesture triggers and feedback within a sensitive and natural range, and polish the jellyfish's movement and animation details to make its presentation vivid and consistent with the characteristics of a real jellyfish, delivering a natural and immersive interactive experience for end users.


