OBSとDiscord連動させてアイコンを跳ねさせる設定のやり方

スポンサーリンク
OBSとDiscord連動させてアイコンを跳ねさせる設定のやり方 discord

 

Discordのアイコンを跳ねさせれるって聞いたけど、どうすればいいの!?

 

 

今回はこんな悩みについて解決します。

 

 

 

スポンサーリンク

OBSとDiscordを連動させてアイコンが跳ねるやり方

OBSとDiscordを連動させてアイコンが跳ねるやり方

  1. OBS Studioを開きます。
  2. OBS Studioの「ソース」ウィンドウの下部にある「+」ボタンをクリックします。
  3. ポップアップメニューから「ウィンドウキャプチャー」を選択します。
  4. ソース名を入力します(例:「Discordアイコン」)。
  5. 「ウィンドウ」ドロップダウンメニューで、Discordのウィンドウを選択します。通常は「Discord」または「Discord.exe」という名前のウィンドウが表示されます。
  6. 「キャプチャーウィンドウ」ダイアログボックスが表示されます。ここで、キャプチャーウィンドウの表示サイズや位置を調整することができます。通常は、デフォルトのままで問題ありません。
  7. 設定の変更が完了したら、ダイアログボックスの「OK」ボタンをクリックします。
  8. OBS Studioのメインウィンドウに戻り、Discordアイコンのソースが追加されたことを確認します。
  9. Discordアイコンのソースを選択し、アニメーション効果を追加するために「フィルタ」をクリックします。
  10. 「+」ボタンをクリックし、ポップアップメニューから「シェーダーフィルタ」を選択します。
  11. 「フィルタ名」フィールドに任意の名前を入力します(例:「アニメーション」)。
  12. 「エフェクト」ドロップダウンメニューで「シェーダー」を選択します。
  13. 「シェーダー設定」ボタンをクリックします。
  14. シェーダーエディタが表示されます。ここでアニメーションを設定します。
  15. 例えば、以下のシェーダーコードを使用してアイコンを跳ねさせるアニメーションを作成することができます(下記のコードは一例であり、必要に応じて調整してください)
uniform float2 AnimationSpeed : FLOAT2 = float2(1, 1); uniform float2 AnimationAmplitude : FLOAT2 = float2(10, 10); float2 mainImage(float2 fragCoord) { float2 uv = fragCoord / iResolution.xy; float2 offset = sin(iTime * AnimationSpeed) * AnimationAmplitude; uv += offset; return tex2D(iChannel0, uv).xyz; }

このコードでは、アニメーションの速度と振幅を調整するためのUniform変数(AnimationSpeedとAnimationAmplitude)を使用しています。

アニメーションが連続的に変化するように、時間(iTime)に応じてオフセットを計算しています。

  1. コードの編集が完了したら、シェーダーエディタを閉じます。
  2. OBS Studioのフィルタ設定ウィンドウに戻ります。
  3. シェーダーフィルタの設定ウィンドウで、変更したシェーダーコードをペーストします。
  4. 設定の変更が完了したら、「OK」ボタンをクリックして設定ウィンドウを閉じます。

 

 

これで、アニメーションが適用されたDiscordアイコンのソースが作成されます。

OBS Studioのメインウィンドウで確認し、必要に応じて位置やサイズを調整してください。

 

 

 

 

 

コメント