♋ Cancer - 3D Interactive Zodiac Constellation & Live Wallpaper
Dive into the gentle, intuitive cosmic tides of Cancer ♋ - The Crab. Powered by Three.js and high-performance WebGL rendering, this interactive web application transforms the iconic Cancer symbol into an oceanic 3D starscape filled with pearl stardust, aqua-blue light streams, and real-time astronomical exploration.
Whether you need a tranquil interactive hero section for your website, a standalone live desktop wallpaper (Wallpaper Engine / Lively Wallpaper), or an engaging astrology digital artwork, Cancer 3D delivers a smooth, hypnotic visual experience directly in any web browser.
✨ Key Features
- ♋ Authentic 3D Cancer Glyph & Constellation: Features smooth Catmull-Rom curve frames accurately traced from the official Crab Claws symbol (interlocking twin loop shapes), complete with inner hollow loop outlines, sparkling pearl glitter, and interior stardust.
- ⭐ Interactive Star Exploration: Hover over iconic stars including Beta Al Tarf (The Crab's Southern Claw-Tip & Brightest Star), Alpha Acubens (Northern Claw), Delta Asellus & Gamma Asellus (The Donkeys near the Beehive cluster), 55 Copernicus (Famous Planet-Hosting Exoplanet System), and more to reveal real astronomical metrics (Visual Magnitude, Distance in light-years, Spectral Type, and Lore).
- ✨ Dynamic Particle Systems & Visual Effects:
- Real-time Pearl (#F2F6FB), Moon Blue (#C9D8EA), Aqua (#6FA8C9), and Slate Blue (#46618A) particle streams.
- Spontaneous meteor shower / shooting star animations.
- Soft drifting cosmic nebula clouds set against a deep abyss navy backdrop.
- Post-processing UnrealBloomPass glow and filmic tone mapping.
- 🎮 Full 360° Interactive Orbit Controls: Rotate, pan, and zoom seamlessly to inspect the constellation from any perspective in 3D space.
- 🎛️ Glassmorphism UI & Controls: Sleek glass control bar allowing users to toggle Symbol Lines and 3D floating star labels on/off effortlessly.
- 📱 Modern & Fully Responsive: Designed with clean responsive layouts and luxury typography (Cinzel & Plus Jakarta Sans).
- 🚀 Zero Build / Standalone HTML5: Built with ES Modules and Three.js CDN imports. No npm installation or build process needed—just open `Cancer.html` in any browser!
🛠️ Technical Specifications
- Tech Stack: HTML5, Vanilla CSS3, JavaScript (ES6+), Three.js (r160 WebGL).
- Post-Processing: UnrealBloomPass, EffectComposer, ACESFilmicToneMapping.
- Compatibility: Fully compatible with all modern WebGL-enabled desktop and mobile web browsers (Chrome, Firefox, Edge, Safari).
- Dependencies: Loaded via CDN / ES Map imports (No local server required).
💡 Ideal Use Cases
- Live Desktop Wallpaper: Compatible with Wallpaper Engine, Lively Wallpaper, DesktopHut.
- Astrology & Horoscope Websites: Interactive hero banner or feature section.
- WebGL Showcase & Creative Coding: Great learning reference or base template for 3D web graphics.
- Digital Art & NFT Web App Display.
📦 What's Included?
- `Cancer.html` (Complete, self-contained interactive 3D WebGL project file).