CSSで精液をアニメーション化したい（失敗）
おまえは何を言っているんだ、という声が聞こえてきそうですが、あえて繰り返します。
精液をアニメーション化したい
と。
「AIイラストをアニメーションさせたい。…させたくない？」からはじまり、
と続き、「お姉ちゃんが弟のお世話をするやさしい世界」では漫画風のコマ割りの中でアニメーションを実装し、「AIイラストをCSSで簡単にモーションコミックにする方法」ではHTMLの初心者向けにCSSアニメーションの解説もしました。
だが物足りぬ。
画面がピカピカッと光ったと思ったら、精液ぶっかけ差分が表示されている前時代的な表現だけで満足なのか？
否。
断じて否。
余韻が欲しい。口の端、舌の上、ほっぺたでも良い、あるいは胸の双丘を超えて、太ももを滑り落ちるように、臀部などは特にたまらない。いやもういっそどこでも構わないから、綺麗な肌を伝ってドロっとした液体が流れる様子を眺めながら余韻に浸りたい。そうは思わないだろうか？
…でもぼくは絵が描けない。困った。
CSSだけで液体が落ちる表現が出来ないだろうか？
CSSのプロパティborder-radiusを50％にするだけで円を描くことは可能です。HTMLを全部載せるとちょっと長い気もするけど、大きさや位置指定が大半なので、実質大事なのはキーフレームの1行だけ。
<div class="img_wrapper1">
<div></div>
</div>
<style>
.img_wrapper1 {
position:relative;
width:200px;
height:200px;
background-color:black;
overflow:hidden;
}
.img_wrapper1 div {
position:absolute;
background-color:white;
border-radius:50%;
width:10%;
height:10%;
left:45%;
top:0;
animation:1s anime_drop1 0s infinite normal linear;
}
@keyframes anime_drop1 {
100% { top:120%; }
}
</style>これを水滴の形にして、滴り落ちる感じにするCSSアニメーションのサンプルも見かけたのだけれど、表現したいのはそんな綺麗な水滴じゃあないんだ。もっとドロっとした、地の底から這いずり出てくるような欲望を含んだ粘り気のある動きじゃないと。
伸びながら落下するCSSアニメーションを作ってみた
………………なーんか違う。
見た目はもちろんなのでそこは置いておくとしても、動きが、なーんか求めてるモノと違う気がします。
@keyframes anime_drop2 {
30% { top:30%;transform:scaleY(6) scaleX(0.5) }
100% { top:150%;transform:scaleY(1) scaleX(1) }
}ちなみにCSSはキーフレームの指定が1行から2行になっただけ。落下距離3割の地点までに長さを6倍に、幅を半分に細くし、画面外で元の大きさに戻しつつ移動しているだけ。
一応、AIイラストと組み合わせてみた
イラストに合わせて精液を細くし、本数も5本に増やし、アニメーションの開始時間を0.5秒ずつズラしました。
やりたかったことと、ちがう
なんかおしっこ漏らしたみたいになってるし、めっちゃ睨まれてるし…。
今回の実験は…………………失敗！
…だけど、ねばっとした動き自体は使えそうなので、次回はちゃんと精液画像を用意してリベンジしようと思います。
尚、精液がスカートの中から垂れてる風にするため、無駄に背景透過加工までして何だか悔しい（？）ので元絵を置いておきます。
ベース絵
Prompt
1girl,kawaii,flat-chest,blue eyes,silver twintail,black maid dress with nekomimi headdress
,standing with courtesy
,unnui,expressionless
,in cafe
,pov legs
Negative prompt: (worst quality, low quality,monochrome:1.2),bad anatomy,watermark,signature,text,username,bad hands,bad fingers,missing fingers,extra digit,fewer digits,blurry,blur,depth of field,split view,(blush:1.6)
Steps: 20, Sampler: Euler a, CFG scale: 7, Seed: 1763602791, Size: 512x512, Model hash: be03be0110, Model: hassakuHentaiModel_hassakuv1m, Denoising strength: 0.7, Clip skip: 2, Hires upscale: 2, Hires upscaler: Latent
