Implementing a Foil Sticker Effect

135 ibobev 9 9/1/2025, 6:47:21 PM 4rknova.com ↗

Comments (9)

andrewljohnson · 2h ago
This is neat, I have a simple CSS effect that I apply to foil cards on my Magic card marketplace site, but I have wondered what it would take to replicate all the different foil effects that a Magic card can come in to be both more varied and more true to life, in a performant way that fits into my CRUD svelte UX.
dalmo3 · 2h ago
pmkary · 14m ago
I wished for years I could know how to make this! I can't express my thank you enough!
unglaublich · 3h ago
Shaders are really fascinating imo. Shadertoy is a nice website to try some out online https://www.shadertoy.com/
xnx · 2h ago
Cooler than I expected! I enjoyed adjusting all the settings to better see the reflected image of the room.
GuB-42 · 2h ago
I did that too, looked up the reflection map.

As it turns out, the room in question is in Jedlinka Palace in Poland. The texture itself is this one: https://polyhaven.com/a/mirrored_hall

mensetmanusman · 2h ago
Hopefully the api has access to the webcam!
dmd · 2h ago
ios has a sticker-effect (“shiny”) like this which has the added bonus of responding directly to phone tilt. the first time i saw it I actually gasped.
VenturingVole · 2h ago
This is the kind of random things I absolutely love to see here.