–
–
※チャットノベル形式となります。
前回のココフォリア部屋の作り方(スクリーンパネルBOOTH素材編)は此方
–
–
ココフォリアで、動く仕掛け作りたい?
+重なり優先度の話
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
ココフォリア、
パネルを動かす仕組み
あるじゃないですか?
それ、
重なり優先度って
言うんだぜ?
![男子C](https://sazano123.com/wp-content/uploads/2021/04/3_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
違います。
根に持ち過ぎでは?
今回の完成図
さて、
これの作り方だな?
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
明らかに
根に持っている
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
素材をダウンロードする
一緒に実践したい方様に、
フリー素材のURLをご用意しています。
ご自身で用意している画像がある、
もしくは実践をしない場合は読み飛ばしてください。
鳥籠
さて、
まずは素材だな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/image-1024x763.png)
シルエットデザインさんが
最高に良かったから
お借りした
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
PNGを押すと
透過でダウンロードできる!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
吹き出し
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-15-1024x576.jpg)
吹き出しも
ダウンロードして
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
見本と
形式違うような…?
手癖で気付いたら、
Canvaで作ってた…
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
勿論、素材の形式とかは
適当でOK!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
立ち絵コマ
コマの立ち絵は
いらすとや様を
お借りした
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-16-1024x576.jpg)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
無駄に
それ好きですよね…
妹みたいで
可愛いからな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
?????
????
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
背景
部屋の画像も
自由!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-17-1024x576.jpg)
このサイトで
「部屋」とかで調べると
それっぽいの出る!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
そういえば、
ココフォリアの背景なのに
ぼやけてないですね?
それも
――重なり優先度だ。
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
やはり重なり優先度
重なり優先度は全て解決する
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
何なんですか
この信者
ココフォリアで実際に作ってみる!
まずは
ココフォリアに、
コマを置いて欲しい
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
では開いて置きました
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-18-1024x576.jpg)
OK、じゃあ次だな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
ココフォリアで背景がぼやけてしまう場合の対処法
・公式としては対処法はなし
◎対策方法は3つ
・無地の色背景にする
・スクリーンパネルを拡大表示して固定する
(稀にPLさんに固定外されて、弄られる事があります)
・前景のサイズを、かなり大きくしてしまう
次に、
背景を載せる
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
なら、背景を――
いや、今回は
スクリーンパネルにした
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
力業ですが、
確かに
ぼやけはしませんね?
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-19-1024x576.jpg)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
端の黒色が
すごくノイズですが…
そう、
「ぼやける背景」って
「それっぽく」する為に
かなり便利なんだよなぁ
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
なら、
なんでこの方法に
したのですか
知っていると
知らないとでは
選択の幅が違うから、
教えたかっただけ
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
今回はどうします?
そうだな。
多く使われている色の
無地背景……
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
今回なら、
#A38982の無地背景なら
違和感は大分なくなる
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-22-1024x576.jpg)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
本当ですね
マーカーパネルの追加仕方について(おさらい)
マーカーパネルの
表示仕方は
前と同じでOK!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/押すと出てくる-8-1024x538.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
はい、
今思い出しました
なら
マーカーパネルで
「鳥籠」を出せるな?
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-23-1024x576.jpg)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
出しました。
パネル重なり優先度をキャラクターコマより高くする話
キャラクターコマは
自動的に重なり優先度が「100」になっている
(前景コマは自動的に重なり優先度が「1」になっている。)
重なり優先度を100以上にすれば、
パネルの方が上に来る
パネル一旦、そのパネルで
そのコマを捕まえて
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
やってみますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 泣く-1-259x300.png)
敵は……強敵でした…
そうだな…
大変良く頑張った…
ご苦労…
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
で、
此処で
重なり優先度ですか?
そうなる!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
重なり優先度を変更する方法
スクリーンパネルにも、マーカーパネルにも応用可能
まず、鳥籠を
ダブルクリック
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-24-1024x576.jpg)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
パネルの設定画面が
出てきました
そこで、重なり優先度を
「101以上」にする
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-25-1024x576.jpg)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
キャラクターコマの
重なり優先度が
100に設定されている、と?
賢い!
それでもう一回
捕まえて見ろ!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
呆気ない…
マーカーパネルによるアニメーション①
マーカーパネルは
シーン変更によって瞬間移動が出来る
(パラパラ漫画が作れる)
なら、鳥籠を
下す動きを
シーン保存しよう
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/押すと出てくる-4-1024x538.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
つまり、この状態にして
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-26-1024x576.jpg)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
これをシーン保存する。
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-28-1024x576.jpg)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
その後、檻にこいつを入れて
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-27-1024x576.jpg)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
シーン保存する、と…?
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-29-1024x576.jpg)
そうそう。
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
このシーン保存したものを
動かしてみますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
無事に
捕まえることが
出来ました。
可愛い背景のせいで
性癖を垣間見た気が…
それはいっか
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
ココフォリアのシーン移動の処理順番について(軽い応用)
ココフォリアのシーン移動は
「位置移動」→「重なり優先度」
の処理になる。
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
だから、
初めのコマは
重なり1、
次のコマは
重なり101にすると
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
※本当に僅かな違いなので、小姑か変態でない限りは気にしなくて大丈夫です
閉じ込められる感覚が
もっとそれっぽくなるな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
ああ、
そういう性癖の方でしたか…
女の子部屋に
監禁野郎は黙ろうな?
な?
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
マーカーパネルによるアニメーション②
マーカーパネルは
シーン変更によって縮んだり、膨らんだりできる
(パラパラ漫画が作れる)
次は吹き出しだな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
ダウンロードした
吹き出しを
マーカーパネルですよね?
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-30-1024x576.jpg)
早いな!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
初めシーンの吹き出しは
檻の中に入れるほど小さくして
重なり具合も「檻より小さく」して
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-32-1024x576.jpg)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
出来ました
なら、
次は同じ要領で
大きい吹き出しだな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
注意点は
「新規でパネルを
用意するのは×、
今あるパネルを
大きくする!」
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
出来ました
![](https://sazano123.com/wp-content/uploads/2022/03/テキセボイセ-33-1024x576.jpg)
な、なんか
おどろおどろしいけど
まあ、いっか
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
では、
これで動画を
撮りますね
完成形
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
少し調子に乗って
色々したので
観覧注意でお願いします。
説明する場所で
人選ぶの作るのやめろよ…
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
一番上に
健全安全なサンプルを置いた
そっちだけを
見てくれれば幸い。
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
おう、病的
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/image-1.png)
[ 男子C ] SAN : ??? → ???
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
うん、作った後に
反省しました
これAに見せつけておくからな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
今度こそ
人格疑われるので
止めて下さい
今更が過ぎる
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
まとめ
パラパラ漫画程度で出来る簡単なアニメーション演出は
マーカーパネル×シーン変更
で可能!
重なり優先度を使えば、
真っ黒な画面や真っ白な画面で、コマが浮かない
帽子やブローチなどをコマに付けることも可能になる!
訳の分からない事故が
起こったから、
ちょっと休憩したい
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
すみません、
ですが大変楽しかったです
楽しく作れたなら、
まあ良し、にしといてやる
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
–
–
気を取り直して…
襖の開け閉め表現とか
扉の開閉も出来てるし、
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
画面が真っ白にする演出で
「コマよりも
重なり優先度を高くすることで
真っ白な画面を作る事も出来る」
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
–
後は自在に楽しんで!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
関連記事一覧
ココフォリアでの部屋の作り方(シーン分けやはじめの一歩編)
![](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-2021-10-19T231031.792-1024x538.png)
–
ココフォリアでの部屋の作り方(スクリーンパネル編)
![](https://sazano123.com/wp-content/uploads/2022/02/名称未設定のデザイン-8-1024x538.jpg)
ココフォリアの部屋の作り方、マーカーパネル素材の使い方。
![](https://sazano123.com/wp-content/uploads/2023/01/image-4-1024x538.png)
ファンブルとクリティカルのカットインの作り方は此方
![](https://sazano123.com/wp-content/uploads/2022/01/Enter-to-win-12-1024x576.jpg)
ココフォリア部屋の小技。システム音の作り方、@アットマークの使い方、差分の切り替え方について
![](https://sazano123.com/wp-content/uploads/2023/01/image-5-1024x538.png)
インスタントココフォリア部屋、部屋Zip素材まとめ、お部屋がドラックアンドドロップで何もしなくても完成できる!ZIP部屋の作り方、おすすめのココフォリア部屋素材まとめ
![](https://sazano123.com/wp-content/uploads/2022/10/image-1-28-1024x538.webp)
立ち絵瞬きAPNGの作り方
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-21-1024x538.jpg)
–
TRPGのリプレイ動画や配信画面の作り方
![](https://sazano123.com/wp-content/uploads/2022/02/music-5-1024x538.jpg)
ココフォリア初めてのPLさんに必要なところだけ教える為の記事。KPやDLの際にPLさんにぜひ!サンプルのキャラシ。クトゥルフ神話TRPG6版、エモクロアのサンプルキャラクターデータ。キャラクターコマの作成仕方、チャットパレットの出し方、ダイスの振り方、秘匿チャットのやり方、ログの保存し方。
ココフォリアPROの登録し方・PROが使える機能について、タイマー機能、Zipファイルデータの作り方、出力し方、お部屋の複製し方、Unsplashの画像検索機能も紹介。
![](https://sazano123.com/wp-content/uploads/2023/03/image-2023-03-22T173110.386-1024x538.webp)
立ち絵ディスプレイの作成し方
クトゥルフ神話TRPG第六版の説明
![「TRPGって何?」超初心者向けの簡単なやり方と実践準備編。いあキャラでのキャラクター作成、ココフォリアの使い方から、チャットパレットの設定まで。ルールブックとシナリオさえあれば、すぐ遊べる手前までチャットノベル形式で紹介!(前編)](https://sazano123.com/wp-content/uploads/2021/03/Simple-Work-Blog-Banner-1-1024x576.png)
–
–
–