4 ms·
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 t
by andrewljohnson 1y 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 1y agoMust see: https://github.com/simeydotme/pokemon-cards-css https://github.com/simeydotme/pokemon-cards-css
- crazygringo 1y agoLink to see it in action: https://poke-holo.simey.me/ 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 1y agoHa, and it uses the gyroscope too - that's excellent work
- muragekibicho 1y agosome 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 1y agoYou can run shaders like this in the browser, so you could probably start by directly lifting this code (and practicing in shadertoy)