Discordのアイコンを跳ねさせれるって聞いたけど、どうすればいいの!?
今回はこんな悩みについて解決します。
OBSとDiscordを連動させてアイコンが跳ねるやり方
- OBS Studioを開きます。
- OBS Studioの「ソース」ウィンドウの下部にある「+」ボタンをクリックします。
- ポップアップメニューから「ウィンドウキャプチャー」を選択します。
- ソース名を入力します(例:「Discordアイコン」)。
- 「ウィンドウ」ドロップダウンメニューで、Discordのウィンドウを選択します。通常は「Discord」または「Discord.exe」という名前のウィンドウが表示されます。
- 「キャプチャーウィンドウ」ダイアログボックスが表示されます。ここで、キャプチャーウィンドウの表示サイズや位置を調整することができます。通常は、デフォルトのままで問題ありません。
- 設定の変更が完了したら、ダイアログボックスの「OK」ボタンをクリックします。
- OBS Studioのメインウィンドウに戻り、Discordアイコンのソースが追加されたことを確認します。
- Discordアイコンのソースを選択し、アニメーション効果を追加するために「フィルタ」をクリックします。
- 「+」ボタンをクリックし、ポップアップメニューから「シェーダーフィルタ」を選択します。
- 「フィルタ名」フィールドに任意の名前を入力します(例:「アニメーション」)。
- 「エフェクト」ドロップダウンメニューで「シェーダー」を選択します。
- 「シェーダー設定」ボタンをクリックします。
- シェーダーエディタが表示されます。ここでアニメーションを設定します。
- 例えば、以下のシェーダーコードを使用してアイコンを跳ねさせるアニメーションを作成することができます(下記のコードは一例であり、必要に応じて調整してください)
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)に応じてオフセットを計算しています。
- コードの編集が完了したら、シェーダーエディタを閉じます。
- OBS Studioのフィルタ設定ウィンドウに戻ります。
- シェーダーフィルタの設定ウィンドウで、変更したシェーダーコードをペーストします。
- 設定の変更が完了したら、「OK」ボタンをクリックして設定ウィンドウを閉じます。
これで、アニメーションが適用されたDiscordアイコンのソースが作成されます。
OBS Studioのメインウィンドウで確認し、必要に応じて位置やサイズを調整してください。
コメント