Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature Request: Raining down confetti #144

Closed
nh916 opened this issue Mar 2, 2021 · 6 comments
Closed

Feature Request: Raining down confetti #144

nh916 opened this issue Mar 2, 2021 · 6 comments
Labels
feature request A neat new idea for this project

Comments

@nh916
Copy link

nh916 commented Mar 2, 2021

I saw this on salesforce trailhead learning platform and it is the coolest thing. Basically whenever a user completes any learning path a confetti rains down for them and it is just the coolest thing ever. The confetti looks very similar to this package and I was wondering if that is a feature that you would want to implement.

@catdad
Copy link
Owner

catdad commented Mar 2, 2021

I am not familiar with the salesforce learning platform. Can you describe more what the actual confetti looks like there? Maybe even provide an image or a gif?

You already can make the confetti just fall straight down. You can see it in the snow demo. Is that not what you mean?

@catdad catdad added the question Further information is requested label Mar 2, 2021
@nh916
Copy link
Author

nh916 commented Mar 3, 2021

It is similar to the snow but very slightly different. I took a video of it and linked it below

https://imgur.com/a/DI4yoJm

@catdad catdad added feature request A neat new idea for this project and removed question Further information is requested labels Mar 5, 2021
@catdad
Copy link
Owner

catdad commented Mar 5, 2021

Okay, so there are a few things going on. Here's a breakdown:

Description Status Note
confetti simply falling down startVelocity: 0, { origin: { y: 0 }}
confetti falling down at different speeds gravity
confetti are different sizes scalar
confetti are different shapes (I only see square and circle) shapes: ['circle', square']
some confetti drift left/right existing request #99

Did I miss anything? It seems like this would be pretty easy to add

@catdad
Copy link
Owner

catdad commented Mar 5, 2021

I have not finished up drift just yet, but I created this quick codepen to show what the complete effect might look like. It might need a bit more fine tuning depending on how close exactly you want it to the video shown.

@nh916
Copy link
Author

nh916 commented Mar 6, 2021

That is beautiful! Thank you so much!

@catdad
Copy link
Owner

catdad commented Mar 10, 2021

The drift option has been published in 1.4.0

@catdad catdad closed this as completed Mar 10, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature request A neat new idea for this project
Projects
None yet
Development

No branches or pull requests

2 participants