👋

配信画面にAffterEffectっぽい文字効果を動的に表示する

2023/07/20に公開

やりたいこと

  • プロのゲーム配信者がAfterEffectで作っているようなかっこいいエフェクトを配信に出したい
  • エフェクトを決め打ちではなく配信中のコメントと連動させて動的に生成したい

使うもの

  • OBS
    • 配信ソフト
  • CastCraft
    • YouTubeLiveのコメントと接続させてあれこれできるCastCraftのデスクトップアプリをダウンロードしてインストール
    • CastCraftにYouTubeアカウントでログインすると、「Screen」というタブが出てくるので、そこからScreenというアプリを追加ダウンロードしてインストール

OBSでの設定

  • ソースで「映像キャプチャデバイス」を選択して追加
  • 映像キャプチャデバイス内のデバイス選択で「CastCraftScreen」を選択
    • 映像キャプチャデバイス以外にも、NDI経由で出力する方法もある
    • そっちの方が動作が軽そうだけど今回はスキップ

CastCraft Screen上の設定

  • 「クラフトモード」で「インタラクション設定」のところから「文字スタンプ」と「落ちる文字」を追加

  • それぞれで、チャットに反応する条件を追加

  • 今回は、「文字スタンプ」ではそれぞれの配信に対して初めてコメントする視聴者のコメントを、「落ちる文字」では「gg/GG」というコメントをトリガーにする

  • それぞれで表示される文字列を設定

    • 「文字スタンプ」ではコメント内容自体を表示させる
      • メッセージ設定で「チャット等の最初のフレーズを使う」を選択
    • 「落ちる文字」では絵文字を表示させる
      • メッセージ設定で「デフォルトメッセージ」を選択
      • デフォルトメッセージの欄に絵文字を入力

  • 「文字スタンプ」の見た目をカスタマイズ

    • 今回は、九龍城のネオンっぽい文字効果をつくりたいので、フォント設定で明朝体のフォントを指定する
    • スタイル選択で「ネオン」を選択し、怪しい感じで光るようにテキスト色とグロー色を設定
    • アニメーション設定で「ガクブル」を設定

成果

配信に来た人の最初のコメントが怪しく画面に表示され、GGと言って褒めたらインベーダーの絵文字が落ちてくるようにできた。

良い感じ。

参考記事

https://castcraft.live/tutorial/screen-chat-interaction
https://www.youtube.com/watch?v=wG7UgXKueBQ

Discussion