LABS / 確認用(noindex)
ありこ、生きてる化計画
一枚絵をAIで13パーツに分解して、CSSだけで動かしています(WebGL・重いJSなし)。
ありこをクリックすると「もっちもち」。チェックで動きを個別に止められます。
実装メモ
- 動かすのは transform / opacity だけ=CLSゼロ・CWV安全。prefers-reduced-motion で全停止。
- まばたきは約7秒ごと(2回に1回は「ぱちぱち」と2連)。閉じ目はオーナー作の差分から自動位置合わせ。
- 画像はパーツ合計 約1.1MB(現行の一枚絵と同等)。TOP採用時はLCP対策として base 一枚絵を先に出す案あり。











