烟花组件 🎆

What better way to celebrate the New Year’s eve than fireworks! :fireworks:

Here’s a component that adds fireworks on Discourse forum.

The source code is inspired from Eddie’s Pure CSS Fireworks.

Happy New Year 2021! :tada:

31 个赞

would be cool if this triggered for a few seconds every time a badge is earned

14 个赞

@Don
如果您获得了徽章,您的主题 FKB PRO
非常有用

1 个赞

在 iPhone 上(至少)无法使用。

那么,明年再说吧。

您可以尝试这个 fork @Jagster

URL:https://github.com/Arkshine/discourse-fireworks
分支:mobile-support-and-settings

点击“Advanced”按钮在此处提供分支名称:

移动端已支持,并且我为桌面端和移动端添加了一些基本设置(粒子数量/大小、烟花宽度/高度和下落距离)。

稍后我会考虑在原始存储库中创建一个正式的 PR(以及最终的其他设置)!

6 个赞

嗯,我试过了,但没有看到任何烟花,也没有看到任何设置。

没关系。我应该解释一下如何安装它。

请确保您点击“高级”并复制/粘贴分支名称:

注意:这将安装另一个主题组件;您可能想暂时禁用旧的。 :+1:

1 个赞

移动端支持和设置的实现非常出色。它现在在我的移动设备上运行完美,尺寸非常合适,丝毫没有过度设计的感觉。

你解释了。我没有注意到分支,抱歉。感谢你把事情说清楚。 :slight_smile: 现在看起来很棒,非常感谢!一个官方的 PR 将会很棒。 :slight_smile:

1 个赞

我认为如果你们能以某种方式调整频率会更好,(在我看来)它相当令人讨厌,但仍然很酷。

去年新年之后 :smirking_face:

Arkshine 的分支运行良好。但原始版本仅限于桌面。

要么需要 PR,要么可以编辑 OP 以包含分支信息。两种解决方案都很好。

2 个赞

我代表 @Arkshine 创建了 PR 并将其合并了。更新该组件也应该能在移动设备上运行。

再次感谢 Arkshine。

5 个赞

谢谢 @meghna!我完全忘记了。 :smile:

2 个赞

@meghna 我已打开一个 PR 以添加使用 tsParticles 烟花的效果选项:

4 个赞

谢谢 Nate!我会看看的。:+1:

2 个赞

我已经合并了 PR,感谢 Nate 的改进!:fireworks:

3 个赞

非常感谢!

3 个赞