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 6 days ago | parent | next [-]

Must see: https://github.com/simeydotme/pokemon-cards-css

▲

crazygringo 5 days ago | parent | next [-]

Link to see it in action: https://poke-holo.simey.me/

Be sure to scroll down to see the advanced foil effects on cards, the top card is a very basic example.

	▲	Groxx 5 days ago \| parent [-]
		Ha, and it uses the gyroscope too - that's excellent work

▲

muragekibicho 5 days ago | parent | prev [-]

some people just mastered their domain. i pray i get this good in my area of expertise: elliptic curves. lol im researching curves on random math sites, and learning different implementation tricks (like the subtle diff in MSB and LSB implementations of the double and add algorithm* or that sometimes you can find the weirdest endomorphisms on non-binary Koblitz curves (they're not documented AFAIK and Koblitz the OG is too old to be chasing 1-bit, 2-bit endomorphisms)

This was me in awe of the pokemon card CSS lol. It appears to have been done before AI and this makes it even more impressive tbh.

*The diff is in MSB->LSB the generator remains constant while in LSB->MSB to the generator doubles. Either way, you always know the value of the generator at every bit. I think this is a vulnerability but I just can't find out how.

▲

colechristensen 5 days ago | parent | prev [-]

You can run shaders like this in the browser, so you could probably start by directly lifting this code (and practicing in shadertoy)