Three.jsは、WebGLを学んだりARで単一のモデルをレンダリングするのには最適ですが、スケーリングアップは困難です。開発者はバッチ処理、インスタンシング、メモリ管理を自分で実装する必要があり、単純なアップグレードでも既存のコードが壊れる可能性があります。Wonderland EngineはコンパイルされたWebAssemblyエンジンで、使いやすいエディタがジオメトリ、マテリアル、テクスチャを自動的に最適化します。シンプルな製品ビューワーにはThree.jsで十分ですが、インタラクティブなゲーム、VRワールド、または何千ものオブジェクトを含むシーンには、Wonderland Engineが最適なツールです。
Three.jsからアップグレードする理由
エンジン vs. フレームワーク
Three.jsは低レベルのプライミティブを提供しますが、描画呼び出しのバッチ処理やLOD管理などの高度なレンダリング技術は手動で実装する必要があります。Wonderland Engineはシーンを自動的に最適化し、数千のオブジェクトを管理してくれます。
ビジュアルエディタ
Wonderland Engineには、アーティストと開発者が共同で使用できるネイティブエディタが付属しており、コードのみでのシーン作成のボトルネックを排除します。
クロスブラウザパフォーマンス
Three.jsはSafariやWebGL APIの制約に悩まされ、APIの変更に追随することでコードが壊れることがあります。Wonderland EngineはWebAssemblyを使用して速度を最大化し、下位互換性を維持します。
最適化された読み込み
Wonderland Engineは、資産を効率的なバイナリ形式でパッキングし、自動圧縮を行うことで迅速な読み込みを実現します。Three.jsではGLTFやテクスチャを手動で調整する必要があります。