はじめに
WebXR技術は、仮想現実（VR）と拡張現実（AR）をブラウザで体験できるようにする革新的な手段です。WebGL、Babylon.js、およびThree.jsは、WebXRアプリケーションの開発に広く使用される主要な技術です。この記事では、これらの技術の特徴と利点を比較し、弊社のモックアップ事例を通じて実践的な学びを提供します。また、ベトナムオフショア開発の利点についても触れます。
WebGLの概要
WebGLは、JavaScriptを使用してブラウザ上で高性能な3Dグラフィックスを実現するための低レベルなAPIです。WebGLは、GPUアクセラレーションを利用して高速な描画を実現し、リッチなインタラクティブなコンテンツを提供します。ただし、WebGLの学習曲線は比較的高く、開発者が直接グラフィックスパイプラインを制御する必要があるため、経験がない場合は開発が難しいと感じることがあります。
Babylon.jsとThree.jsの概要
Babylon.jsとThree.jsは、WebGLをより使いやすく抽象化したJavaScriptライブラリです。どちらのライブラリも、開発者が簡単に3Dオブジェクトを作成し、アニメーションやライティング、マテリアルの設定などを行うことができます。また、両方とも活発なコミュニティと豊富なドキュメントがあり、開発者がサポートを受けやすい環境が整っています。ただし、Babylon.jsはゲーム開発にフォーカスしているのに対し、Three.jsは汎用的な3Dアプリケーション開発に適しています。
弊社のモックアップ事例
事例1: webAR (Babylon.jsで開発)
弊社は、名刺のQRコードを読み込むと、スマホのカメラ越しに3Dアニメーションで自分のアバターが登場し、握手のジェスチャーや音声で挨拶するアプリケーションを開発しました。Babylon.jsを使用することで、効率的に開発を進めることができました。
事例2: webVR (Three.jsで開発)
家の内装をウェブ上でプレゼンテーションするアプリケーションを開発しました。Three.jsを使用して、オブジェクトの生成、アニメーション、ライティング、マテリアルの設定などが簡単にできました。
事例3: webAR (Babylon.jsで開発)
家具のECサイトで商品を現実に投影するアプリケーションを開発しました。スマホのブラウザでカメラ越しに家具を床に設置し、自由に移動できる機能を実現しました。
事例4: webAR (UnityとWebGLで開発)
モデルルームの内覧と内装の配置換えが可能なアプリケーションを開発しました。UnityベースでCGを最適化するのに苦労しましたが、最終的には高品質な体験を実現することができました。
WebGL vs Babylon.js vs Three.js
抽象化と使いやすさにおいて、Babylon.jsとThree.jsはWebGLよりも優れています。開発速度やコミュニティサポートも、両ライブラリがWebGLに勝る点です。クロスプラットフォーム対応や最適化、カスタマイズの制約については、プロジェクトの要件に応じて選択を検討する必要があります。
3Dファイルの圧縮とパフォーマンス
glTF Draco圧縮やBlenderを使用して3Dファイルを圧縮することで、ダウンロード時間やメモリ使用量、GPU負荷を軽減し、パフォーマンスが向上します。ただし、圧縮と品質のバランスを見極めることが重要です。
まとめ
WebGL、Babylon.js、およびThree.jsの選択に関しては、プロジェクトの要件や開発者のスキルに応じて検討することが重要です。また、3Dファイルの圧縮とパフォーマンス向上も念頭に置くべき点です。弊社のモックアップ事例を通じて、実践的な学びを提供し、ベトナムオフショア開発でのWebXR受注を促進することを目指しています。ベトナムオフショア開発は、コスト面での利点や技術力の向上など、多くのメリットがあります。これらの事例を通じて、弊社がWebXRプロジェクトにおいて適切な技術選択と効果的な活用方法を提供できることを示しています。
■XR開発に特化したベトナムオフショア開発企業 ONETECH
ONETECHは、XRに特化した開発会社です。
VR/ARコンテンツ開発を始めさまざまなシステム開発、アプリ開発、ソフトウェア開発をベトナム オフショアで開発しています。ベトナムのXRトップ企業として紹介されています。
2015年の創業から上場企業からスタートアップ企業までお客様100社以上の300以上のプロジェクトに関わってきた豊富な開発実績があります。
ONETECHはUNITYでAR/VRアプリの開発
AR/VR/MR開発は２０１５年より取り組んでおります。UNITYの技術者育成に力を入れて取り組んでいます。
VR開発：ベトナムでのVR開発分野において最も開発実績のある企業の一つとなっています。
AR開発：ARkit、ARcoreなどを利用して多数のアプリ開発、Babylon.js、8thWallなどでのWebAR開発実績がございます。
UNITY開発：ONETECHはUNITYを利用し様々なVR開発、AR開発、アプリ開発をしています。HoloLens/Oculus/HTC VIVE/Pico/Nreal Lightなど最新のデバイスも取り揃えています。
ホロレンズ開発：ベトナムで最も多くのHoloLens開発実績のある企業の一社です。
WEBXR開発：WEBXRは、仮想現実（VR）、拡張現実（AR）および混合現実（MR）をWebブラウザで利用するための技術スタンダードです。ユーザーは、特別なアプリをダウンロードすることなく、多様なデバイスで豊かな3Dコンテンツを体験できます。
CG制作:製品やゲームのアセット、業務用の映像などの3DCGコンテンツの３DCG制作（モデリング・アニメーション・レンダリング）をエンジニアと連携しながらワンストップで受けることが可能です。
