Skip to content(if available)orjump to list(if available)

Implementing a Foil Sticker Effect

Implementing a Foil Sticker Effect

9 comments

·September 1, 2025

andrewljohnson

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.

xnx

Cooler than I expected! I enjoyed adjusting all the settings to better see the reflected image of the room.

GuB-42

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

Hopefully the api has access to the webcam!

unglaublich

Shaders are really fascinating imo. Shadertoy is a nice website to try some out online https://www.shadertoy.com/

dmd

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

This is the kind of random things I absolutely love to see here.

klajdiereqi

[flagged]