Sand Manalda

• 

  Overcome stress

Inspiration

In today's fast-paced world, stress and anxiety are at an all-time high. We wanted to create a digital sanctuary—a place where anyone could take a quick mental break. We were inspired by the ancient art of Sand Mandalas, which is known for its meditative and therapeutic properties, and combined it with modern ASMR auditory feedback to create a deeply relaxing experience.

What it does

ZenSand is an interactive, beautiful, and fluid digital sand mandala tool for mindfulness. When users touch or drag on the screen, it draws intricate, mirrored geometric patterns with multi-fold radial symmetry. Key features include:

• Luminous Neon Glow: Every stroke shines beautifully like real radiant sand.
• Procedural Sand ASMR: Natively generates a soothing, organic sand-scratching sound right in the browser based on drawing interaction.
• Fluid Particle Physics: Spawns thousands of dynamic sand grains that burst and slide realistically before fading.
• High-Res Export: Users can download their final creations instantly as high-quality PNG images.

How we built it

The entire application was built from the scratch using the MeDo AI platform by converting complex technical specifications into precise prompt instructions. Under the hood, it utilizes a dual-layer HTML5 Canvas engine for crisp rendering, raw JavaScript for real-time particle physics, and the native Web Audio API for real-time sound synthesis.

Challenges we ran into

Since we wanted a flawless production-grade app, we faced major hurdles with cross-device layout scaling. Canvas paths often look blurry on high-DPI Retina screens, which we fixed using device pixel ratio scaling. Another challenge was preventing the user's artwork from wiping clean during screen orientation changes or resizing, which we solved by engineering a temporary offscreen background cache system.

Accomplishments that we're proud of

• Achieving a locked 60 FPS performance even when rendering thousands of physics-based sand particles simultaneously on mobile devices.
• Generating deep, realistic sand friction audio completely procedurally without loading heavy external asset files.
• Creating a beautiful, glassmorphic UI that looks premium and non-intrusive.

What we learned

We learned how to maximize the potential of the MeDo AI platform through advanced structured prompt engineering. We also gained deep insights into raw Web Audio API synthesis, coordinate transformation mathematics for multi-fold radial reflection, and optimization strategies for ultra-smooth web performance.

Built With

• css
• html
• javascript
• medo