Description
Umbral | HTML5 3D Dual Shadow Puzzle Game
Umbral | HTML5 3D Dual Shadow Puzzle Game is a striking 3D puzzle built around light, form and perspective. Every level drops a sculpture onto a pedestal lit from two directions, casting a shadow on Wall A and Wall B at the same time. Rotate the piece with a drag and watch both shadows shift together. The goal is to align both silhouettes with their targets at once, not just one.
The journey runs through 50 handcrafted sculptures across 5 acts, from simple classical monoliths rotated on a single axis to full dual-axis pieces that demand real spatial reasoning. Every sculpture comes with a short real art-history fact, tying the puzzle to the Classical, Renaissance, Mannerist, Constructivist and Surrealist eras it is themed around. A Pure Vision seal rewards players who solve a level without using a hint.
Key Features:
- Drag-to-rotate 3D mechanic with real-time dual-shadow matching
- 50 handcrafted sculptures across 5 thematic acts, each with a real art-history fact
- Progressive difficulty: single-axis rotation early on, full dual-axis puzzles later
- Live match percentage feedback on both shadow walls as you rotate
- Star rating and a Pure Vision seal for hint-free solves
- Built-in hint system with a visual rotation guide
- Fresh, vibrant luminous color palette with glowing shadow silhouettes
- Built-in sound effects with a simple mute toggle
- Fully responsive drag/touch controls for mobile, tablet and desktop
- No external CDN dependencies, works fully offline
- Easy to customize: colors, sculptures and levels are set in the config and level files
- Clean, well-commented vanilla JavaScript with a custom lightweight 3D engine, no frameworks and no build step
Perfect For:
- Spatial reasoning and puzzle game portfolios with an art-gallery aesthetic
- HTML5 game licensing marketplaces
- Embedding into WordPress, Android WebView or Cordova/Capacitor apps
- Players who enjoy calm, thoughtful, one-of-a-kind puzzle concepts


