I remember putting falling snow on our ecommerce site in like 2005 and just how amazing that feeling was. Oh how far we've come! sort of!
A useful front-end confetti animation library
101–110 of 125 posts
Re: A useful front-end confetti animation library
#102Useful for annoying your visitors? Why on earth would they not enable the setting which honours the `prefers-reduces-motion` media flag for users who don't want stuff flying all over their screens?!
They have it in the Readme where they're considering making it a default in the future.
Re: A useful front-end confetti animation library
#103We built similar animation part of a product few years ago. The flow was something like - when a new user signs up and users our product for the first time and creates certain artifact, the confetti animation would be displayed. Product managers loved it and they would show it off to execs as playful, refreshing, etc. But later on after UX reviews, accessibility testing, the feature was ultimately removed from the product.
It was fun to present it in demos, but it can also be annoying to users.
Re: A useful front-end confetti animation library
#104Earlier quoted context omitted.
Will the canvas allow you to hit-test the confetti piece given the coordinate?
Canvas draws raster images, anything resembling an object in your drawing logic is already tracked separately by necessity. So regardless, you’d presumably check against whatever data model you’re using to determine what to draw.
By what time the user clicks, there's no reason for the program to need to remember what they drew where.
Re: A useful front-end confetti animation library
#105I use this on unicornpoep.nl, a little multiple choice toy i built for my daughter to teach her multiplication tables.
This library is an awesome chromebook killer. I need to find something more optimized. But it does the trick!
Re: A useful front-end confetti animation library
#106Earlier quoted context omitted.
She said no - but we went on to be great friends still to this day, so I'd say it did work. We joke about it still.
I knew someone that made a PowerPoint presentation for their partner for Valentine's Day. So you're doing great in comparison
My online dating profile was a PowerPoint presentation before I met my partner.
It easily quadrupled my matches.
Re: A useful front-end confetti animation library
#107Earlier quoted context omitted.
Good simulations have constant time step and may not run in real time. From inside such simulation, you would never know.
It's only meaningful to consider that our world is a simulation if it is an imperfect one, otherwise you're just using "simulation" as an awkward synonym for "reality". Click the "snow" button enough ( https://catdad.github.io/canvas-confetti/ ) and you'll get a horizontal line separating the pre-slowdown flakes from the post-slowdown flakes. I suppose that's the kind of simulation imperfection that we might look for…
What would it even mean for a simulation to be imperfect, though, from the perspective within the simulation? You can only observe the simulated phenomena. So it would be perfectly normal, say, if things become non-deterministic at the hardest to observe small scales, or if there were minor inconsistencies between the smallest scale behaviors and the largest. You'd just call it "physics".
Re: A useful front-end confetti animation library
#108Go multi click on the run button for the "School Pride" demo. I double dare you.
Hell, they let you edit the code samples. Slap the code in a for(let i = 0; i and watch the magic. Really impressive how it doesn't slow down the rest of page.
Re: A useful front-end confetti animation library
#109Earlier quoted context omitted.
I knew someone that made a PowerPoint presentation for their partner for Valentine's Day. So you're doing great in comparison
My online dating profile was a PowerPoint presentation before I met my partner. It easily quadrupled my matches.
And now we live in a world where “powerpoint presentations as dating profiles” are basically the norm
Re: A useful front-end confetti animation library
#110This is cool and impressive. At the same time I don't want to see it running on any website that I use. And especially - I wouldn't want to see confetti accompany newsletter popups or adding products to basket.
We use this library when a person qualifies for something. It's a neat effect to our onboarding flow.