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やテクスチャを手動で調整する必要があります。