深夜アニメでよく見るソシャゲCMをAIイラストで真似してみた

「AIイラストのメイドさんのブラをめくりたい」のコメント欄で、メメント・モリの話が出たので、ググって公式ページを見ていました。

まだプレイしたことないけどCMはよく見るよなァ、などと思いながら眺めていたのですが、ぼくの頭の中ではなぜかブレイブソードブレイズソウルの「圧かけて」「圧かけて」のCMが無限ループ再生してしまいました。

どちらもゲームは未プレイなんですが、深夜アニメはめっちゃ見ているので、CMで刷り込まれてるんですよね…。というわけで、

AIイラストでソシャゲCMっぽいのを真似してみた

※音声が流れるので周囲の安全をお確かめの上、再生してください（あえぎ声とかはないです）

Click me

特にゲーム性はないので、今回はCSSアニメーションだけで作りました

使用素材

各素材の提供元に心より感謝申し上げます。

元ネタ

ベース絵

Prompt

best quality,extreamely detailed
,1girl,(loli:1.2),small breast,very cute,blue silver short two tail,red drooping eyes
,clear face,:o,looking at viewer
,(simple white background)
,full body,standing
,(from above:0.7)

Negative prompt: (low quality, worst quality:1.2),monochrome,bad anatomy,EasyNegative,badhandv4
Steps: 30, Sampler: Euler a, CFG scale: 7, Seed: 915696489, Size: 1024x1536, Model hash: cbfba64e66, Model: CounterfeitV30_v30, Denoising strength: 0.65, Clip skip: 2, tome_merging_ratio: 0.5, tome_maximum_down_sampling: 1, tome_stride_x: 2, tome_stride_y: 2, tome_random: False, tome_merge_attention: True, tome_merge_cross_attention: False, tome_merge_mlp: False, ADetailer model: face_yolov8n.pt, ADetailer confidence: 0.3, ADetailer dilate/erode: 4, ADetailer mask blur: 4, ADetailer denoising strength: 0.4, ADetailer inpaint only masked: True, ADetailer inpaint padding: 32, ADetailer version: 23.10.1, TI hashes: "EasyNegative: c74b4e810b03, badhandv4: 5e40d722fc3d", Version: v1.6.0

前回と同じく、CounterfeitV30を使ったのですが、SamplerをDPM++ 2M SDE KarrasからEuler aに変更したため、少ぉ～し線が細くなった気がします。

CSS

参考までにCSSアニメーションのキーフレームを掲載しておきます。

@keyframes anim_char {
	20% { transform:translate(0%, 0%) scale(1); }
	30% { transform:translate(20%, 20%) scale(1.5); }
	40% { transform:translate(120%, 200%) scale(6); }
	45% { transform:translate(120%, 210%) scale(6); }
	46% { transform:translate(120%, 200%) scale(6); }
	47% { transform:translate(120%, 210%) scale(6); }
	48% { transform:translate(120%, 200%) scale(6); }
	49% { transform:translate(120%, 210%) scale(6); }
	50% { transform:translate(120%, 200%) scale(6); }
	51% { transform:translate(120%, 210%) scale(6); }
	52% { transform:translate(120%, 200%) scale(6); }
	53% { transform:translate(120%, 210%) scale(6); }
	54% { transform:translate(120%, 200%) scale(6); }
	55% { transform:translate(120%, 210%) scale(6); }
	60% { transform:translate(120%, 200%) scale(6); }
	61% { transform:translate(120%, 210%) scale(6); }
	62% { transform:translate(120%, 200%) scale(6); }
	63% { transform:translate(120%, 210%) scale(6); }
	64% { transform:translate(120%, 200%) scale(6); }
	65% { transform:translate(120%, 210%) scale(6); }
	65% { transform:translate(120%, 210%) scale(6); }
	70% { transform:translate(120%, 200%) scale(6); }
	70% { transform:translate(120%, 200%) scale(6); }
	71% { transform:translate(120%, 210%) scale(6); }
	72% { transform:translate(120%, 200%) scale(6); }
	73% { transform:translate(120%, 210%) scale(6); }
	74% { transform:translate(120%, 200%) scale(6); }
	95% { transform:translate(120%, 210%) scale(6); }
}

元の6倍のサイズまで近づいてきて適当に上下に揺れながら「圧かけて」とささやくだけのアニメーションなのでシンプルなキーフレームでしょ。

精液に至っては少し前の記事で作った汎用型精液があるから5%～10%に伸長するだけの手抜きアニメです。

@keyframes anim_cum {
	0% { height:5%; }
	100% { height:10%; }
}

ずんだもんの調声のほうが時間かかりました。実況動画のイメージが強かったから、ずんだもんが思ったより色っぽい声出してくれてびっくりした。

まとめ

ブレイブソードブレイズソウルのCMをはじめて見たときからビュルルっとぶっかけたくて仕方なかったので、ぼくはとてもまんぞくしました。