実際に出来たもの
ココフォリアのクリックアクションとは
![男子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)
スラッシュコマンド例(ココフォリアのプロ専用)
/play [URL] 動画(Youtube)
/pdf [URL]
/omikuji おみくじが引けます
普通のコマンド(ココフォリアのアマチュアも可)
:HP-1 (HP以外にも、こっそり何かをカウントする時などにも使える)
@[表情・カットイン] @を付けるとココフォリア上に
その後ろの文字が表示されなくなる
/scene [シーン名] シーン変更
2023年7月7日の記事より↓の為、変動はあるかも知れません
![](https://pixiv.pximg.net/c/1200x630_90_a2_g5/fanbox/public/images/creator/34024211/cover/e2BBMYPuWnBdZQjLjW64Rx3A.jpeg)
![](https://downloads.fanbox.cc/images/post/6303861/c/1200x630/aTzMfneNelRUD33BNTJEzUHK.jpeg)
上記にて
“CCFOLIA PRO の利用者は、チャット上で以下の特別なコマンドを利用することができます。”とは書いていますが、7/7より/sceneは可能とのことです。
クリックアクションを、連携させてみる
クリックアクションを付けられるのは
スクリーンパネル・マーカーパネルの二つ。
スクリーンパネル…
いつも表示する画像(お部屋素材とか)
マーカーパネル…
そのシーンのみの画像(その部屋に必ずいるNPC立ち絵とか)
–
前回は此方↓ボタン画像を作りたい人用なので飛ばしてもOKです。
![](https://sazano123.com/wp-content/uploads/2023/07/image-87.webp)
まず、ボタンを
機能させる方法からやる。
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-73-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
前より豪勢になりましたね
ステータス変動コマンド、
カットイン、シーン変更の3つを今回やるから
それに合わせた部屋にした
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
ステータスの上げ下げボタン(ステータス変動コマンドとの連携)
ステータス変動コマンド
ステータス変動コマンド
:HP-1
(HP以外にも、こっそり何かをカウントする時などにも使える)
:××+1 のテンプレート。
と言うことで、
まずは
ステータス変動コマンド
![男子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)
やりたいことは、
正気度が減るボタン、です。
![](https://sazano123.com/wp-content/uploads/2023/07/image-74-1-1024x538.webp)
クリックアクションの設定
そうだな、
まずはボタンの
スクリーンパネルを右クリックする
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-76-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
クリックしたら
メニューが出てきますね
そこから
「編集」をクリックで!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-75-2-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
……。
–
–
–
–
![](https://sazano123.com/wp-content/uploads/2023/07/image-77-1-1024x538.webp)
–
–
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
いつも通りでは
さらに下にドラックすると、
新機能が出てくる
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-78-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
この高度な設定…の部分?
![](https://sazano123.com/wp-content/uploads/2023/07/image-79-1-1024x538.webp)
そう、そこを
クリックして欲しい
![男子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)
クリックしたら、
クリックアクションの欄が
出てきますね
そこをクリックで
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-80-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
チャットに
送信しかないのですが…
これからやることは
全部「チャットに送信」を
起点エフェクトに行うからOK!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-81-1-1024x538.webp)
![男子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)
–
–
–
正気度を変動させるコマンド
正気度を変動させるコマンド
:正気度-1
:SAN-1
(立ち絵ステータスのラベルに合わせて変更して下さい)
:××+1 のテンプレート。
で、正気度を変動させる
コマンドを入れる
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-82-1-1024x538.webp)
![男子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/2023/07/image-83-1-1024x538.webp)
動作確認
駄目な例
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.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/1_144-300x300.png)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
・・・・仕方ないな
動画の場合はこちらから↓
–
![](https://sazano123.com/wp-content/uploads/2023/07/image-84-1-1024x538.webp)
↓
![](https://sazano123.com/wp-content/uploads/2023/07/image-85-1-1024x538.webp)
![男子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)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
成程?
![](https://sazano123.com/wp-content/uploads/2023/07/image-86-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
選択し直して、
仕切り直しますね
OKな例
動画の場合はこちら↓
–
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
ではクリックしますね
![](https://sazano123.com/wp-content/uploads/2023/07/image-90-1024x538.webp)
↓
![](https://sazano123.com/wp-content/uploads/2023/07/image-87-1-1024x538.webp)
![男子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/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-1-1024x538.webp)
カットインって何?※おさらいなので、前回記事URL載せています
カットインという機能があり、
クリックすると、それが表示できるようにするやり方です。
カットインについては
前にDが説明しているから
少し割愛するとして…
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
カットインの説明です↓
![](https://sazano123.com/wp-content/uploads/2022/03/効果音演出を-もっと楽に!-2-300x158.jpg)
クリティカル・ファンブルのカットイン説明はこっち↓
![](https://sazano123.com/wp-content/uploads/2022/01/Enter-to-win-12-300x169.jpg)
今回はこういう
カットインを用意した
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
タイトルが
KPSTOPと言うことは、
KPSTOPと打つと、
このカットインが表示されるんですね?
合ってる。
ついでに言うと半角@で
その文字自体を
表示させない事も出来るな
![男子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)
つまり、今回は
@KPSTOPをクリックアクションの中に
入れる、と。
正解!
![男子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)
前回の説明をそのまま載せているので格納
![](https://sazano123.com/wp-content/uploads/2023/07/image-76-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
クリックしたら
メニューが出てきますね
そこから
「編集」をクリックで!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-75-2-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
……。
–
–
–
–
![](https://sazano123.com/wp-content/uploads/2023/07/image-77-1-1024x538.webp)
–
–
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
いつも通りでは
さらに下にドラックすると、
新機能が出てくる
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-78-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
この高度な設定…の部分?
![](https://sazano123.com/wp-content/uploads/2023/07/image-79-1-1024x538.webp)
そう、そこを
クリックして欲しい
![男子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)
クリックしたら、
クリックアクションの欄が
出てきますね
そこをクリックで
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-80-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
チャットに
送信しかないのですが…
これからやることは
全部「チャットに送信」を
起点エフェクトに行うからOK!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-81-1-1024x538.webp)
![男子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)
カットインを表示させるテキスト
カットインが反応するテキスト
カットインを作った時の「タイトル」部分。
※語尾に入れると反応します
チャット欄を汚したくない場合は、
半角の@を入れるとカットインのみ表示が出来る。
で、
カットインを表示させる
コマンドを入れる
![男子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)
カットインを
表示させるのって、
@KPSTOPで良いですか?
![](https://sazano123.com/wp-content/uploads/2023/07/image-2-1024x538.webp)
今回はそれでOK!
入れて欲しい
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-3-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
入れました。
動作確認
動画の場合はこちら↓
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
クリックしますね
![](https://sazano123.com/wp-content/uploads/2023/07/image-5-1024x538.webp)
↓
![](https://sazano123.com/wp-content/uploads/2023/07/image-4-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
これ、情報貼るのにも
便利ですね…?
確かに情報の語尾を
カットイン設定しておけば
ノート読んだ時に
ノートの画像出せるな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
–
とはいえ、
多すぎるとうざいから
調整は必要だろうけどさ
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
–
–
シーン変更とクリックアクションを連携させる
![](https://sazano123.com/wp-content/uploads/2023/07/image-7-1-1024x538.webp)
シーン変更って何?※おさらいなので、前回記事URL載せています
シーンという機能があり、
クリックすると、それが表示できるようにするやり方です。
シーンについては
前に俺が説明しているから
少し割愛するとして…
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
シーンの作り方の説明場所に飛ぶURLです↓
![](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-2021-10-19T231031.792.png)
今回はこういう
シーンを用意した
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-8-1-1024x538.webp)
![男子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)
シーン変更コマンド
/scene シーン名
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
…なら、今回はシーン名が
「遊園地」なので
/scene 遊園地、がコマンドですか?
合ってる、流石だな
![男子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/2023/07/image-76-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
クリックしたら
メニューが出てきますね
そこから
「編集」をクリックで!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-75-2-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
……。
–
–
–
–
![](https://sazano123.com/wp-content/uploads/2023/07/image-77-1-1024x538.webp)
–
–
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
いつも通りでは
さらに下にドラックすると、
新機能が出てくる
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-78-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
この高度な設定…の部分?
![](https://sazano123.com/wp-content/uploads/2023/07/image-79-1-1024x538.webp)
そう、そこを
クリックして欲しい
![男子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)
クリックしたら、
クリックアクションの欄が
出てきますね
そこをクリックで
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-80-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
チャットに
送信しかないのですが…
これからやることは
全部「チャットに送信」を
起点エフェクトに行うからOK!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2023/07/image-81-1-1024x538.webp)
![男子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)
シーン変更するコマンド
シーン変更コマンド
/scene シーン名
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
シーン名は遊園地だと
言っていたので…
![](https://sazano123.com/wp-content/uploads/2023/07/image-10-1-1024x538.webp)
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
/scene 遊園地、で保存、と
![](https://sazano123.com/wp-content/uploads/2023/07/image-9-1-1024x538.webp)
それでOK、
![男子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)
では、クリックしますね
![](https://sazano123.com/wp-content/uploads/2023/07/image-11-1-1024x538.webp)
↓
![](https://sazano123.com/wp-content/uploads/2023/07/image-12-1-1024x538.webp)
![男子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)
システムの
ランダム表があったら、
それをワンクリックで出来るように
できるのは楽ですね
無理しない程度に、
楽しんでくれたら幸い。
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
関連記事
–
–