This theme component adds some animated snow to your forum.
Warning: the animations will increase browser CPU usage ![]()
Javascript mode (shared by @cjk77 here):
CSS Mode (adapted from here)
This theme component adds some animated snow to your forum.
Warning: the animations will increase browser CPU usage ![]()
Javascript mode (shared by @cjk77 here):
CSS Mode (adapted from here)
Thanks - now with snow ![]()
Installation:
Go to: /admin/customize/themes
Choose Compontes - add Install.
Paste in the link: https://github.com/davidtaylorhq/discourse-snow-theme.git
Go back to admin/customize/themes and find your theme.
Click it and you can customize your theme.
Scroll down
Add the new component to your theme.
And your have ![]()
I’ve got a couple of users using Firefox and Opera where this isn’t working (configured with js-mode), but the codepen example of the code does work. Works fine in Chrome. Any ideas?
ETA: Both users have confirmed that css mode works for them
It seems to be a Chrome-only component. On Firefox, with JS-mode, there’s nothing, and with CSS mode there’s a wall of jerky snow flakes that covers the screen, so it’s not really usable.
It is now updated so that js-mode works for Firefox. I haven’t tested Opera, but I suspect the same fix will help there as well.
Can confirm it’s now working for both of my users, Firefox and Opera. Thanks for the fix.
I use Opera,
looked great but as David noted


the CPU is too much,
1% without up to 39% with,
Sadly had to go 
これを雪ではなくランダムな花火にする方法はありますか?
また、雪の時は CPU 使用率は全く上がりませんでした。デスクトップやスマホで使いましたが、フォーラム全体で大好評で、CPU 使用率に関する苦情は一件もありませんでした。
こんにちは!これ、すごく素敵で、とても生き生きとしています。ただ、ボードの右側と左側、つまり使われていないスペースにだけ表示させる(あるいはボードの背後に配置する)ことは可能でしょうか?そうすれば、雪がテキスト全体に降り積もって読みづらくなるのを防げます。
最新の Discourse リリースでは問題なく動作しているようです。
Pretty love this theme component, but is there a way that change the “point” (or should I say “dot”?) to real snow icon?
雪をもう少し遅くして、それほど邪魔にならないようにする方法はありますか?怠惰な雪のような?または、ユーザーが自分で雪をオフにできるようにして、一部の人がそれを楽しむことができるようにし、問題を引き起こす他の人がそれをオフにできるようにする方法はありますか?
CSS版とJS版のどちらをご利用ですか?
JSからCSSに切り替えました!どちらでも試せますが、やりやすい方で大丈夫です。@famousamos.1 参考までに
@dennisjbr に依頼しました。最初に彼に尋ねるべきでしたが、私のやることリストは膨大です。彼は私たちのサイトを手伝ってくれます。
CSSバージョンの方が変更は簡単ですが、同じ効果ではありません。![]()
CSSバージョンで問題なく、落下速度を遅くしたい場合は、このCSSをテーマまたは新しいテーマコンポーネントに追加し、必要に応じて値を調整してください。値が高いほど遅くなります。
#snow {
animation: snow 60s linear infinite;
}
どうもありがとうございます
ご報告ありがとうございます、@froldさん。修正をプッシュしたので、テーマコンポーネントを更新すれば修正されるはずです。
ちなみに、who’s onlineのエラーもすでに修正されているはずです。そのプラグインの最新バージョンを実行していますか?
これを気に入っていますが、ユーザーから苦情が出ています。ユーザー自身がそれを無効にするオプションを持てると素晴らしいでしょう。