シナリオ執筆の為、更新停滞気味です

動画卓・配信卓でも差分を反映させる?!立ち絵置き換えツール(仮)を使ってみた。配信や動画で表情差分変更反映が出来るツールのダウンロード方法と、使い方について

目次

作法例

光る立ち絵でココフォリアの差分変更連携が可能なツールです。

前回の内容を知っている前提で進んでいる部分もあるので、
「?」となった場合はご確認下さい。

ディスコード連携で立ち絵を光らせる方法↓

TRPGの動画・配信の枠の作り方の方法↓

導入

紅坂柚月さんFanboxで300円課金が必要になります。
……が、とっても便利です…。

男子D
男子D

立ち絵光らせると、
差分が使えない…

男子D
男子D

戦闘差分…

立ち絵置き換えツール(仮)は
知ってるか?

男子C
男子C
男子D
男子D

差分変えられるやつ?

変えられて、光る、
跳ねる!

男子C
男子C
男子D
男子D

エアリアル的な事を
言っている

男子D
男子D

でも、
お高いんでしょう?

ファンボックス課金だから
300円でOK

男子C
男子C
男子D
男子D

……聖人なのかな

あと、これだけ
確認しておいてほしい

男子C
男子C

「立ち絵置き換えツール(仮)」(以下、本ツール)はテスト版となります。そのため、本ツールによる不具合が発生する可能性があります。
本ツールは現在、エラーログを収集する為の仕組みが備わっております。ただし利用者様(以下、ユーザ)に関する個人情報等は収集致しません。また収集した情報につきましては第三者への提供および開示は行いません。
本ツールの利用、不具合、提供停止、または開発中断によりユーザまたは第三者が被った如何なる不利益、損害についても一切の責任を負いません。というか全て負いません。自己責任で使ってください。

男子D
男子D

ワザップジョルノ
出禁ってこと?

遠からずも近からず

男子C
男子C


ダウンロード方法

ダウンロード方法はFanbox内容の為、ぱっと飛ばします。

これに関しては
Fanboxの内容だから
こんな感じか?

男子C
男子C

①課金をします。
②課金反映するまで3分ほど待ちます
Fanbox立ち絵置き換えツールに飛びます
④ダウンロードします。
⑤解凍します。

男子D
男子D

カップラーメンみたいなこと言ってる

昼だしお腹空いたからな

男子C
男子C
男子D
男子D

メシテロは
総じてジャーム
滅べ

やり方の公式ページ

かなーり丁寧にやってくから、
慣れてるって人は
公式やり方ページでいいかも

男子C
男子C

公式説明ページ↓

男子D
男子D

なら、公式ページあるのに
なんで作った?

…俺はこれで出来るけど、
Dはこれで出来ないと
思ったから

男子C
男子C
男子D
男子D

…そんなことはないし、
別に

男子D
男子D

………うん。

どうした?
楽勝だろ

男子C
男子C
男子D
男子D

……教えて、…下さい…。

なら、教えてやろう

男子C
男子C

①ココフォリアでの準備:差分を設定しよう

表情差分と差分変更のチャットパレットの準備

まずは表情差分と、
表情差分の
チャットパレットの準備だな

男子C
男子C
男子D
男子D

ゆうこやの時に
話していた差分方法の
ログを持ってきたよ

クリックすると差分変更やり方ページへと飛びます↓

ってことで
出来る前提で進めるけど、

男子C
男子C

差分は
こんな感じにして、

男子C
男子C

チャットパレットは
こんな感じでやる

男子C
男子C
男子D
男子D

またこれ使ったんだ?

動かすな、笑うだろ

男子C
男子C

迷ったら登場する
俺のコテキャ

男子C
男子C
男子D
男子D

コテキャにしては
アク濃過ぎ

・・・

男子C
男子C

ココフォリアは
すぐ使うから、
部屋は開いた状態のままで頼んだ

男子C
男子C

②ディスコードの設定:ユーザーIDを取ろう

DiscordのユーザーIDを取得するやり方の説明

次は、
例の「あの数字の羅列」を
コピーする事になる。

男子C
男子C
男子D
男子D

Discordと
書いてあるから、
まずは
ディスコード開けばいい?

それでOK

男子C
男子C

後でやる事が、
アプリ版必須だから
ブラウザ派も
ダウンロードして欲しい

男子C
男子C

ディスコードの使い方が初めての人は此方↓

配信・動画で使うサーバーに入って

男子C
男子C
男子D
男子D

ありがとう、入った

……俺のアカウントだな?

男子C
男子C
男子D
男子D
初めて光らせる立ち絵をする人は「開発者モード」をオンにしてください:
やりかたはタップで開きます

ディスコードを立ち上げて、設定をクリックしてください

その後に、「ユーザー設定」の一覧が出てくるので、下の方にある「詳細設定」をクリックしてください

すると、詳細設定の画面が出るので、開発者モードをオンにします。

(これをしないと後程行うIDを得ることが出来ないので、先に行っておきました)

まあいいや。

そうしたら
俺の名前を右クリックして

男子C
男子C
男子D
男子D

押したら、
メニューが出てきた。

そうしたら、
ユーザーIDをコピー

男子C
男子C
男子D
男子D

終わった。

終わったら、
ココフォリアに戻る

男子C
男子C

③ココフォリアでの準備:ユーザーIDをキャラコマに貼り付けよう

キャラクターコマのメモ欄に
ユーザーIDを貼り付ける

使いたいキャラクターを
ダブルクリックして
メニューを表示させて

男子C
男子C
男子D
男子D

キャラクター編集画面になった

なら、「キャラクターメモ」の欄に
ユーザーID…さっきコピーしたのを
貼り付けで!

男子C
男子C
男子D
男子D

分かった、
貼り付けるよ

男子D
男子D

これでいい?

コードは念のために伏せています

それでOK!

男子C
男子C

④ココフォリアでの準備:部屋のURLをコピーしよう

URLをコピーすればOKです

部屋を共有する時と
一緒で
URLをコピーする

男子C
男子C
男子D
男子D

なら、
クリックする

男子D
男子D

共有用ルームURLを
コピーでいい?

OK!

男子C
男子C

⑤立ち絵置き換えツール(仮)を開く

ツールを開いて、ココフォリア部屋URLを貼り付けるまでの流れ

ここで、やっと
立ち絵置き換えツール(仮)を使う

男子C
男子C
男子D
男子D

解凍はしておいたよ

よかった。
なら、開いて

男子C
男子C

ファイルを開いて、起動してみる

男子D
男子D

ファイルの中に
またファイルがあった

それもクリックでOK

男子C
男子C
男子D
男子D

押したら、
沢山出てきた。

その中で
顔みたいなのを押す

男子C
男子C
男子D
男子D

顔みたいなの、ある。
押す

男子D
男子D

何か出てきた。

そこであってる。

で、CCFOLIA URLの部分に
部屋のURLを貼って

男子C
男子C
男子D
男子D

分かった。
貼った。

OK、いい感じ

男子C
男子C

次はディスコード関係で
欲しいものがあるから
その流れをやろうか。

男子C
男子C

⑥Discord StreamKit OverlayでのURLを手に入れる

話すと光る立ち絵使用時に使ったサイトと
同じDiscord StreamKit Overlayを使います。

ディスコードの設定

①(ブラウザ派の場合は)アプリ・ソフト版のDiscordをダウンロードする
②使う予定のボイスチャンネルに入る

まず、下準備として
ボイスチャンネルに
入っておくと楽

男子C
男子C

男子D
男子D

入った

飽くまで、
俺のアカウントで
やる気だな…?

男子C
男子C

Discord StreamKit Overlayを開く

Discord StreamKit Overlayはディスコードと連携して、
立ち絵を光らせる時に使うツールです。

前回も使ったのでサクサク進めていきます。

Discord STREAMKit Overlayを開いて

男子C
男子C

男子D
男子D

開いたら、
Install for OBSでいい?

OK

男子C
男子C
男子D
男子D

……サーバーは
選択したけど…
どうやるんだっけ

まず、VOICE WIDEGETを
クリック

男子C
男子C
男子D
男子D

押した。

で、Voice channelを
クリックして
今入っている
ボイスチャンネルを選択

男子C
男子C
男子D
男子D

クリックしたら、
プレビューっぽいのが
表示された

OK
で、その画面の下にある
URLをコピーして

男子C
男子C
男子D
男子D

コピーできたよ

コピーできたところで、
立ち絵置き換えツール(仮)に戻る

男子C
男子C

⑦立ち絵置き換えツール(仮)に貼り付ける

Discordタブをクリックして、
Discord StreamKit OverlayのURLを貼り付ける

立ち絵置き換えツール(仮)の
Discordタブを開いてくれるか?

男子C
男子C
男子D
男子D

クリックすると、
「設定を作成」画面になった

そうしたら、
コピーしたURLを貼り付ける

男子C
男子C
男子D
男子D

入れられた。

あとは、
サーバー名とチャンネル名は
分かりやすければ何でも良い
けど

念の為に、
Discordと同じ感じで入力する

男子C
男子C
男子D
男子D

つまり、
こういうこと?

完璧

男子C
男子C
男子D
男子D

反映できた

なら、
「追加する」を押して

男子C
男子C
男子D
男子D

わかった。追加する。

settingをする

男子D
男子D

このあとは、どうする?

Settingをクリックして

男子C
男子C
男子D
男子D

クリックしたら、
開始するボタンが押せる

押して良い?

勿論、OK

男子C
男子C
男子D
男子D

押した

⑧立ち絵置き換えツールのURLを取得する

此処からはOBS…
動画ソフトとの連携をしていく

男子C
男子C

Checkボタンを押す

まずはCheckを押して

男子C
男子C
男子D
男子D

押したら、
描写中?が出てきた

男子D
男子D

立ち絵反映されていなさそう

この状態では
まだ大丈夫

男子C
男子C

OBS用URLを
一回クリックして欲しい。

男子C
男子C
男子D
男子D

…!
立ち絵がいる

このURLを
OBSでブラウザとして
入れれば終わり!

男子C
男子C
男子D
男子D

分かるけど、
付いていけない人、いると思う。

なら、
立ち絵出力までは
やろうか。

さて、動作確認だ

男子C
男子C

(ブラウザで挙動や動作確認)

クリックして開いたブラウザ内で動作確認をすれば、
OBSの不調・操作ミスか、ツールの不調・操作ミスか分かるので
ブラウザで確認しています。

OBSと連携した後に
動作確認でも良いんだけどさ

男子C
男子C
男子D
男子D

うん。

すぐに挙動確認して遊べるなら
ブラウザで確認した方が楽しいだろ

男子C
男子C
男子D
男子D

分からないでもない

差分変更なし

差分変更が出来ているかの確認

男子D
男子D

なんで
いきなり差分変えた?

目だけだと
分かりにくいと思った

男子C
男子C
男子D
男子D

真面目な回答だった

男子D
男子D

ここのURLを
コピーすれば良い?

そうそう

男子C
男子C

⑨OBSに立ち絵を出す

OBSも前回やった流れなので、さくさく進みます。

“ブラウザ”→コピーしたURLを貼り付け→完成!

此処からはOBSを使う

男子C
男子C

OBSって何?という方は↓が最初から説明しています。

男子D
男子D

「+」を押して
新しいソースを
増やせばいい?

合ってる、
「ブラウザ」を押して

男子C
男子C
男子D
男子D

押したら、
名前を付けて欲しいと
言われた。

適当でい……

男子C
男子C

・・・。

男子C
男子C

「Cは天才」と
入力して「OK」で

男子C
男子C
男子D
男子D

なんで

適当でいいから、
俺の好き勝手にした

男子C
男子C
男子D
男子D

遺憾の意

でも
真面目に
やってくれてる。

男子C
男子C
男子D
男子D

大変不服ながら
OKを押させていただこう

男子D
男子D

なんか出てきた。

そこに動作確認で
使ったURLを入れて

男子C
男子C
男子D
男子D

どこ?

URLと
書いてあるところ

男子C
男子C

男子D
男子D

OK押せばいい?

OKで

男子C
男子C
男子D
男子D

立ち絵の元が
出てきた

よし、終わり。

男子C
男子C
男子D
男子D

終わり?

ここまで来たら、
他のと同じ流れだから
何とかなるはず

男子C
男子C
男子D
男子D

本当に?

出来ない場合は、
復習が足りてないです

男子C
男子C
男子D
男子D

……なんか先生気取ってる

男子D
男子D

復習教材ってこれ?↓

そう

男子C
男子C

で、応用設定とかについては
紅坂さんページに乗ってる↓

男子C
男子C

関連記事

TOP

多くの方に教えてくださると、喜びます!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

今はゲームシナリオを書いている者です。
アナログゲームを嗜む脚本家、小説家、人狼もマダミスも好き。

目次