Pokebox - ThreeJS + Pokemon Holo Effects — Web Design Project

I've tinkered on an experiment to combine Off-Axis Perspective Projection with Pokemon TCG cards. The resulting web app lets you experience the holo foil effect of the TCG cards.

When I pull and admire TCG cards I use my hand to tilt them but also move my head to reveal the different holo effects each card has to offer. This is what the app tries to achieve.

When you use a Laptop + Webcam setup the app tracks your head and you can reveal the holo effect by moving your head. On mobile the app uses the gyro/accelerometer but it is just a fallback.

If you are interested the code is public on GitHub.

It was fun to learn about WebGL/ThreeJS and how to recreate holo foil layers using GLSL. Claude Code + Opus 4.6 we're a great help. So as a transparency note: Yes AI was used in this project.

The demo is available here : https://pokebox.lopatkin.net/

Everything begins with understanding.