この1画面の作り方
スタジオ撮影も回転台も使っていません。商品写真1枚を動画化し、コマに分解してスクロールに縛っただけです。素材原価は約40円。
01商品画像（gpt-image-2）1536×1024 / 1枚
02画像→回転動画（Runway Gen-4 Turbo）5秒 / $0.25
03ffmpegでコマ分解121フレーム
04AVIF圧縮（PC/SP 2セット）2.8MB / 732KB
05canvasスクラブ（GSAP + Lenis）scrub 0.5
2.8MB黒背景×金属はAVIF圧縮が最も効く構図。全6サンプル中いちばん軽く仕上がったPC用フレームセット
±12デコード保持ウィンドウ。全コマ展開せず前後だけビットマップ化し、スマホのメモリ上限を回避
2段フォールバック。視差効果を減らす設定・省データ設定では静止画に自動切替
実物の商品写真1枚からこの1画面を制作できます。暗背景×単一被写体の構図はデータも最軽量に仕上がります。