A TC of fun: Discourse Confetti Clicks

Theme component
1
:information_source: Summary Add fun to your community by having confetti where you click, using tsParticles.
:eyeglasses: Preview Theme Creator (In the #general category)
:hammer_and_wrench: Repository GitHub - NateDhaliwal/discourse-confetti-clicks
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

This theme component creates confetti where the user clicks or taps. The amount of confetti and the angle of spread of confetti can both be controlled using settings.
This TC creates more fun for your community to make it more interactive.
The confetti is made possible with tsParticles, a JS library for animating confetti, snow, lines and more.
Some assistance came from ask.discourse.com.

Settings:

  1. confetti_amount changes the amount of confetti on each click.

:warning: Try not to put too high a number, or there will be more lag with the confetti appearing and dispersing. 100-200 is a good range.

  1. confetti_spread changes the angle of which the confetti disperses. All numbers are in degrees. A value of 360 causes the confetti to disperse in all directions. A value of 1 causes the confetti to disperse and fall in a straight line.
  2. allowed_in sets where the confetti can be used in. Enter the category slug(s) into this field. For multiple categories, separate the slugs with a | (no spaces).
    Leaving this field blank enables confetti in all pages.
10 Likes
2

This is fun! Might I suggest adding limits to where this is enabled? It doesn’t seem practical when navigating a general space, but it could be fun on a celebratory page.

4 Likes
3

this needs to be tied to the automation for members’ birthdays :smiley:

12 Likes
4

Would this be a forum page like /leaderboard or /about, or topics in a specific category?

5

UPDATE:
There is a new setting, allowed_in, that allows the confetti to be showed only in specific categories. Enter the category slug. For multiple categories, separate them with a |.

1 Like
6

This is now fixed! Leaving this field blank enables confetti in all pages.

7

Would it be using something like this?