Q
3D製品展示動画とは何ですか？
A
3D モデルを複数の角度から見せつつ、ラベルやビルボードを重ねて紹介する短い動画です。このツールでは、モデル上にカメラ追従のビルボードを配置し、カメラをプリセット軌道に沿って動かして動画を生成します。
3D 製品展示作成ツール
3D モデル上に常にカメラへ正対するビルボード（背景とテキストをカスタマイズ）を配置し、カメラ軌道を選んで製品展示動画をレンダリングします。すべてブラウザ内で完結し、リアルタイム録画と高品質パストレーシングモードに対応。ファイルのアップロードは不要です。
ワークスペース
ここにファイルをドロップ
またはクリックして選択、貼り付けに対応
ツールについて
3D モデルを読み込み、ビルボード（背景色、グラデーション、画像にカスタムテキストを組み合わせ可能）をデザインして、モデル表面をクリックすると吸着配置されます。カメラ軌道プリセットを選べば展示動画をレンダリングできます。ビルボードはカメラの移動中も常に自動で正面を向くため、どの角度から見ても文字がはっきりと読めます。リアルタイムモードなら短時間で動画を書き出せ、高品質パストレーシングモードに切り替えるとよりリアルな光と影を表現できます。すべての処理はブラウザ内のローカルで完結し、ファイルが外部に送信されることはありません。
使用方法
- 01
モデルを読み込む
GLB、glTF、FBX、OBJ などの一般的な 3D ファイルをドロップします。ブラウザの中だけで開きます。
ヒント: テクスチャ付きのモデルは高品質で最もきれいに見えます。
- 02
ビルボードを作る
背景を単色、グラデーション、画像から選び、ラベルを入力してフォントサイズと色を決めます。
ヒント: 2〜5 語の短いラベルなら、カメラが動いても読みやすいままです。
- 03
クリックして固定する
ラベルで指したいモデル上の点をクリックします。ビルボードは常にカメラの方を向き、リーダーレイアウトで引き出し線の形を決めます。
ヒント: カメラの動きの大部分で見える位置を選びましょう。
- 04
カメラの動きを選ぶ
周回やアークなどのプリセットを選び、時間を設定します。経路を表示をオンにすると経路が見えます。
ヒント: 周回は商品ページでおなじみのターンテーブル風です。
- 05
レンダリングして書き出す
手早い下書きは標準、リアルな光と影には高品質を使い、MP4 か WebM で書き出します。
ヒント: 縦型の SNS 動画はアスペクト比を 9:16 にします。
設定オプションについて
よく使う設定例
同僚に見せる手早い下書き
設定: 品質: 標準、解像度: 720p。
商品ページ用の仕上がった動画
設定: 品質: 高品質、1080p 以上、1フレームあたりのサンプル数を多めに。
SNS 向けの縦型クリップ
設定: アスペクト比: 9:16 と周回プリセット。
展示台に立つ商品
設定: 地面の影をオンにして展示台の形を選ぶ。
ビルボード
背景
カラー- ビルボードの背景の種類を選択：単色、グラデーション、または画像。
- カラー: テキストの後ろに単一のベタ塗り色。
- グラデーション: 2色の線形グラデーション（角度調整可能）。
- 画像: アップロードした画像（PNG/JPG/WebP）を背景に使用。
背景色
#135BEC- 背景タイプが「カラー」の場合の塗りつぶし色。
グラデーション開始色
#135BEC- 線形グラデーションの開始色。
グラデーション終了色
#ffffff- 線形グラデーションの終了色。
グラデーション角度
0°0° – 360° · step 5°- 線形グラデーションの方向（0-360度）。
不透明度
10.1 – 1 · step 0.05- ビルボード背景の全体的な透明度（0.1-1）。
内側余白
28px0px – 64px · step 2px- テキスト/コンテンツとビルボード端の間の内側の余白。
角丸
16px0px – 64px · step 2px- ビルボードの角の丸み。
書体
system_sans- ビルボード文字に使う書体。商用利用可能な内蔵フォント、アップロード、システムフォントに対応。
system_sans · system_serif · system_mono · Oswald (Display Bold) · Inter (Modern Sans) · Cinzel (Classic Serif) · Roboto Mono (Engineering) · Noto Sans SC (CJK) · Noto Sans Arabic
フォントサイズ
56px24px – 120px · step 2px- パネルデザイン上の文字サイズ。カード内の文字の大きさを変更します。世界空間のサイズは変わりません。
文字色
#ffffff- ビルボードのラベルテキストの色。
水平配置
中央- ビルボード内のテキストの水平方向の配置。
- 左: テキストを左揃え。
- 中央: テキストを中央揃え。
- 右: テキストを右揃え。
ウェイト
600- テキストの太さ（300-800）。
300 – 800
サイズ
0.280.08 – 0.9 · step 0.01- 配置済みビルボードのモデルに対する世界空間サイズ（フォントサイズとは独立）。
回転
0°-180° – 180° · step 5°- 選択したビルボードの面内回転（度）。
リーダーレイアウト
上- ラベルとサーフェスアンカーの接続方法。Vertical は下端に、Horizontal／L-bend は左右の端中央に接続します。
- 上: アンカーから真上に延び、ビルボードの下端中央に接続。
- L字: 上に伸びてから外側に曲がる（鈍角）。ビルボードの左または右端中央に接続。
- 横: アンカーから水平外側に延び、ビルボードの左または右端中央に接続。
オフセット
0.250.05 – 0.8 · step 0.01- リーダー線の長さ（モデル半径の割合）。Up および Side レイアウトで使用。
上方向の長さ
0.20.05 – 0.8 · step 0.01- L字リーダーの垂直セグメントの長さ（モデル半径の割合）。
横方向の長さ
0.250.05 – 0.8 · step 0.01- L字リーダーの水平セグメントの長さ（モデル半径の割合）。
方向
右- Side および L-bend レイアウトで、モデル中心に対する外側方向を反転し、接続するビルボード端を選択します。
- 左: 左方向を優先。ビルボードの右端中央に接続。
- 右: 右方向を優先。ビルボードの左端中央に接続。
線の色
#374151- リーダー線とドットの色。
線の太さ
21 – 8 · step 0.5- リーダー線の太さ（ピクセル）。
破線
off- 実線の代わりに破線を使用。
先端ドット
off- リーダー先端に小さなドットを表示（デフォルトはオフ）。アンカードットは常に表示されます。書き出し中はリーダーは非表示になります。
垂直配置
中央- ビルボード内のテキストブロックの垂直位置。デフォルトは中央。
- 上: テキストを上揃え。
- 中央: テキストを垂直方向に中央揃え。
- 下: テキストを下揃え。
枠線の太さ
0px0px – 24px- ビルボード端のストローク幅（ピクセル）。0 は枠線なし。
枠線の色
#ffffff- ビルボードの枠線の色（枠線の太さが 0 より大きい場合に使用）。
カメラ軌道
プリセット
周回- プレビューと動画書き出しに使用するカメラパステンプレート。
- 周回: モデルの周りを水平に回転。
- アーク: モデル上方を縦方向にスイープ。
- ドリーズーム: 視線方向にプッシュ／プル。
- アイソメトリック: 約45°の俯角で等距離回転。
- 8の字: モデル周りを8の字に移動。
経路を表示
off- 3Dビューポートにカメラ軌道曲線を描画してプレビュー。
再生モード
1周で終了- 軌道を繰り返すか、1周で停止するかを選択。duration はループモードでのみ使用可能。
- ループ: 軌道を繰り返し再生。サイクル長を Duration で設定。
- 1周で終了: 軌道を1回再生したら停止。
時間
8- 1ループの長さ（秒）。再生モードがループの場合のみ表示。
2 – 30
環境とシーン
地面の影
on- モデルの足元に自然なコンタクトシャドウを投影し、空間への接地感を高めます。
背景モード
物理スカイ- 3Dプレビュー画面および書き出し動画の背景スタイルを選択します。
- 物理スカイ: 大気散乱シミュレーションによる自然な空光とリアルな環境照明。
- 単色: EC向け製品紹介やクロマキー合成に最適な均一な単色背景。
- カスタムパノラマ: パノラマ画像やHDRファイルを読み込み、リアルな360度環境反射を生成。
背景色
#ffffff- 単色背景モード時の色。カラープリセットおよび自由なカラーピッカーに対応。
パノラマ画像
- 外部パノラマファイルをアップロード（.hdr, .png, .jpg に対応）。
照明の明るさ
1x0.2x – 3x · step 0.1x- メインライトと環境光の全体的な照射強度を0.2倍から3.0倍まで調整。
照明の色
#ffffff- 昼光色、電球色、昼白色などのプリセットまたはカスタム色で照明の色調を指定。
展示台
なし- モデルの下に展示台を配置し、照射光の影を受け止めて引き立てます。
- なし: 展示台を表示せず、モデルを直接地面上に配置します。
- 円形台: モデルのサイズに合わせて自動調整される円柱状の展示台。
- 角形台: モデルのサイズに合わせて自動調整される角柱状の展示台。
展示台の色
#ffffff- ピュアホワイトやオブシディアンブラックのプリセット、および自由なカラー調整に対応。
レンダリング＆書き出し
品質
標準- リアルタイム WebGL キャプチャか、オフラインパストレースフレームによる高画質レンダリングを選択。
- 標準: リアルタイム録画。下書きや通常の書き出しに最適。
- 高品質: オフラインパストレースで高画質。フレームごとに時間がかかります。
解像度
1080p- 出力品質ティア（長辺のピクセル数）。実際の幅×高さ = ティア × アスペクト比（例：1080p 16:9 は 1920×1080）。
- 720p: 長辺 1280、簡単な下書きに最適。
- 1080p: 長辺 1920、標準 HD（デフォルト）。
- 2K: 長辺 2560（QHD 相当）。
- 4K: 長辺 3840（UHD 相当）。エンコードが遅く、ファイルサイズが大きくなります。
フレームレート
30- 書き出し動画の1秒あたりのフレーム数（24 / 30 / 60）。
- 24: 映画のようなフレームレート。
- 30: 一般的なWeb動画のフレームレート。
- 60: より滑らかな動き、ファイルサイズ増大。
1フレームあたりのサンプル数
64- パストレースのサンプル数（16-256）。高値はノイズ低減に効果的ですが、レンダリング時間が増加します。高品質モードでのみ表示。サンプリングはタイル分割され、書き出し中もメインスレッドを解放します。
16 – 256
アスペクト比
9- 出力フレームのアスペクト比。解像度ティアと組み合わせてピクセル幅と高さを決定します。
1 – 16
形式
WebM- 動画コンテナ形式。MP4 はブラウザの対応状況によって WebM にフォールバックする場合があります。
- WebM: Chromium ブラウザで広く対応。
- MP4: ブラウザが MediaRecorder MP4 に対応している場合、H.264 を優先。
よくある質問
すべてのよくある質問を見るQ
ビルボードは常にカメラの方向を向きますか？
A
はい。ビルボードは自動的にカメラへ正対する性質を持つため、カメラが移動しても常に正面を向きます。どの角度から見ても文字が読みやすく、製品の機能説明や注釈表示に適しています。
Q
ビルボードはモデル表面にどのように吸着しますか？
A
3D モデルの表面をクリックすると、クリック位置が自動判定されて正確に吸着し、モデルにめり込まないよう距離も最適化されます。ラベルがくっきり表示される位置に配置されます。
Q
リアルタイムモードとパストレーシングモードの違いは何ですか？
A
リアルタイムモードは滑らかなプレビュー映像をそのままキャプチャして、すばやく動画を書き出せます。パストレーシングの高品質モードは、よりリアルなマテリアル、陰影、反射のディテールを表現できます。
Q
書き出し形式は何ですか？
A
MP4 または WebM で書き出せます。ブラウザの MediaRecorder 対応状況によって、MP4 が WebM にフォールバックする場合があります。レンダリングと書き出しはすべてブラウザ内のローカルで行われます。