Tworzenie aplikacji WebXR za pomocą języka JavaScript

JavaScript to jeden z najpopularniejszych języków programowania na świecie! Jest to proste, lekkie i powszechnie używane w Internecie. Korzystaj z możliwości języka JavaScript i umiejętności internetowych, aby tworzyć bardziej angażujące środowiska Mixed Reality.

Mixed Reality aplikacji w internecie

Mixed Reality funkcje są dostępne w sieci Web za pośrednictwem usługi WebXR. Możesz zobaczyć zawartość rzeczywistości wirtualnej (VR) i rzeczywistości rozszerzonej (AR) w zgodnej przeglądarce z obsługą protokołu WebXR bez instalowania dodatkowego oprogramowania lub wtyczek. Możesz użyć tej samej przeglądarki z urządzeniem fizycznym, takim jak HoloLens 2.

Interfejs API urządzenia WebXR służy do uzyskiwania dostępu do urządzeń rzeczywistości wirtualnej (VR) i rzeczywistości rozszerzonej (AR), w tym czujników i wyświetlaczy zainstalowanych przez głowę w Internecie. Interfejs API urządzenia WebXR jest dostępny w systemach Microsoft Edge i Chrome w wersji 79, a nowsze wersje obsługują funkcję WebXR jako domyślną. Możesz sprawdzić najnowszy stan obsługi przeglądarki dla usługi WebXR pod adresem caniuse.com.

Uwaga

Składnik WebVR jest przestarzały i nie jest dostępny w bieżących przeglądarkach, dlatego nie powinien być używany do tworzenia nowych aplikacji. Należy przeprowadzić migrację wszystkich istniejących implementacji webVR do usługi WebXR.

Funkcja WebXR Dostępność
Interfejs API urządzenia WebXR (w3.org) Edge 81 na komputerze Windows Desktop
Edge 91 na urządzeniu Hololens 2
Moduł rzeczywistości rozszerzonej WebXR — poziom 1 (w3.org) Edge 91. Tylko urządzenie Hololens 2
Moduł wejściowy webXR — poziom 1 (w3.org) Edge 93. Tylko urządzenie Hololens 2
Moduł Kotwicy WebXR (immersive-web.github.io) Edge 93. Tylko urządzenie Hololens 2
WebXR Hit Test Module (immersive-web.github.io) Edge 93. Tylko urządzenie Hololens 2

Wyświetlanie biblioteki WebXR

Środowiska WebXR można wyświetlać w Windows Mixed Reality przy użyciu nowych przeglądarek Microsoft Edge i Firefox Reality. Aby sprawdzić, czy przeglądarka obsługuje usługę WebXR, możesz przejść do przykładów webXR w przeglądarce.

Czego można użyć do tworzenia immersyjnych środowisk internetowych?

Na poniższej liście przedstawiono struktury i interfejsy API języka JavaScript służące do tworzenia środowisk immersyjnych, które obecnie dominuje na rynku i są powszechnie akceptowane i przyjęte przez deweloperów języka JavaScript rzeczywistości mieszanej:

Framework Przykład
Babylon.js

Babilon to aparat 3D języka JavaScript, który ułatwia tworzenie zawartości 3D i immersyjnych aplikacji. Przed rozpoczęciem pracy z aplikacjami immersyjnymi zalecamy zapoznanie się z podstawami tworzenia Babylon.js.

— Dowiedz się, jak tworzyć aplikacje 3D za pomocą Babylon.js: Wprowadzenie
- Graj z przykładami 3D i ich kodem źródłowym przy użyciu Babylon.js: Plac zabaw
— Szczegółowe informacje na temat usługi WebXR
— Dowiedz się, jak rozpocząć pracę z naszymi samouczkami: Tworzenie pierwszej aplikacji "Hello world!"
BabylonJS Logo
A-frame

Ramka A to deklaratywna struktura języka JavaScript, której można użyć do rozpoczęcia pracy z rzeczywistością wirtualną w Internecie. Aby dowiedzieć się więcej, zapoznaj się z dokumentacją A-Frame
A-Frame
Three.js

Three.js to popularna biblioteka 3D do tworzenia środowisk immersyjnych. Dowiedz się więcej o three.js i zapoznaj się z przykładami.
Three.js
WebGL

Dostęp do interfejsów API urządzeń WebXR można uzyskać bezpośrednio przy użyciu interfejsów API WebGL. WebGL (Biblioteka grafiki internetowej) to interfejs API języka JavaScript służący do renderowania interaktywnej grafiki 3D i 2D w dowolnej zgodnej przeglądarce sieci Web bez korzystania z wtyczek.
WebGL

Zobacz też

Następne kroki — samouczki