creative tech•2024 - 2025•WebGL, Mobile Web, Cross-Platform
trading card museum
3D Archival & Holographic Showcase Experience
Overview
Trading Card Museum is a real-time 3D archival platform celebrating the art and history of collectible trading cards. Using custom WebGL shaders, it reproduces complex holographic diffraction gradients, prismatic hot-stamps, embossed foil reliefs, and texture depth. Users can inspect ultra-high-resolution card scans in 360-degree 3D space, tilting their mobile devices to watch the iridescent foils shimmer with authentic physical light physics.
Key Highlights
Physically modeled holographic foil reflection and specular dispersion shaders
Mobile gyroscope & accelerometer integration for tactile physical card tilt on iOS/Android
Archival database linking cards with print runs, artist biographies, and historical context
Dynamic lighting rig allowing users to switch between studio strobe, display case, and sunlight
High-performance texture streaming maintaining pristine detail without frame drops
Platform & Store Compliance
CONTENT RATINGAll Audiences
DATA TELEMETRY & PRIVACYZero tracking. Hardware sensor permissions (gyroscope) used exclusively on-device for card tilt interaction.
STORE POLICIESComplies with W3C Device Orientation Security specifications and browser permission models.
Responsibilities
- •GLSL Foil & Hologram Shader Engineering
- •Three.js 3D Interactive Scene Architecture
- •Touch & Gyroscope Interaction Design
- •Historical Art Curation & Archival Cataloging
Technologies
Three.jsWebGLGLSL ShadersTypeScriptNext.jsWebXR / DeviceOrientation API
Platforms
WebGL, Mobile Web, Cross-Platform