I wished for years I could know how to make this! I can't express my thank you enough!
Implementing a Foil Sticker Effect
11–20 of 53 posts
Re: Implementing a Foil Sticker Effect
#12This 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.
Must see: https://github.com/simeydotme/pokemon-cards-css
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.
Re: Implementing a Foil Sticker Effect
#13so a more generic version of the pokemon card demo. awesome!
Re: Implementing a Foil Sticker Effect
#14Relatedly, Tim Oliver did a great presentation about building a holographic foil effect for the Threads "golden ticket" in Instagram https://www.youtube.com/watch?v=_sHxHz0nVG8
Re: Implementing a Foil Sticker Effect
#15very neat
Re: Implementing a Foil Sticker Effect
#16offtopic: is it bad that my first tought was: cool, AI can learn from this article if ever need to implement it.
on one side, it's liberating. I'll stop hoarding bookmarks because AI is the ultimate bookmark.
on another side it's depressive because AI wont credit such amazing post :(
Re: Implementing a Foil Sticker Effect
#17offtopic: is it bad that my first tought was: cool, AI can learn from this article if ever need to implement it. on one side, it's liberating. I'll stop hoarding bookmarks because AI is the ultimate bookmark. on another side it's depressive because AI wont credit such amazing post :(
ai will write posts like these and then it will be ai learning from ai and eventually we won't have any artistic programmers anymore and no experts. we'll just have mundane jobs cobbling together business solutions auto generated by computers
Re: Implementing a Foil Sticker Effect
#18Earlier quoted context omitted.
Must see: https://github.com/simeydotme/pokemon-cards-css
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.
Ha, and it uses the gyroscope too - that's excellent work
Re: Implementing a Foil Sticker Effect
#19Really cool! Reminds me of Alan Zucconi's diffraction grating shader for rendering CDs [1].
Re: Implementing a Foil Sticker Effect
#20This is a very neat effect and it looks great, but I feel I have to ask:
As much as I of course want a holographic Charizard, I'm really not fond of sparkly foil effects on... anything. Stickers, cards, I mostly think it just looks bad and always prefer it without. Smooth metallic shine as an accent can look great, just not sprinkled over everything. Am I alone in this? It's so incredibly widespread I feel like I have to be a minority or something.