This is great, has a ton of options and other solutions are way more laggy
A useful front-end confetti animation library
21–30 of 125 posts
Re: A useful front-end confetti animation library
#22Earlier quoted context omitted.
The excellent performance characteristics of the natural world may indeed be the best rebuttal of the popular theory that we live in a computer simulation!
Good simulations have constant time step and may not run in real time. From inside such simulation, you would never know.
I was introduced to this idea by the book Permutation City. Great read.
Re: A useful front-end confetti animation library
#23Cute animation, but I find it hard to say that the confetti animation is useful
Re: A useful front-end confetti animation library
#24Great job! Nice and realistic.
Did you build Framework integrator like useEffect for React or Directive for Angular?
It could be great to enforce developper adoption.
Re: A useful front-end confetti animation library
#25Cute animation, but I find it hard to say that the confetti animation is useful
this says more about you than it does about the confetti animation
Re: A useful front-end confetti animation library
#26[flagged]
The developer has of course provided a print stylesheet (expect no less from a pro). Just print it, frame it, hang it up on the wall and voilà! A no-JS confetti demo right there in your living room.
Re: A useful front-end confetti animation library
#27[flagged]
now that you mention it it would be neat to implement this as a bunch of overlapping gifs or a fanciful css animation
Re: A useful front-end confetti animation library
#28[flagged]
[deleted]
Re: A useful front-end confetti animation library
#29[flagged]
Hard to get much more obvious than that. How else did you think this was implemented as a front-end library?
If someone told me it was pure CSS, I'd believe them. I'm not a frontend dev, so I'm always impressed by what you can now do without having to import a whole JS library.
Re: A useful front-end confetti animation library
#30So the trick for performant animation here is to draw on canvas and put the canvas in front of all other elements but disable pointer events on canvas so that you can still interact with the page.