JavaScript ile WebXR geliştirme

JavaScript, dünyanın en popüler programlama dillerinden biridir! Web 'de basit, hafif ve yaygın olarak kullanılır. Daha ilgi çekici karma gerçeklik deneyimleri oluşturmak için JavaScript ve Web becerilerinizi gücünden yararlanın.

Web 'de karma gerçeklik uygulamaları

Karma Gerçeklik özellikleri Web 'de Webxrüzerinden kullanılabilir. Ek yazılım veya eklenti yüklemeden, uyumlu bir WebXR özellikli tarayıcıda sanal gerçeklik (VR) ve genişletilmiş gerçeklik (AR) içeriğini görebilirsiniz. aynı tarayıcıyı HoloLens 2 gibi bir fiziksel cihazla kullanabilirsiniz.

Webxr cihaz API 'si , Web üzerinde algılayıcılar ve baş bağlı ekranlar dahil olmak üzere sanal GERÇEKLIK (VR) ve genişletilmiş GERÇEKLIK (ar) cihazlarına erişmek içindir. webxr cihaz apı 'si Microsoft Edge ve Chrome sürüm 79 ' de kullanılabilir ve sonraki sürümler webxr 'yi varsayılan olarak destekler. Caniuse.comadresinde WebXR için en son tarayıcı destek durumunu kontrol edebilirsiniz.

Not

Webvr kullanım dışıdır ve geçerli tarayıcılarda mevcut olmadığından, yeni bir geliştirme için kullanılmamalıdır. Var olan herhangi bir Webvr uygulaması Ile webxr'ye ileri geçiş yapmanız gerekir.

WebXR özelliği Kullanılabilirlik
WebXR cihaz API 'SI (w3.org) Windows Desktop 'ta Edge 81
HoloLens 2 üzerinde Edge 91
WebXR Genişletmüş gerçeklik modülü-düzey 1 (w3.org) Edge 91. Yalnızca HoloLens 2
WebXR Hand Input modülü-düzey 1 (w3.org) Edge 93. Yalnızca HoloLens 2
WebXR bağlayıcıları modülü (immersive-web.github.io) Edge 93. Yalnızca HoloLens 2
WebXR Isabet testi modülü (immersive-web.github.io) Edge 93. Yalnızca HoloLens 2

WebXR 'yi görüntüleme

webxr deneyimlerini yeni Microsoft Edge ve Firefox gerçeklik tarayıcılarıyla Windows Mixed Reality görüntüleyebilirsiniz. Tarayıcınızın WebXR 'yi destekleyip desteklemediğini test etmek için tarayıcınızda Webxr örneklerine gidebilirsiniz.

Derinlikli Web deneyimleri geliştirmek için ne kullanabilirim?

Aşağıdaki listede, pazara açık olan ve karma gerçeklik JavaScript geliştiricileri tarafından yaygın olarak kabul edilen ve benimsenen modern deneyimler oluşturmaya yönelik JavaScript çerçeveleri ve API 'Ler gösterilmektedir:

Babylon.js

Babylon, 3B içerik ve derinlikli uygulamalar geliştirmeyi kolaylaştırmanın bir JavaScript 3B altyapısıdır. Modern uygulamalarla çalışmaya başlamadan önce Babylon.js geliştirmenin temellerini öğrenmenizi öneririz.

-babylon.js ile 3D uygulamalar oluşturmayı öğrenin: Başlarken
-babylon.js kullanarak 3B örneklerle ve bunların kaynak kodlarıyla yürütün: Playzemin
- Webxr 'ye derinlemesine bakış
-Öğreticilerimize nasıl başlacağınızı öğrenin: ilk "Merhaba Dünya!" uygulamanızı oluşturma
BabylonJS logosu
A-çerçeve

A-Frame, Web üzerinde sanal gerçeklik ile çalışmaya başlamak için kullanabileceğiniz bildirime dayalı bir JavaScript çerçevesidir. Daha fazla bilgi edinmek için, çerçeve belgelerini inceleyin
A-çerçeve
Three.js

Three.js, derinlikli deneyimler oluşturmaya yönelik popüler bir 3B kitaplıktır. three.js hakkında daha fazla bilgi edinin ve örnekleri inceleyebilirsiniz.
Three.js
WebGL

WebGL API 'lerini kullanarak WebXR cihaz API 'Lerine doğrudan erişebilirsiniz. WebGL (Web grafik kitaplığı), eklentiler kullanılmadan uyumlu Web tarayıcıları içinde yüksek performanslı etkileşimli 3B ve 2B grafikleri işlemek için bir JavaScript API 'sidir.
WebGL

Ayrıca Bkz.

Sonraki adımlar--öğreticiler