画像モーション

Screenの「画像モーション」では、お手持ちの画像やGIFを、画面全体で動かすエフェクトとして特定の条件のコメントや投げ銭に反応させられます。

画像モーション1

gifモーション

以下に、詳しい設定方法を記載します。

導入のための設定

1. Screenのインストール

Screenのインストール方法

2. インタラクション設定

Screen上部のバーを「クラフトモード」にします。
クラフトモード

「インタラクション設定」タブを選択します。
インタラクション設定

「画像モーション」の「設定」を押します。
画像モーション設定

「画像モーション」がインタラクション一覧にない場合、「インタラクション設定」の右にある「+」から追加できます。
インタラクションの追加
画像モーション追加

画像モーションの「設定」に入ると、次のような画面になります。

画像モーションの設定

3. 画像設定

まずは「画像設定」から画像を設定しましょう。
画像URLを指定することもできますし、画像ボタンからPCに保存されているお好きな画像を設定することもできます。

画像ファイルの他、GIFファイルも設定できます

画像設定

画像サイズが大きすぎると動きが重くなります。推奨画像サイズは200px × 200pxです

4. モーション設定

画像につける動きを、「モーション設定」から選択しましょう。
モーション選択

設定上部の「実行」ボタンを押し動きを確認しましょう。
実行

ポップアップ

ポップアップ

スライドインアウト

スライドインアウト

ガクブル

ガクブル

振り子

振り子

フェードインアウト

フェードインアウト

落下(物理演算あり)

落下

投げ入れ(物理演算あり)

投げ入れ

バブル

バブル

放出

放射

物理演算の組み合わせ

「落下」や「投げ入れ」モーションには物理演算がついています。
異なる画像を設定した複数の「画像モーション」を組みあわせたり、「落ちる文字」等と組み合わせることで、面白い動きが実現できるでしょう。

画像モーション1

GIF画像の設定

画像そのものに動きがついているGIFを設定することでも面白いアニメーションが作れます。

gifモーション

5. 発生条件の設定

5-1. チャットに反応する発生条件を設定

「チャットに反応する条件」にて、どのようなチャットでエフェクトを出現させるかを設定できます。

チャットに反応させたくない場合は設定不要です。

詳細:コメントに反応する画面演出をつくる

5-2. いつでも投げ銭やスパチャと連携し、発生条件を設定

いつでも投げ銭、もしくはスパチャをもらったときにエフェクトを発生させたい場合、「いつでも投げ銭と接続する」「スーパーチャットと連携する」のチェックボックスをそれぞれONにします。
投げ銭と連携

さらに、特定の条件の投げ銭のみにエフェクトを発生させたい場合は、「いつでも投げ銭・スーパーチャットに反応する条件」の欄から条件を追加します。
条件を設定

条件設定をしない場合は、すべての投げ銭にエフェクトが反応します。

詳細:投げ銭(スパチャ/いつでも投げ銭)とScreenの画面演出を連携する

6. キャストモードで動作確認

「キャストモード」に切り替えます。
キャストモード

「エフェクト」タブに表示されている「画像モーション」ボタンから、エフェクトの動き方を確認しましょう。
キャストモードの画像モーション

名前を設定している場合は、「画像モーション」ではなく設定した名前でボタンに表示されます。

配信での利用

7. CastCraftでScreenタブを起動

配信で利用する際はCastCraftでScreenタブをクリックしてScreenを起動状態にする必要があります。

その際、「キャストモード」になっていることを確認しましょう

8. CastCraftの「YouTube」タブから配信を開始

CastCraftのYouTubeタブから配信を開始しましょう。

ライブ配信接続手順①

その後、OBS等の配信ソフトウェアで配信を開始しましょう。

ライブ配信接続手順②

9. 「Live Dashboard」タブで配信に接続

YouTubeタブから配信を開始したら、自動で「Live Dashboard」タブでも配信に接続され、コメントの取得が開始されます。

コメントを活用したCastCraftの様々な機能を使うためには、こちらのコメント取得が基本として必要です。

ライブ配信接続手順④

自動で接続されない場合、Live Dashboard内の緑色の「配信に接続」ボタンを押しましょう。

この際、URLの入力を行う必要はございません。

トラブルシューティング

Screenで問題が生じた場合

Screenで問題が生じた場合

Screenで画面動作が重い場合

Screenで画面動作が重い場合

Screenでチャットボックスを表示させたくない場合

  • デフォルトの状態だと、CastCraftでコメントを取得するとScreen画面上でコメントが流れます(参考:「触れるコメビュ」機能)
  • 流れるコメント欄をScreenで表示させたなくない場合は、クラフトモード > ウィジェット設定 > 「チャットボックス」右側のメニューをクリック > 「削除」をクリックして、ウィジェットを削除します 

チャットボックスウィジェットを削除

  • ウィジェット一覧の右側にある「+」ボタンから、ウィジェットは再び追加できます