楽しいTC:Discourse Confetti Clicks

:information_source: 概要 tsParticles を使用して、クリックした場所に紙吹雪を表示し、コミュニティに楽しさを加えましょう。
:eyeglasses: プレビュー Theme Creator
:hammer_and_wrench: リポジトリ GitHub - NateDhaliwal/discourse-confetti-clicks
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourse テーマ初心者の方へ Discourse テーマの使用に関する初心者ガイド

このテーマコンポーネントをインストール

このテーマコンポーネントは、ユーザーがクリックまたはタップした場所に紙吹雪を作成します。紙吹雪の量と広がる角度は、設定で制御できます。
この TC は、コミュニティをよりインタラクティブで楽しいものにします。
紙吹雪は、紙吹雪、雪、線などをアニメーション化するための JS ライブラリである tsParticles によって可能になります。
ask.discourse.com からの支援を受けました。

設定:

  1. confetti_amount は、クリックごとの紙吹雪の量を変更します。

:warning: 数値を高くしすぎないでください。紙吹雪が表示され分散する際に遅延が発生する可能性があります。100〜200 が適切な範囲です。

  1. confetti_spread は、紙吹雪が分散する角度を変更します。すべての数値は度単位です。360 の値は、紙吹雪がすべての方向に分散します。1 の値は、紙吹雪が直線で分散して落下します。
  2. allowed_in は、紙吹雪を使用できる場所を設定します。このフィールドにカテゴリのスラッグを入力します。複数のカテゴリの場合は、スラッグを | (スペースなし) で区切ります。
    このフィールドを空白のままにすると、すべてのページで紙吹雪が有効になります。
「いいね!」 13

楽しいですね!これを有効にする場所を制限することを提案してもよろしいでしょうか?一般的なスペースをナビゲートする際には実用的ではないようですが、お祝いのページでは楽しいかもしれません。

「いいね!」 5

これはメンバーの誕生日自動化に結び付ける必要があります :smiley:

「いいね!」 14

これは /leaderboard/about のようなフォーラムページでしょうか、それとも特定のカテゴリ内のトピックでしょうか?

更新:
新しい設定 allowed_in が追加され、特定のカテゴリにのみ紙吹雪を表示できるようになりました。カテゴリのスラッグを入力してください。複数のカテゴリの場合は、| で区切ってください。

「いいね!」 3

これは修正されました!このフィールドを空白のままにすると、すべてのページで紙吹雪が表示されます。

「いいね!」 1

更新:allowed_in カテゴリは、設定の list_type として category を使用するように更新されました。これにより、カテゴリをより適切に選択できるようになります。

テーマクリエイターのプレビューリンクは何もしてくれません。

「いいね!」 1

やれやれ、私のミスです。設定のカテゴリは「#school」と「#movies」でした。これを「#general」に変更しました。

これは最も役に立たないTCかもしれません:laughing:


まもなくスクリプトタグを最新化します。おそらく特定のURLパスに表示する設定も追加します。

「いいね!」 1

このコンポーネントを、\u003cscript type='text/discourse-plugin'\u003e を使用しないように更新しました。

また、フォーラム内の特定のパスで紙吹雪を有効にするための allowed_in_urls 設定を追加しました(URL引数はチェック時に削除されます)。

たとえば、Theme Creator の設定は次のようになります。

これは、紙吹雪が有効になる場所を意味します。

「いいね!」 2