3Dモデリング不要、AI動画で回せる商品Webページを作成する手法がオープンソース化

AmirMushich氏が公開したこの手法は、面倒な3Dモデリングを一切行わずに、数枚の商品画像からマウスで回転できるインタラクティブなWeb商品ページを構築できるワークフローだ。

仕組みと特徴

ブラウザ上で重い3Dモデルをリアルタイムレンダリングするのではなく、AI生成動画をプログラマブルなWebアセットに変換しているのがポイントだ。

まず商品の正面や側面などの参考画像をAIで用意し、動画生成モデル「LTX-2.5 Pro」に入力して回転動画を生成する。この動画を約30フレームの透過画像に分解し、JavaScriptを使ってユーザーのマウス操作に合わせて再生、一時停止、逆再生を制御する。

レンダリング済みの連番画像を表示するだけなので、重量級の3D描画エンジンやランタイムでのAIモデル呼び出しは一切不要だ。アパレルやスニーカー、バッグ、トイ、家具など、ビジュアルを重視するECサイトやキャンペーンページに最適だ。

なぜ重要か

コストをかけずにリッチな商品体験を作りたいECブランドや個人開発者にとって、すぐに試す価値があるアイデアだ。これまで回転ビューを導入するには、専門の3Dデザイナーへの発注や重い描画エンジンの実装が必要だった。

自由な視点移動や拡大縮小ができないという制限はあるものの、事前生成した連番画像をフロントエンドで操るアプローチは非常に合理的だ。軽量で読み込みが早く、低コストで高いビジュアル効果を得られる。