Programowanie webXR za pomocą języka JavaScript

Artykuł
10/31/2024

Ważne

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.

Usługa WebXR jest nadal dostępna. Obsługa usługi WebXR nie jest jednak przerywana (brak poprawek usterek, aktualizacji zawartości ani pomocy technicznej), dlatego nie możemy zagwarantować, że aplikacje będą nadal działać przez dłuższy czas.

JavaScript to jeden z najpopularniejszych języków programowania na świecie! Jest to proste, lekkie i powszechnie używane w Internecie. Twórz bardziej atrakcyjne środowiska rzeczywistości mieszanej, stosując możliwości języka JavaScript i umiejętności internetowych.

Aplikacje rzeczywistości mieszanej w Internecie

Funkcje rzeczywistości mieszanej są dostępne w Internecie za pośrednictwem webXR. Zawartość rzeczywistości wirtualnej (VR) i rzeczywistości rozszerzonej (AR) jest widoczna w zgodnej przeglądarce obsługującej usługę WebXR bez instalowania więcej oprogramowania lub wtyczek. Możesz użyć tej samej przeglądarki z urządzeniem fizycznym, takim jak HoloLens 2.

Interfejs API urządzeń 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 przeglądarkach 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.

Funkcja WebXR	Dostępność
Interfejs API urządzenia WebXR (w3.org)	Przeglądarka Edge 81 na pulpicie systemu Windows 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ścia ręcznego WebXR — poziom 1 (w3.org)	Edge 93. Tylko urządzenie HoloLens 2
Moduł WebXR Anchors (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 składnika WebXR

Środowiska WebXR można wyświetlać w środowisku Windows Mixed Reality za pomocą nowych przeglądarek Microsoft Edge i Firefox Reality . Aby sprawdzić, czy przeglądarka obsługuje usługę WebXR, możesz przejść do pozycji WebXR Samples (Przykłady webXR) w przeglądarce.

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

Na poniższej liście przedstawiono struktury i interfejsy API języka JavaScript służące do tworzenia immersyjnych środowisk, które obecnie dominują na rynku i są powszechnie akceptowane i akceptowane 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 programowania Babylon.js. — Dowiedz się, jak tworzyć aplikacje 3D przy użyciu Babylon.js: Wprowadzenie — Odtwórz przykłady 3D i ich kod źródłowy 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!"
Drabina rozstawna 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
Three.js Three.js to popularna biblioteka 3D do tworzenia immersyjnych środowisk. Dowiedz się więcej na temat three.js i zapoznaj się z przykładami.
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 o wysokiej wydajności w dowolnej zgodnej przeglądarce sieci Web bez korzystania z wtyczek.