A modern web application that simulates opening physical holographic trading card booster packs with realistic 3D foil tearing, card emergence animations, particle fireworks, procedural Web Audio sound effects, and collection tracking.
Developed by Kalim ullah.
- Realistic 3D Booster Pack: Metallic foil gradients, crimped seals, brand emblem, and dynamic light reflections.
- Cinematic Opening Experience:
- Energy charging rumble and vibration.
- Realistic top foil tear physics with flying metallic foil flakes.
- Card rises vertically out from inside the opened pack sleeve, ascends into center stage, and flips in 3D to reveal its artwork and stats.
- Rarity shockwaves, starbursts, and confetti bursts.
- 12 Unique Cards Across 5 Rarity Tiers:
- Mythic: Astrid, Aurora Valkyrie, Omniscient Void Eye
- Legendary: Solaris the Sunforged, Abyssal Leviathan
- Epic: Aethelgard Chrono-Mage, Shinobi-09 Cyber Phantom
- Rare: Pyre Wolf, Glacier Titan, Vesper, Shadow Stalker
- Common: Vanguard Protector, Lumina Fey, Thunder Gale Raptor
- Specific Card Selector & Mystery Pack Mode: Open a mystery pack with weighted RNG or choose any specific card to reveal directly.
- Interactive 3D Mouse & Touch Tilt: Real-time perspective tilt with dynamic holographic sheen and specular glare.
- Pure Web Audio Sound Effects: 100% offline, zero-asset synthesized audio (foil tear, hum, swoosh, snap, and rarity-tuned fanfare chords).
- Collection Album Binder: Track discovered cards and click any unlocked card to inspect in 3D.
- HTML5 & CSS3 (3D transforms, perspective, CSS grid & flexbox)
- JavaScript (ES6+)
- HTML5 Canvas (Particle & Confetti FX Engine)
- Web Audio API (Procedural audio synthesis)