AIイラストをアニメーションさせたい。…させたくない？
以前、「ラブドールの写真を上下運動させたい。…させたくない？」と題して、枠の中に写真を閉じ込めて上下運動させる試みをしました。
せっかくなので、AIイラストでも同じことをやってみようかなぁ～と思って、こんな絵を用意してみました。
今回は絵の内容が主目的ではないので、特に厳選しておらず、どんなプロンプトだったかもあまり覚えていません。たぶん、モデルはAnything、プロンプトは…
nsfw,1girl,loli,kawaii,flat chest,blowjob,from bottom center,masterpiece
かなぁ。
1girl,loli,kawaiiはうちのデフォなのでご了承ください。ロリコン以外は帰ってもらえるか？
あ、でも、そうだなぁ、まだ立ち上げたばかりのブログで新しい訪問者がいるとは思えませんが、将来的にここを訪れたAIエロイラスト初心者の方は「blowjob」という単語だけ覚えて帰ってくださ～い。oral sexよりもフェラチオが出しやすいと思いま～す。体感ですけども。
AIイラストを上下運動させてみる
以前、ラブドールで試したときと同じCSSアニメーション（keyframes使うやつ）ですけど、ん－、どうでしょうね。
上下運動させる目的で「bottom center」のプロンプトで出したので、まぁまぁですかね。個人的にはコレに音声でも付けば十分抜けます。加齢とともにタンクの補給速度が著しく低下してきているので抜きませんけども。
それはそれとして、最初はこのペニス部分を切り抜いて、別レイヤーにしてジュポジュポ上下に動かそうかなーと思ったんですよ。
それでフェラチオのアニメーションってどういう動きしたらフェラチオっぽく見えるのかな？と。エロサイト、というよりは、「アニメGIF フェラチオ」みたいな画像検索で。
普通のエロアニメはイラストレーターさんがガチで描いてるモノだから、真似ようがないじゃないですか。そうではなく、匿名掲示板の人とかが雑コラしたようなアニメーションGIF。そっち系のほうが参考になると思ったんですよね。
それらを眺めていて、角度が大事かも、と感じました。そう、上下運動ではなく、弧を描くように、えぐるように、インサート。
どうでしょう？
@keyframes updown-frame2 {
from { transform: translateY(-20%) rotate(-10deg); }
to { transform: translateY(5%) rotate(2deg); }
}
みたいな感じで、キーフレームに、-10度から+2度までの角度を追記しただけです。
ぼく、この時点でめっちゃ可能性感じちゃったんですよね。これたぶん枠があるから違和感あるだけで、絵拡大したら臨場感すごいぞ、と。一定のリズムではなく、緩急もつけたらきっとどえりゃあシコいぞ、と。
気が付けば夢中で朝まで作業してしまいました。
AIイラストで作った動くエロゲっぽいものの試作品
試作品できました。（制作時間4時間）
音は出ないのでご安心ください。
まとめ
AIイラストとCSSだけで作ったわりにはなかなかじゃないですか？（自画自賛
あ、ボタンの制御だけ一応JavaScript使ってるか。でもそんだけ。女の子の動きも、漫符っていうのかな、ジュポとかズボとかの文字もCSSっす。
前作ったときは擬音もわざわざInkscapeで作ってたんだけど、Webフォント使えば良いんじゃね？って気が付いたんです。今回使わせて頂いたのはニコモジ。かわいらしい文字よね。
https://googlefonts.github.io/japanese/
企画：俺 プログラム：俺 イラスト：俺 UIデザイン：俺 デバッガー：俺
みたいなアホっぽいスタッフロール、いつかやってみたいと思ってましたが、StableDiffusionのおかげでグッと現実的になったな？
ちなみに、一般向けの技術ブログのほうでドラクエ風のインターフェースや、メッセージを1文字ずつ並べるコード※とか出したときは、1年くらい経ってからお礼のメール届きました。
※コレで使ってる→「見抜き特化エロゲがなければAIイラストで作れば良いじゃない」
なんでも最近はJavaScriptで同人ゲーを作る仕組みがあるとか？ ティラノスクリプトと言ったかな。だから、普通にJavaScriptのサンプルをそのまま参考にできるらしく、ぼくが公開したコードを同人ゲーで使わせて頂きました、と。おぉそれはそれはご丁寧にどうも。エロゲマニアとしては購入させて頂くので作品教えてくださいな♪なんてフレンドリーに返信したものです。
BLゲーだったんだけどな。
すみません、ちょっと守備範囲外でした。申し訳ない。
話が脱線しましたが、CSSやJavaScriptのコードは好きに使ってもらって構わないどころか、何なら解説しても良いのだけれど、えーと、ちょっとこの記事は長くなりすぎたのでこのへんにしときます。
まだ改良すると思うので、そのときにでも。
ソースを表示してパクれる人は好きにパクってください。もちろんイラストもね。AIで出したやつですから。
