Tworzenie aplikacji WebXR za pomocą języka JavaScript

JavaScript to jeden z najpopularniejszych języków programowania na świecie. Jest prosty, lekki i powszechnie używany w Internecie. Wykorzystaj możliwości swoich umiejętności w zakresie języka JavaScript i internetu, aby tworzyć bardziej Mixed Reality środowiska.

Mixed Reality aplikacji w Internecie

Mixed Reality są dostępne w Internecie za pośrednictwem usługi WebXR. Zawartość rzeczywistości wirtualnej (VR) i rzeczywistości rozszerzonej (AR) można wyświetlić w zgodnej przeglądarce z obsługą funkcji WebXR bez instalowania dodatkowego oprogramowania ani 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 ekranów zainstalowanych z węzłem, w Internecie. Interfejs API urządzeń WebXR jest dostępny w systemach Microsoft Edge i Chrome w wersji 79, a nowsze domyślnie obsługują webXR. Możesz sprawdzić najnowszy stan obsługi przeglądarki dla usługi WebXR na stronie caniuse.com.

Uwaga

Serwer 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 serwera WebVR do usługi WebXR.

Funkcja WebXR Dostępność
Interfejs API urządzeń WebXR (w3.org) Edge 81 na Windows Desktop
Edge 91 na urządzeniach Hololens 2
Moduł rzeczywistości rozszerzonej WebXR — poziom 1 (w3.org) Edge 91. Tylko hololens 2
Moduł danych wejściowych strony WebXR — poziom 1 (w3.org) Edge 93. Tylko hololens 2
Moduł kotwic webXR (immersive-web.github.io) Edge 93. Tylko hololens 2
Moduł testu trafienia WebXR (immersive-web.github.io) Edge 93. Tylko hololens 2

Wyświetlanie serwera WebXR

Środowisko WebXR można wyświetlać w Windows Mixed Reality za pomocą nowych przeglądarek Microsoft Edge i Firefox Reality. Aby sprawdzić, czy przeglądarka obsługuje funkcję WebXR, możesz przejść do przykładów WebXR w przeglądarce.

Czego można używać do tworzenia immersywnych interfejsów internetowych?

Na poniższej liście przedstawiono struktury i interfejsy API języka JavaScript do tworzenia immersywnych doświadczeń, które obecnie dominują na rynku i są powszechnie akceptowane i akceptowane przez deweloperów języka JavaScript rzeczywistości mieszanej:

Babylon.js

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

— Dowiedz się, jak tworzyć aplikacje 3D za pomocą babylon.js: Wprowadzenie
— Poeksaj z przykładami 3D i ich kodem źródłowym przy użyciu babylon.js: Playground
— Bardziej zagłębij się w usługę WebXR
— Dowiedz się, jak rozpocząć pracę z naszymi samouczkami: Tworzenie pierwszej aplikacji "Hello world!".
BabylonJS Logo
A-frame

Ramka jest deklaratywną platformą 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 immersywnych środowiska. 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 do renderowania interaktywnej grafiki 3D i 2D o wysokiej wydajności w dowolnej zgodnej przeglądarce internetowej bez korzystania z wtyczek.
WebGL

Zobacz też

Następne kroki — samouczki