♓ Pisces - 3D Interactive Zodiac Constellation & Live Wallpaper
Dive into the serene, cosmic depths of Pisces ♓ - The Two Fishes. Powered by Three.js and high-performance WebGL rendering, this interactive web application transforms the iconic Pisces symbol into a shimmering 3D starscape filled with ethereal violet light streams, dynamic stardust, and real-time astronomical exploration.
Whether you are looking for an interactive background for your website, a standalone live desktop wallpaper (Wallpaper Engine / Lively Wallpaper), or a digital artwork showcase, Pisces 3D delivers a peaceful, enchanting visual experience directly in any web browser.
✨ Key Features
- ♓ Authentic 3D Pisces Glyph & Constellation: Features a smooth Catmull-Rom curve frame accurately traced from the official two-fishes-bound-by-a-cord symbol, embellished with sparkling violet glitter and interior stardust.
- ⭐ Interactive Star Exploration: Hover over iconic stars including Alpha Alrescha (The 'Knot of the Cord' linking the two fish), Eta Piscium, Gamma Piscium, Omega Piscium, Delta Piscium, and more to reveal real astronomical metrics (Visual Magnitude, Distance in light-years, Spectral Type, and Lore).
- ✨ Dynamic Particle Systems & Visual Effects:
- Real-time Amethyst (#A855F7), Violet (#7C3AED), Orchid (#C084FC), and Moon-Glow (#E9D5FF) particle streams.
- Spontaneous meteor shower / shooting star trail animations.
- Soft drifting cosmic nebula clouds set against a deep midnight purple background.
- 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 overlay 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 `Pisces.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: Ideal for Wallpaper Engine, Lively Wallpaper, DesktopHut.
- Astrology & Horoscope Websites: Interactive hero section or feature element.
- WebGL Showcase & Creative Coding: Great learning reference or base template for 3D web graphics.
- Digital Art & NFT Web App Display.
📦 What's Included?
- `Pisces.html` (Complete, self-contained interactive 3D WebGL project file).