AIキャラクターと会話中に、ふと会話の流れの中で動画や画像をを表示できたらいいのにな～と思ったことはありませんか？
これから紹介する方法でAIキャラクターを制作すると、AIが自動で考えてくれるあなただけのギャルゲー的なものや、映像や画像などを保存しておけるちょっとした保管庫のようなものなどが制作することができます。
またAIキャラクターはコストがかなり掛かるので、ミスと修正による無駄なコストの浪費をみんなで抑えましょう！😎
記事の最後に、今回説明で使用したAIキャラクターもあります！サムネイルにもなっている私のAIキャラクターは改変可能ですので、記事を読むのも面倒だよ～という方は、AIキャラクターを開いて右上の創作ボタンからご利用ください。
1.映像・画像の準備
まずは画像または映像を用意してください。🎨
今回は上記の、私がSeaArtで生成したオリキャラのゾルフ・アーガインのアニメーション動画を生成し、.webp形式に変換した映像を使用します。
（こちらは、つい先日開始されたイベント「誰のAIキャラクターが一番上手に誘惑するか？」 https://www.seaart.ai/ja/eventCenter?type=activity&id=cvvm52le878c73b6hmn0 にてついでに制作したもので、背景画像も映像化したい場合は.webp形式に変換してください。）
.webp形式の場合は、その用意した画像または映像をSeaArt上に投稿してください。
2.AIキャラクター基本情報入力
キャラクター参考画像の欄にwebp形式の動画を選択すると背景とサムネイルとアイコンも動くようになります。
面倒ならば上記の画像で試してくださっても構いません！
では、AI自動生成でパパっとキャラの基本情報を入力してください！
3.最初のメッセージで映像や画像を表示する
それでは、さっそく最初の会話の中で映像や画像を表示してみましょう！😀
SeaArt内にある映像や画像か、先ほど投稿したものを開いて、映像か画像のアドレスのコピーをしてください。
最初のメッセージの欄で、映像か画像を表示したいところで、
画像、.webpファイルの場合は<img src=>
動画の場合は<video width=100% src= muted loop>
のsrc=の後に画像のURLを貼り付けてください。
動画の場合、サイズを合わせるためにwidth=100%が入っています。こちらの%の数値を小さくすると画像サイズも小さくなります。
また、動画をループ再生するためにautoplay muted loopが入っています。
4. 会話の中で映像・画像を表示する
では次に、映像や画像を会話の中で表示していきましょう！😃
キャラクターについての欄に、以下の文章を入力してください。（URL部分をあなたの作品などに置き換えてください。）
文章の終わりに毎回<img src=https://image.cdn2.seaart.me/20250419/45b2c597-4ab2-4f14-8836-96ad5ee94712.webp>と表示する。
これで会話終わりに毎回、映像か画像を表示するようになります。
次は好感度が上昇していくたびに、映像や画像を変化させていきましょう！📈
続けて、以下の文章を入力してください。（URL部分をあなたの作品などに置き換えてください。）
{{char}}には好感度カウンターが存在し、あなたへの好意が上昇するたび、好感度が1ずつ増える。初期好感度カウンターの数値は0である。
好感度カウンターが「1000以上2000以下」のとき、それ以降<img src=https://image.cdn2.seaart.me/20250419/318b0d1f-dfc5-4647-b958-6ea11d040009.webp>と表示する。
好感度カウンターが「2000以上」のとき、それ以降、毎回<img src=https://image.cdn2.seaart.me/20250419/794541b3-755d-4a0f-b1da-a5387c58d89f.webp>と表示する。
これでAIギャルゲ風のキャラクターが完成です！🤓
5.その他応用
それでは最後に応用編です！
・キーワードで呼び出し、または映像・画像のギャラリー的なもの
「」と打つと、毎回<video width=100% src= autoplay muted loop>と表示する。
「」内にキーワードや数字・記号等を入力して、AIキャラクターにそのキーワードを打つと、キーワードに応じたものを表示します。
これを最初のメッセージに大量に配置してギャラリーのようにすることも可能です。
・特定の条件下で映像や画像を表示する
{{char}}が「照れたり、恥ずかしがった」とき、<img src=https://image.cdn2.seaart.me/20250419/9c2cfe3c-ac3d-41ab-9afc-1c3eb4d15b2e.webp>と表示する。
「」内の特定の条件を満たしたとき、映像や画像を表示します。
・ユーザーとAIキャラクターの関係値によって映像か画像を表示する
{{char}}が{{user}}の会話の流れの中で、{{user}}へ「」をしているとき、<video width=100% src= autoplay muted loop>と表示する。
ユーザーとAIキャラクターとの関係が、一定の条件を満たしたとき、映像や画像を表示します。
以上で今のところのAIキャラクターの映像・画像の表示を終了します。
今回使用したAIキャラクターはこちらになります。改変も自由なのでお好きにお使いください。
ゾルフ・アーガイン： https://www.seaart.ai/ja/cyberPubPage/cv3pv85e878c73f316f0
このガイドが、あなたがAIキャラクターを制作するのに少しでも役立てればいいなと思ってます！ 🤪
AIキャラクターはコストがかなり掛かるので、使いづらいというのもあるかもしれませんが、皆さんのAIキャラクターが見れれることを楽しみにしています！🤩
また、質問やもっとここをこうしたほうが良いよといったアドバイスがある場合も、コメント欄等に書いてくれれば助かります！ 📪
読んでくださり、ありがとうございました！
…余談ですが、この方法を使うと外部の映像・画像のURLも貼り付けたり、SeaArt内で自分にしか表示できない映像・画像なども表示することができるので、色々な楽しみ方ができます…🤐