JavaScript 開発の概要
JavaScript は、世界で最も人気のあるプログラミング言語の 1 つです。 シンプルで軽量であり、Web 上で広く使用されています。 JavaScript と Web のスキルの活用して、より魅力的な Mixed Reality エクスペリエンスを作成してください。
Web 上の Mixed Reality アプリケーション
WebXR を使用すると、Web 上で Mixed Reality 機能を使用できます。 追加のソフトウェアやプラグインをインストールしなくとも、互換性のある WebXR 対応のブラウザーで仮想現実 (VR) や拡張現実 (AR) コンテンツを確認できます。 HoloLens 2 のような物理デバイスで同じブラウザーを使用できます。 詳細については、WebXR のドキュメントを参照してください。
Note
WebVR は、非推奨とされており、現在のブラウザーでは使用できないため、新しい開発には使用できません。 既存の WebVR の実装を WebXR に移行する必要があります。
没入感のあるウェブ体験を開発するためには、何を使えばいいのでしょうか ?
次の一覧は、現在市場を支配し、Mixed Reality JavaScript 開発者によって広く受け入れられ、採用されている没入型エクスペリエンスを構築するための JavaScript フレームワークと API を示しています。
フレームワーク | 例 |
---|---|
Babylon.js Babylon は、3D コンテンツとイマーシブ アプリケーションを簡単に開発できるようにする JavaScript 3D エンジンです。 イマーシブ アプリケーションの開発を開始する前に、Babylon.js 開発の基本について学習することをお勧めします。 - Babylon.js 概要を使用して 3D アプリケーションを構築する方法について説明します。 - Babylon.js Playground を使用して 3D サンプルとそのソース コードを再生する - WebXR について詳しく説明します。 - チュートリアル「最初の Hello World アプリの作成」を開始する方法について説明します。 |
|
A-Frame A-Frame は、Web で仮想現実の操作を開始するための宣言型の JavaScript フレームワークです。 詳細は、A-Frame に関するドキュメントを参照してください: |
|
Three.js Three.js は、イマーシブ エクスペリエンスを作成するための人気のある 3D ライブラリです。 three.js の詳細については、ドキュメント ページと例を参照してください。 |
|
Webgl WebGL API を使用して、WebXR デバイス API に直接アクセスできます。 WebGL (Web グラフィックス ライブラリ) は、プラグインを使用せずに、互換性のある Web ブラウザー内で高パフォーマンスの対話型 3D および 2D グラフィックスをレンダリングするための JavaScript API です。 |
次のステップ
チュートリアルの開始方法について説明します。