新登場: Vectary Canvas。AIで加速するアイデア創出のための、新しいスペースです。→ Canvas

ウェブ向けの3Dモデル最適化

すべての3Dデザイナーが知っておくべきこと。

3Dコンテンツを使用しているWebデザイナー、Webデベロッパー、またはオンラインマーケターの方なら、サイトの読み込み速度とパフォーマンスが最も重要な品質基準であることをご存じでしょう。埋め込む3Dファイルのサイズが大きすぎると、Webサイト全体のユーザー体験を損ねてしまいます。ビジュアルのクオリティを保ちつつ、最高のパフォーマンスを発揮させるためにも、すべての3Dシーンにおいて最適化は欠かせないプロセスです。

皆様の作業を強力にサポートするため、Vectaryは新しい3Dシーンアナライザーツールをリリースしました。プロジェクト内で最適化が必要な箇所を分析するだけでなく、その最適化を迅速かつ効果的に行うためのツール群も備えています。このソリューションは、Vectary内蔵のWebARビューワーを使用する場合でも、独自のビューワーを使用する場合でも同様に役立ちます。Web、AR、ゲームデザイン、あるいはVR向けに3Dファイルを最適化しましょう。

3Dファイルを最適化する方法

  1. モデルをVectary Studioにインポートするか、独自の3Dモデルをスクラッチから作成します。
  2. 右上の「Preview」に進みます。
  3. 右側パネルにある「Objects」「Textures」「Loading time」「Performance」の4つのエリアから、最適化に関するVectaryの推奨プラン(レコメンデーション)を確認します。

最適化の主要な要素

オブジェクト

このセクションには、シーン内のオブジェクト数とポリゴン数が表示されます。オブジェクト数は100個未満、ポリゴン数は100K以下に抑えるのが最適です。Augmented Realityプレビューでも同様の設定が推奨されます。

ポリゴン数を減らす方法

テクスチャ

テクスチャアナライザーには、プロジェクト内のテクスチャ数とその解像度が表示されます。Vectaryでは、テクスチャの解像度を最小限に抑えることができますが、品質の低下はほとんど気になりません。テクスチャ数は100未満に抑えるようにしてください。複数のオブジェクトでマテリアルを再利用することで、さらにサイズを削減できます。

テクスチャとマテリアルを最適化する方法

ロード時間

このセクションでは、一般的なコンピューターと平均的なインターネット接続環境における、おおよそのロード時間を算出します。最適な体験を提供するためには、サイズは5MB未満、ロード時間は3秒未満に抑えるのが理想的です。

パフォーマンス

パフォーマンスとは、シーンが1秒あたり何フレームで実行されているかを示します。フレームレートが24を下回ると、マウスで3Dモデルを回転させる際にラグが発生する可能性があります。また、このセクションでは最もパフォーマンスを消費するエフェクトもリストアップされます。快適な操作性を確保するために、これらを無効にすることを検討してください。なお、パフォーマンスはプロジェクトを開いているデバイスに基づいて計算されますのでご注意ください。

チュートリアルを視聴して、Vectaryの3Dモデルをあっという間に最適化する方法を学びましょう:

おすすめ 記事