3D 製品展示作成ツール

3D モデル上に常にカメラへ正対するビルボード(背景とテキストをカスタマイズ)を配置し、カメラ軌道を選んで製品展示動画をレンダリングします。すべてブラウザ内で完結し、リアルタイム録画と高品質パストレーシングモードに対応。ファイルのアップロードは不要です。

ワークスペース

読み込み中...

しばらくお待ちください

ツールについて

3D モデルを読み込み、ビルボード(背景色、グラデーション、画像にカスタムテキストを組み合わせ可能)をデザインして、モデル表面をクリックすると吸着配置されます。カメラ軌道プリセットを選べば展示動画をレンダリングできます。ビルボードはカメラの移動中も常に自動で正面を向くため、どの角度から見ても文字がはっきりと読めます。リアルタイムモードなら短時間で動画を書き出せ、高品質パストレーシングモードに切り替えるとよりリアルな光と影を表現できます。すべての処理はブラウザ内のローカルで完結し、ファイルが外部に送信されることはありません。

ヒント

  • 1ビルボードは常にカメラ視点へ正対するので、製品ラベルや機能注釈に最適です
  • 2背景は単色、線形グラデーション、画像アップロードに対応
  • 3モデル表面をクリックするだけでビルボードのアンカーをそこに吸着
  • 4カメラプリセットは周回、アーク、ドリー、アイソメトリック、8の字の5種類
  • 5リアルタイムモードは素早く録画、パストレーシングはよりリアルな高画質映像を生成
  • 6標準の WebM 形式で出力。ブラウザ内だけで処理し、サーバーへ送信されません

設定オプションについて

ビルボード

背景

デフォルトカラー

ビルボードの背景の種類を選択:単色、グラデーション、または画像。

カラー

テキストの後ろに単一のベタ塗り色。

グラデーション

2色の線形グラデーション(角度調整可能)。

他 1 件のオプションを表示
画像

アップロードした画像(PNG/JPG/WebP)を背景に使用。

背景色

デフォルト#135BEC

背景タイプが「カラー」の場合の塗りつぶし色。

グラデーション開始色

デフォルト#135BEC

線形グラデーションの開始色。

グラデーション終了色

デフォルト#ffffff

線形グラデーションの終了色。

グラデーション角度

デフォルト

範囲0° – 360° · step 5°

線形グラデーションの方向(0-360度)。

不透明度

デフォルト1

範囲0.1 – 1 · step 0.05

ビルボード背景の全体的な透明度(0.1-1)。

内側余白

デフォルト28px

範囲0px – 64px · step 2px

テキスト/コンテンツとビルボード端の間の内側の余白。

角丸

デフォルト16px

範囲0px – 64px · step 2px

ビルボードの角の丸み。

書体

デフォルトsystem_sans

ビルボード文字に使う書体。商用利用可能な内蔵フォント、アップロード、システムフォントに対応。

system_sans
system_serif
他 7 件のオプションを表示
system_mono
Oswald (Display Bold)

Condensed display sans, strong for titles and product labels.

Inter (Modern Sans)

Neutral modern sans for body text and UI-like labels.

Cinzel (Classic Serif)

Classic serif for premium or heritage product labels.

Roboto Mono (Engineering)

Monospace for dimensions, SKUs, and technical callouts.

Noto Sans SC (CJK)

Sans covering Simplified Chinese, Japanese, and Korean.

Noto Sans Arabic

Sans covering Arabic script.

フォントサイズ

デフォルト56px

範囲24px – 120px · step 2px

パネルデザイン上の文字サイズ。カード内の文字の大きさを変更します。世界空間のサイズは変わりません。

文字色

デフォルト#ffffff

ビルボードのラベルテキストの色。

水平配置

デフォルト中央

ビルボード内のテキストの水平方向の配置。

テキストを左揃え。

中央

テキストを中央揃え。

他 1 件のオプションを表示

テキストを右揃え。

ウェイト

デフォルト600

テキストの太さ(300-800)。

300
400
他 4 件のオプションを表示
500
600
700
800

サイズ

デフォルト0.28

範囲0.08 – 0.9 · step 0.01

配置済みビルボードのモデルに対する世界空間サイズ(フォントサイズとは独立)。

回転

デフォルト

範囲-180° – 180° · step 5°

選択したビルボードの面内回転(度)。

リーダーレイアウト

デフォルト

ラベルとサーフェスアンカーの接続方法。Vertical は下端に、Horizontal/L-bend は左右の端中央に接続します。

アンカーから真上に延び、ビルボードの下端中央に接続。

L字

上に伸びてから外側に曲がる(鈍角)。ビルボードの左または右端中央に接続。

他 1 件のオプションを表示

アンカーから水平外側に延び、ビルボードの左または右端中央に接続。

オフセット

デフォルト0.25

範囲0.05 – 0.8 · step 0.01

リーダー線の長さ(モデル半径の割合)。Up および Side レイアウトで使用。

上方向の長さ

デフォルト0.2

範囲0.05 – 0.8 · step 0.01

L字リーダーの垂直セグメントの長さ(モデル半径の割合)。

横方向の長さ

デフォルト0.25

範囲0.05 – 0.8 · step 0.01

L字リーダーの水平セグメントの長さ(モデル半径の割合)。

方向

デフォルト

Side および L-bend レイアウトで、モデル中心に対する外側方向を反転し、接続するビルボード端を選択します。

左方向を優先。ビルボードの右端中央に接続。

右方向を優先。ビルボードの左端中央に接続。

線の色

デフォルト#374151

リーダー線とドットの色。

線の太さ

デフォルト2

範囲1 – 8 · step 0.5

リーダー線の太さ(ピクセル)。

破線

デフォルトoff

実線の代わりに破線を使用。

先端ドット

デフォルトoff

リーダー先端に小さなドットを表示(デフォルトはオフ)。アンカードットは常に表示されます。書き出し中はリーダーは非表示になります。

垂直配置

デフォルト中央

ビルボード内のテキストブロックの垂直位置。デフォルトは中央。

テキストを上揃え。

中央

テキストを垂直方向に中央揃え。

他 1 件のオプションを表示

テキストを下揃え。

枠線の太さ

デフォルト0px

範囲0px – 24px

ビルボード端のストローク幅(ピクセル)。0 は枠線なし。

枠線の色

デフォルト#ffffff

ビルボードの枠線の色(枠線の太さが 0 より大きい場合に使用)。

カメラ軌道

プリセット

デフォルト周回

プレビューと動画書き出しに使用するカメラパステンプレート。

周回

モデルの周りを水平に回転。

アーク

モデル上方を縦方向にスイープ。

他 3 件のオプションを表示
ドリーズーム

視線方向にプッシュ/プル。

アイソメトリック

約45°の俯角で等距離回転。

8の字

モデル周りを8の字に移動。

経路を表示

デフォルトoff

3Dビューポートにカメラ軌道曲線を描画してプレビュー。

再生モード

デフォルト1周で終了

軌道を繰り返すか、1周で停止するかを選択。duration はループモードでのみ使用可能。

ループ

軌道を繰り返し再生。サイクル長を Duration で設定。

1周で終了

軌道を1回再生したら停止。

時間

デフォルト8

1ループの長さ(秒)。再生モードがループの場合のみ表示。

2
3
他 10 件のオプションを表示
4
5
6
8
10
12
15
20
25
30

環境とシーン

地面の影

デフォルトon

モデルの足元に自然なコンタクトシャドウを投影し、空間への接地感を高めます。

背景モード

デフォルト物理スカイ

3Dプレビュー画面および書き出し動画の背景スタイルを選択します。

物理スカイ

大気散乱シミュレーションによる自然な空光とリアルな環境照明。

単色

EC向け製品紹介やクロマキー合成に最適な均一な単色背景。

他 1 件のオプションを表示
カスタムパノラマ

パノラマ画像やHDRファイルを読み込み、リアルな360度環境反射を生成。

背景色

デフォルト#ffffff

単色背景モード時の色。カラープリセットおよび自由なカラーピッカーに対応。

パノラマ画像

外部パノラマファイルをアップロード(.hdr, .png, .jpg に対応)。

照明の明るさ

デフォルト1x

範囲0.2x – 3x · step 0.1x

メインライトと環境光の全体的な照射強度を0.2倍から3.0倍まで調整。

照明の色

デフォルト#ffffff

昼光色、電球色、昼白色などのプリセットまたはカスタム色で照明の色調を指定。

展示台

デフォルトなし

モデルの下に展示台を配置し、照射光の影を受け止めて引き立てます。

なし

展示台を表示せず、モデルを直接地面上に配置します。

円形台

モデルのサイズに合わせて自動調整される円柱状の展示台。

他 1 件のオプションを表示
角形台

モデルのサイズに合わせて自動調整される角柱状の展示台。

展示台の色

デフォルト#ffffff

ピュアホワイトやオブシディアンブラックのプリセット、および自由なカラー調整に対応。

レンダリング&書き出し

品質

デフォルト標準

リアルタイム WebGL キャプチャか、オフラインパストレースフレームによる高画質レンダリングを選択。

標準

リアルタイム録画。下書きや通常の書き出しに最適。

高品質

オフラインパストレースで高画質。フレームごとに時間がかかります。

解像度

デフォルト1080p

出力品質ティア(長辺のピクセル数)。実際の幅×高さ = ティア × アスペクト比(例:1080p 16:9 は 1920×1080)。

720p

長辺 1280、簡単な下書きに最適。

1080p

長辺 1920、標準 HD(デフォルト)。

他 2 件のオプションを表示
2K

長辺 2560(QHD 相当)。

4K

長辺 3840(UHD 相当)。エンコードが遅く、ファイルサイズが大きくなります。

フレームレート

デフォルト30

書き出し動画の1秒あたりのフレーム数(24 / 30 / 60)。

24

映画のようなフレームレート。

30

一般的なWeb動画のフレームレート。

他 1 件のオプションを表示
60

より滑らかな動き、ファイルサイズ増大。

1フレームあたりのサンプル数

デフォルト64

パストレースのサンプル数(16-256)。高値はノイズ低減に効果的ですが、レンダリング時間が増加します。高品質モードでのみ表示。サンプリングはタイル分割され、書き出し中もメインスレッドを解放します。

16

最速プレビュー。

32

簡易下書き。

他 8 件のオプションを表示
48

中程度。

64

標準バランス。

96

高品質。

128

高サンプル。

160

より高サンプル。

192

非常に高サンプル。

224

最大近く。

256

最大サンプル、最も遅い。

アスペクト比

デフォルト16:9

出力フレームのアスペクト比。解像度ティアと組み合わせてピクセル幅と高さを決定します。

16:9

横長ワイドスクリーン。

9:16

縦長/ポートレート動画。

他 2 件のオプションを表示
1:1

正方形。

4:3

標準横長。

形式

デフォルトWebM

動画コンテナ形式。MP4 はブラウザの対応状況によって WebM にフォールバックする場合があります。

WebM

Chromium ブラウザで広く対応。

MP4

ブラウザが MediaRecorder MP4 に対応している場合、H.264 を優先。

フォーマット情報

入力形式

拡張子:
Model
正式名称:
3D Model
タイプ:
3D Model
フォーマット:
Various 3D Formats
主なツール:
Three.jsBabylon.js
開く方法:
Windows 3D ViewerBlender
説明:
any-3dはGLB、OBJ、FBX、STL、STEP、PLY、DAE、USDZ、3DS、VRMLなど幅広い3D形式をサポート。ドラッグ&ドロップで表示。

備考:

  • 20 以上の 3D モデル形式に対応
  • 関連テクスチャファイル(MTL、画像など)をメインモデルと同時にアップロード可能
  • すべての処理はローカルで実行され、ファイルがブラウザから送信されることはありません

対応機能:

  • WebGL によるリアルタイム GPU 高速レンダリング
  • オービットコントロール:回転、パン、ズーム
  • ワイヤーフレームとシェーディング表示モード
  • 頂点/面数のモデル情報パネル
  • アニメーション形式のアニメーション再生

出力形式

拡張子:
mp4
正式名称:
MP4 / WebM 動画
タイプ:
動画
フォーマット:
MP4 / WebM
主なツール:
VLCFFmpeg
開く方法:
システム動画プレーヤーWeb ブラウザ
説明:
3D モデルからレンダリングする製品ショーケース動画。看板の重ね合わせとカメラ軌跡に対応し、MP4 または WebM で解像度・フレームレートを選んで書き出せます。ブラウザが対応する場合はパストレーシングによる高品質レンダリングも利用できます。

備考:

  • ブラウザの MediaRecorder 対応状況により MP4 が WebM にフォールバックする場合があります
  • 書き出しが完了するまでタブを開いたままにしてください

対応機能:

  • MP4 / WebM 書き出し
  • 720p〜4K 解像度
  • フレームレート設定
  • WebGL リアルタイムまたはパストレーシング品質
  • カメラ軌跡と看板オーバーレイ

使用方法

1

モデルをアップロード

3D モデルをドラッグ&ドロップするかクリックして選択。GLB、GLTF、FBX、OBJ などに対応

2

ビルボードをデザイン

背景(カラー、グラデーション、画像)を選び、カスタムテキスト(フォント、サイズ、カラー、整列)を追加

3

吸着配置

モデル表面をクリックして、ビルボードのアンカーをその位置に吸着

4

軌道を設定

軌道プリセット(周回、アーク、ドリー、アイソメトリック、8の字)から選択し、再生時間とループを設定

5

動画をレンダリング

リアルタイム録画または高品質パストレーシングモードを選び、WebM 展示動画を書き出し

このツールについて

Q

3D製品展示動画とは何ですか?

A

3D モデルを複数の角度から見せつつ、ラベルやビルボードを重ねて紹介する短い動画です。このツールでは、モデル上にカメラ追従のビルボードを配置し、カメラをプリセット軌道に沿って動かして動画を生成します。

Q

3Dビューアーとは何が違いますか?

A

ビューアーはマウス操作でのインタラクティブな閲覧が中心です。本ツールは、カスタマイズしたビルボードをモデルに貼り付け、複数アングルのカメラ運鏡と組み合わせて展示動画を直接書き出せます。静止モデルを商品プロモーション用の動画素材に変換できるのが特徴です。

Q

ビルボードは常にカメラの方向を向きますか?

A

はい。ビルボードは自動的にカメラへ正対する性質を持つため、カメラが移動しても常に正面を向きます。どの角度から見ても文字が読みやすく、製品の機能説明や注釈表示に適しています。

Q

ビルボードの背景はカスタマイズできますか?

A

できます。単色、角度を調整できる2色の線形グラデーション、またはアップロードした画像を背景に選べます。さらに文字についてもフォント、サイズ、色、整列、太さを自由に設定できます。

Q

ビルボードはモデル表面にどのように吸着しますか?

A

3D モデルの表面をクリックすると、クリック位置が自動判定されて正確に吸着し、モデルにめり込まないよう距離も最適化されます。ラベルがくっきり表示される位置に配置されます。

Q

利用できるカメラ軌道は何ですか?

A

5種類のプリセットがあります。周回(水平ターンテーブル)、アーク(垂直クレーン)、ドリー(ズームイン・アウト)、アイソメトリック(等角回転)、8の字です。それぞれ再生時間を調整でき、ループ再生にも対応します。

Q

リアルタイムモードとパストレーシングモードの違いは何ですか?

A

リアルタイムモードは滑らかなプレビュー映像をそのままキャプチャして、すばやく動画を書き出せます。パストレーシングの高品質モードは、よりリアルなマテリアル、陰影、反射のディテールを表現できます。

Q

書き出し形式は何ですか?

A

MP4 または WebM で書き出せます。ブラウザの MediaRecorder 対応状況によって、MP4 が WebM にフォールバックする場合があります。レンダリングと書き出しはすべてブラウザ内のローカルで行われます。

一般的な質問

Q

Any3Dは完全に無料ですか?

A

はい、Any3Dの主要機能は永久に無料でご利用いただけます。フォーマット変換、モデル最適化、オンラインプレビューなどの基本機能は、登録や支払いをすることなく使用できます。

Q

ファイルはサーバーにアップロードされますか?

A

いいえ。選択したファイルはお使いのデバイス上のブラウザ内でのみ処理され、デバイスから外に出ることはなく、当社のサーバーにも送信されません。ユーザーファイルは一切保存しません。処理終了後、ブラウザメモリ上の関連データは解放されます。

Q

ソフトウェアをインストールする必要がありますか?

A

ソフトウェアのインストールは一切不要です。Any3Dは完全にブラウザベースのツールであり、ページを開くだけですべての機能をご利用いただけます。Windows、Mac、Linuxなどの主要なオペレーティングシステムに対応しています。

Q

ファイルサイズに制限はありますか?

A

処理能力はファイルサイズ単独ではなく、お使いのデバイスの性能とモデルの頂点数・テクスチャの複雑さによって決まります。ファイルサイズに制限は設けませんが、デバイスの処理能力を超えるとページが重くなったり、クラッシュする場合があります。