①kpからココフォリアのサイトurlをもらう 「ココフォリアでやります！」と言われた場合は自分で調べておくのではなく、kpさんからurlをもらってください。 そのurlがサーバーです。もらったurlを開くとこのような画面になるかと思います。 800x600サイズのココフォリア用apng(アニメーションpng)素材です ファイルサイズは780KB、3.33秒周期のループとして設定しています クレジット表記とかはしなくていいけど二次配布はやめてね 前回記事が思ったよりも好評だったので、ちょっとテクニカル？な方も記事にしてみることにしました。ほぼ自分用のまとめに近いですが、こういう方法もあるのねって思ってもらえたらうれしいです。 前回記事 ココフォリアは全機能無料で使えますが、支援窓口もあるので「オッ！ ココフォリアとか、クリスタとか、メタセコとか、Xismoとか、AviUtlとか…？, http://takeshima.halfmoon.jp/room/aviutl.html, http://takeshima.halfmoon.jp/room/aviutl.html#expandforout_anm. 透過APNG出力5. マイキャラクター一覧; 前景・背景の設定; 2020-05-10. ココフォリアには「自鯖」という概念がないので、誰が作った部屋でも同じ画像を使用することができます。 キャラクターを継続して使用するときなど、大変便利ですね！ 部屋の作成と設定; 2020-04-13. ココフォリアの準備……もありますが、ココフォリアで表示させる画像の下準備があります。ココフォリアでは、容量削減のため、1M以上の画像素材は圧縮されます。1Mは大体縦横1000pxが目 … ココフォリアの基本の使い方まとめ【kp用】 更新日： 2021年1月23日 FLASHが2020年でサポート終了するという事で重い腰を上げてどどんとふからの移行をする事にしました。 出品者自身が梱包・配送します。「発送までの日数」は、boothでの入金確認が完了してから商品が発送されるまでの予定日数です。 Please enable it to continue. We're sorry but hello-world doesn't work properly without JavaScript enabled. 自宅から発送. ループ動画の作成4. AviUtl プラグインの導入(APNG 出力プラグイン)3. ココフォリアの前景・背景の使い方について ココフォリアの盤面には 2 種類の画像を設定できます。 前景・背景は 画像設定ウィンドウ で設定します。 MenuBar1; 2020-03-08. APNG軽量化(PngOptimizer)」にて紹介します）, APNGは… ・霧や光の演出など、不透明度を駆使したい ・色を制限されたくない …な演出におすすめです 透過アニメGIFは… ・ループ時間長め、またはサイズ大きめにしたい ・色数は少ない ・ジャギーを抑える方法がある、またはジャギーを気にしない …な演出におすすめです, AviUtlのインストールおよび基本的なプラグインの導入は、こちらの動画が参考になります。, AviUtlの導入が完了したら、AviUtlのフォルダを分かりやすい場所に移動させることをおすすめします。, ①APNG 出力プラグイン ※必須 APNG 出力プラグイン(http://takeshima.halfmoon.jp/room/aviutl.html)(作：カメ氏)を導入します。 上記URLからダウンロードした「apng_output_XXX.zip」（おそらくapng_output_007.zip）を解凍し、AviUtlフォルダのpluginsフォルダ内に移動してください。 （管理の利便性向上のため、フォルダをさらに作って移動させても良い）, ②展開for出力プラグイン アニメーション効果スクリプト ※任意 同作者によるスクリプト。 導入しなくても透過APNGを作れないことはないですが、あると便利です。(http://takeshima.halfmoon.jp/room/aviutl.html#expandforout_anm)からダウンロードしたzipを解凍し、「Script」フォルダ内に格納。 ※もし、Scriptをたくさん導入している人は、Scriptフォルダ内にフォルダを作って階層化してください。, もしプラグイン/スクリプト導入中にAviUtlを起動していた場合は、一度閉じてから再度AviUtlを起動。, ゴリラ的手法でループ動画を作っちゃる！ （※割愛します） AviUtlの編集ファイルは.aup形式で保存できます。, 大前提として、透過APNGを作成したい場合、AviUtlの編集サイズ自体を横に2倍する必要があります。（Rootの編集サイズは[設定]-[サイズの変更]-[指定サイズ]から設定） 「APNG 出力プラグイン」は左に色の動画、右に不透明度を示す動画が並んでいる想定で、透過APNGを作ってくれます。, そのため、演出本体はまずRoot以外のシーンで作成することをお勧めします。 [設定]-[拡張編集の設定]から拡張編集ウィンドウを表示し、左上の[Root]を左クリックしてシーンを選択してください。, 作成した演出シーンは、シーンの設定から「アルファチャンネルあり」を有効にしてください。, 良い感じの講座を見ながら、自分の好みの演出を作りましょう。 パーティクルを使って雪を降らせたサンプルをここに置きます。 24fpsのAPNGも同梱していますので、ご自由にお使いください（クレジット表記・報告は不要）, ■講座 ・【AviUtl】AviUtl集中講座～パーティクル出力(ニコニコ動画) 桜吹雪や雪などは、パーティクル出力で表現できます。パーティクル出力には大量のパラメータがありますが、この動画では一つ一つ丁寧に紹介し、応用を教えてくれます。 （※パーティクル出力の作り方 拡張編集ウィンドウの任意のレイヤーを右クリック [メディアオブジェクト]-[パーティクル出力]） ・【AviUtl】水中っぽい表現【拡張編集】(YouTube) 説明文のURLへ飛ぶと、編集ファイル(.aup)が公開されています。 ・【AviUtl】超かんたん！雨降る背景,フォント,蛍などなど(ニコニコ動画) 講座では無いらしいですが、パラメータ値を公開しているのでとても参考になります。, ■プラグイン ・ランダムラスター（AviUtlの易しい使い方） ザザッというエフェクト。背景に使うとホラー、立ち絵に使うとホラーorSFっぽくなるかも。, Rootに戻って、APNGをエクスポートします。 まずは[ファイル]-[プラグイン出力]-[APNG出力]をクリック。, 次に、エクスポートの設定をします。「ビデオ圧縮」から「APNG出力の設定」ウィンドウを開き、「右半分を不透明度として使う」にチェックが入っていることを確認してください。, チェックが入っていることを確認したら、「保存」ボタンでいよいよAPNGファイルが作成されます。, 最後にAPNGを軽量化してからココフォリアにアップロードします。 PngOptimizer(Vectorサイト)からダウンロードし、インストールしてください。 「PngOptimizer.exe」をダブルクリックして起動すると、ウィンドウが表示されます。 軽量化したいAPNGをドラッグ＆ドロップでウィンドウに入れると、自動的に処理が開始されます。しばらく待つと結果が出ます。, このツールは自動でバックアップを取り、元のファイル名が軽量化後のAPNGファイルとなります。 ココフォリアにアップロードできるサイズになったら、完成です。, ■シーン同士で透過されない ⇒以下を確認してみましょう。 ・使用しているすべてのシーンについて、「アルファチャンネルあり」にチェックしたか。■容量が大きすぎてココフォリアにアップロードできない 【対応策１】フレームレートを落とす（AviUtlのデフォルトは30fps） 【対応策２】Rootのサイズを小さくし、出力サイズを抑える 【対応策３】ループ時間を短くする, https://drive.google.com/open?id=1-peSS8NSzxw8K3mo0HYBj8GYbLBcIABF, ノウハウをアレするところ 画像サイズ. この記事は新クトゥルフ神話TRPG（クトゥルフ神話TRPG）のプレイヤーで、「KPもやってみたいけど、ココフォリアの部屋をどう作ったらいいのかわからない」という人に向けて書きました。ココフォリアのバージョンはv1.16.3です。対象者は「PLとしての経験はあるが、KPとしての経験はない」人です。よって、画像のアップロードの仕方とか、ダイスの振り方なんかは省略してあります。あとは「フォロワーがKPデビューすることになったけど、ココフォリア操作で伝えておかなきゃいけないことってなんだっけ！！？？？」って人向けの備忘録にもなるかと思います。, サンプル部屋はこんなかんじ。作者内ではめっちゃ頑張ったほうです。これを今から作っていきますね。, ココフォリアの準備……もありますが、ココフォリアで表示させる画像の下準備があります。ココフォリアでは、容量削減のため、1M以上の画像素材は圧縮されます。1Mは大体縦横1000pxが目安です。細かいことを言えば、画像のファイル形式にもよりますし、写っている画像にもよるので、適宜解像度の変更等をするといいと思います。, メインで表示させたい画像のアスペクト比は、4:3や16:9、3:2なんかがいいかもしれません。サンプル画像は1200*900ピクセルなので、4:3ですね。できればキリが良い数字にしておくといいですが、これはできればで構わないでしょう。, まずはこの状態を作りましょう！ キャラ置き場とか情報メモ欄とかも無いですが、シンプルなシナリオならこれで十分！ カッコいいと思います。, ココフォリアにTwitter認証などでログインし、画面右下にある赤色のプラスマークをクリックします。, ルーム名にはシナリオタイトルを入力。ダイスボットは五十音順に並んでいるので、その中から「新クトゥルフ神話TRPG（7版）」もしくは「クトゥルフ神話TRPG（6版）」を選択します。監視者モードはCoCでは使わないと思いますのでスルーでOKです。, できた新しい部屋をクリックすると、グリッド線が表示されただけの、なにもない空間が出てくると思います。, グリッド線の上で右クリックするか、画面右下（拡大縮小ボタンの下）のえんぴつマークをクリックし、「前景・背景を変更」をクリックします。, ここで出てきた「フィールド設定」では、メインで表示する画像を変えることができます。今回のサンプル部屋では、画像を1200*900ピクセル＝４：３で作成したので、横幅と縦幅はとくに変更しませんでした。, はい！！！！！！！！ できました！！！！！！！！！！！！！！わ～～～すごい！！ それっぽ～～～い！！！！！！！画像を設定するだけでそれっぽくなるのがココフォリアのすごいところですね！！！, ココフォリアの「（いわゆる）背景」には、はっきりしているところと、その後ろのぼんやりしているところがあるのですが、, ぼんやりしているところ（画面全体）は維持したまま、はっきりしているところ（パネル＆前景）だけ変えたいときは、えんぴつマークorパネル部分をクリックして、「前景変更」を行えばオッケーです！！, あとまあ、これはもうワンステップ上の話なんですが、パネルと前景というのも別物です。ココフォリアの画面をちょっと斜めにして、図解するとこんな感じ。, 前景とパネルの違いを活用すると「パネルに町並みの写真を表示したうえで、前景に雨や雪が降ってるAPNGを重ね、町並みの天気を表現する」みたいな演出ができます。が、これは応用編なので、今回は割愛しますね。, これを書いた人は音楽に疎いのですが、だいたいMP3形式のファイルで５分を超えると、ココフォリア上の容量制限に引っかかり、アップロードできない印象です。私は基本５分～６分までの曲を探すようにしています。, Dropboxなどのツールを使えば、それ以上の容量の音源を外部リソースとして用いることも可能らしいです。私は詳しく知らないので、申し訳ないですが省略します。誰か詳しいやり方を教えてほしい……。, ココフォリアはパワーポイントのスライドのように、画面を保存して切り替えることができる、「シーン」という機能があります。KPが「画面切り替えますね～」とか「ではその部屋に入ると……」と言ったあと、画像とBGMがパっと一緒に切り替わる体験をしたことが、恐らくあるかと思います。あれは、手作業でまず画像を変えて、BGMを変えて……ってしているわけではなく、まとめて「シーン」として保存してあるのです。, 画面右上の「シーン一覧」→「＋」ボタン→保存ボタン、で、現在の表示画像やBGM等々の情報を一括保存できます。, パネル画像を変えて、BGMを変えて、保存……BGMだけ変えて、保存……パネル画像とBGMを変えて、保存……を繰り返し、シナリオ内に登場する場面ごとのシーンを保存していきます。, そうすると、「シーン一覧」にいろんな場面が並ぶことになります。PCが訪れた場所に応じて「シーン一覧」の画像の部分をクリックすれば、その該当するシーンが表示されます。, ……といいつつ、上記の部屋画像のうち、最初の「前景・背景」で説明した画像以外の画像は、すべてスクリーンパネルです。マーカーパネルは使用していません。, スクリーンパネルとマーカーパネルの違いはなにかというと、スクリーンパネルはシーンを変えても保持される。マーカーパネルはそれを設定したシーンでのみ表示される、というところが違います。なので、シーンを変えても表示させ続けたいもの（地図やカレンダー、情報アイコンetc...）は、「スクリーンパネル」、特定のシーンだけで表示させたいものは「マーカーパネル」で表示させるといいと思います。（この記事を書いた人は今までにマーカーパネルを使ったことがないので、良いマーカーパネルの使い方があるぜ！ って人は是非教えていただきたいです……）, で、スクリーンパネル画像を配置して、これだ、という位置が決まったら、スクリーンパネルを固定していきます。, 右クリックから直接「配置固定」を選んでもいいですが、「地形パネル」にしておいたほうが、誤ってショートカットキーとかで動いてしまう心配がないので、安心だと思います。, ちなみに、情報メモをスクリーンパネルで表示する（どどんとふの共有メモをイメージ）ためには、スクリーンパネルの「メモ」欄に表示させたい情報を入力しておきます。, この数字を指定しておくと、画像同士が重なったとき、数字が大きいほうが手前に表示され、数字が小さい方が奥に表示されます。下の画像ですと、青い画像（重なり優先度が大きい）ほうが手前に、黄緑色の画像（重なり優先度が小さい）ほうが奥に表示されていますね。, こんな感じです。これが逆転してしまうと、「半透明白地の上に黒い情報コマ」ではなく、「情報コマの上に白地」となってしまいます。こうなると、マウスオーバーしてもなにも見れないです。なので、画像同士が重なるときには、重なり優先度を意識して設定しておくといいでしょう。ちなみにですが、ココフォリアではマイナスの値も設定することができます。マイナスにすると、「背景・前景」のところで説明した「パネル」よりも奥（下）に表示されます。, あと、この「重なり優先度」の概念は、お絵描き勢には「レイヤーの上下」って言うとたぶん一発で伝わります。, KPコマやNPCなど、ステータス一覧に表示しなくていいものは、キャラクター編集画面から非表示にできます。, 通常、キャラクターコマを作製すると、盤面キャラクター一覧に表示されますが、「ステータスを非公開にする」と「盤面キャラクター一覧に表示しない」にチェックを入れておきましょう。こうすることで、左上にステータスが表示されないNPC状態になります。, 「発言時キャラクターを表示しない」は、チャットでの発言をしたときに、キャラクターのイラストが画面に表示させないようにするものです。私（ボイスセッション）はここは特に触っていませんが、テキストセッション勢だとなにか勝手が違うかも知れないので、テキストセッションをされる予定の方は、先人の知恵を仰いでください。, KPが「では、探索者たちはNPCの日記を発見しました。情報タブに貼りますね」みたいなことを言って、長文の情報を貼っていく……。CoCオンラインセッションでよく見られる光景だと思います。それをやりましょう。, ①右上の各種アイコンの真ん中「シナリオテキスト一覧」をクリック②プラスアイコンをクリック③「新しいノート」をクリック④情報タイトルと内容を入力する, 送信するときは、「シナリオテキスト一覧」から一度テキスト内容を開いて、確認してから「送信」するといいでしょう。（一応、チャット欄から予測変換のようにして情報を出すこともできます）, なお、シナリオテキストは、チャットパレットとは違い、ダブルクリックで送信はできません。一度しっかり情報を開いて、送る内容と、チャットのタブを確認してから、「送信」をクリックしましょう。送り間違いを防ぐためにもね。, セッション終了！ お疲れさまでした～～！ としたあとに、KPはお部屋のお片付けをする必要が出てきます。, スクリーンパネルを非表示にしたり、コマを盤面から削除したり……といろいろありますが、チャットに残ったログを消すのも必要ですね。, チャット欄の右上の歯車マーク→「ルームログ削除」を押せば、「本当に削除しますか？」という確認が出てきますので、OKしましょう。ページを再読み込みすれば消えます。, ここまで読んでいただきありがとうございました！ PL専がKPデビューするにあたって必要な項目には、一通り言及することができたんじゃないかと思います。, ココフォリアは現在進行系でアップデートされているツールですので、最新版とのズレが今後生じていくかも知れません。そのときは、是非ココフォリアの更新記事を読んで、触って、試して、遊んでみてください。, この記事がみなさまの楽しいクトゥルフ神話TRPGライフに寄与できることを願っています。, 部屋作製の解説に使用したシナリオはこちら。「神話」要素好きにはたまらない、重厚な背景設定が素晴らしいシナリオです。, 夜王 | ログトリの寝床 https://booth.pm/ja/items/2233320, PL専がKPデビューしたいと思ったときのためのココフォリア操作ガイド（2020年12月版）. クトゥルフTPRG（PL） 2020-04-04. 動く背景/前景の正体はAPNG（AnimatedPNG）です。 透過アニメGIFと何が違うの？というと、bit数(色数)とアルファ値（透明度）の持ち方が違います。 色数や不透明度を自在に操ったアニメーションを作りたい場合は、APNGが適しています。 ただし、ココフォリアは1MB以上の画像アップロードが出来ないため、注意が必要です。（参照：ココフォリアまとめWiki 2020/02/11現在） 持つ情報が多いほど容量が大きくなるのは自然なことで、透過アニメGIFよりもAPNGのほうがサイズが大きくなること … ココフォリア規約とはココフォリア開発・運営さん側が使用する上で守ってね、と設定されている物です。 規約を守って使用しましょう。 2020年7月23日から利用規約が変わり、法律に準拠して利用することになっています。 APNG軽量化(PngOptimizer), 動く背景/前景の正体はAPNG（AnimatedPNG）です。 透過アニメGIFと何が違うの？というと、bit数(色数)とアルファ値（透明度）の持ち方が違います。 色数や不透明度を自在に操ったアニメーションを作りたい場合は、APNGが適しています。 ただし、ココフォリアは1MB以上の画像アップロードが出来ないため、注意が必要です。（参照：ココフォリアまとめWiki 2020/02/11現在） 持つ情報が多いほど容量が大きくなるのは自然なことで、透過アニメGIFよりもAPNGのほうがサイズが大きくなることがあります。 （※APNGを軽量化するフリーソフトを「5. 「このツールとプラグインさえおさえれば実現可能」というのを簡単にまとめたものなので、肝心の演出については講座をお探しください。, 1. チャット更新音を鳴らす方法; 2020-02-11. ココフォリアって何なのさ？ BGMの再生; 2020-06-07. ココフォリアに表示されている画像の変更は、「フィールド設定ウインドウ」から行います。 ウインドウを出すには、「チャット欄左の鉛筆マーク」をクリックして、「前景・背景を変更」を選択しま … スマートフォン対応のtrpgオンラインセッションツール クトゥルフ神話trpgをはじめとした多数のtrpgシステムに対応 誰でも簡単に雰囲気のあるセッションを楽しむことができます！ AviUtlの導入2. TRPGオンラインセッションツール「ココフォリア」でのセッション用の部屋の作り方などをほとんど自分用にですがまとめてみました。基本的なことは有志がまとめてくださっているのでこちらからご覧ください。ココフォリアは無料で利用できるツールですが、開発者さんを支援することもできます。支援窓口はこちらです。 このシーン、もっと迫力が欲しい。臨場感が欲しい。 そんなときにいかがでしょう。 今回は緊張感のあるノイズ素材をご用意いたしました。 なおこちらはtrpgセッション用に作成したapng素材です。 全種ループに対応しています。 ＊trpgのgm・kp向け素材を販売しています＊ 現在公開中：ココフォリア向けのapng動画素材①・② rpgの道具屋のおじさんを目指しています TRPG 26種類！
マツダ キャロル360 カスタム, Aurora アップデート 通知, ミミッキュ 育成論 Usum, ブロー成形 不良 種類, 東中野 事件 今日,
コメントは受け付けていません。