Programowanie webXR za pomocą języka JavaScript
JavaScript jest jednym z najpopularniejszych języków programowania na świecie! Jest to proste, lekkie i powszechnie używane w Internecie. Wykorzystaj możliwości języka JavaScript i umiejętności internetowych, aby tworzyć bardziej atrakcyjne środowiska Mixed Reality.
Mixed Reality aplikacji w Internecie
Mixed Reality funkcje są dostępne w Sieci Web za pośrednictwem usługi 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 dodatkowego 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.
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 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ł kotwic 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 narzędzia WebXR
Środowiska 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 usługę WebXR, możesz przejść do pozycji WebXR Samples (Przykłady webXR ) w przeglądarce.
Czego mogę 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 jest aparatem JavaScript 3D, który ułatwia tworzenie zawartości 3D i immersywnych aplikacji. Przed rozpoczęciem pracy z aplikacjami immersyjnymi zalecamy zapoznanie się z podstawami programowania 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!" |
|
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 o 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 używania wtyczek. |
Zobacz też
- Specyfikacja interfejsu API urządzeń WebXR
- Dokumentacja interfejsu API urządzeń WebXR
- Przykłady webXR
- Immersiveweb.dev
- Tworzenie środowisk WebXR przy użyciu Babylon.js
- WebGL API
- Interfejs API tabletu gamepad i rozszerzenia gamepadu
- Windows Mixed Reality i nowej przeglądarki Microsoft Edge
- Obsługa utraconego kontekstu w języku WebGL
- Blokada wskaźnika
- glTF
- Immersywna grupa społeczności internetowej
- Immersywna witryna Github sieci Web W3C