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 アプリの作成」を開始する方法について説明します。
BabylonJS Logo
A-Frame

A-Frame は、Web で仮想現実の操作を開始するための宣言型の JavaScript フレームワークです。 詳細は、A-Frame に関するドキュメントを参照してください:
A-Frame
Three.js

Three.js は、イマーシブ エクスペリエンスを作成するための人気のある 3D ライブラリです。 three.js の詳細については、ドキュメント ページとを参照してください。
Three.js
WebGL

WebGL API を使用して、WebXR デバイス API に直接アクセスできます。 WebGL (Web グラフィックス ライブラリ) は、プラグインを使用せずに、互換性のある Web ブラウザー内で高パフォーマンスの対話型 3D および 2D グラフィックスをレンダリングするための JavaScript API です。
WebGL

次の手順

チュートリアルの開始方法について説明します。

参照