JavaScript ile WebXR geliştirme

2024-10-31

Önemli

WebVR kullanım dışıdır ve geçerli tarayıcılarda kullanılamaz, bu nedenle yeni geliştirme için kullanılmamalıdır. Mevcut WebVR uygulamalarını WebXR'ye geçirmeniz gerekir.

WebXR kullanılabilir olmaya devam eder. Ancak WebXR desteği sona erer (hata düzeltmeleri, içerik güncelleştirmeleri veya teknik destek yoktur) ve bu nedenle uygulamaların uzun bir süre çalışmaya devam edeceğine dair hiçbir garanti vermeyeceğiz.

JavaScript dünyanın en popüler programlama dillerinden biridir! Basit, hafiftir ve Web'de yaygın olarak kullanılır. JavaScript ve Web becerilerinizin gücünü uygulayarak daha ilgi çekici Karma Gerçeklik deneyimleri oluşturun.

Web'de uygulamaları Karma Gerçeklik

Karma Gerçeklik özellikleri Web'de WebXR. Daha fazla yazılım veya eklenti yüklemeden uyumlu bir WebXR özellikli tarayıcıda sanal gerçeklik (VR) ve artırılmış gerçeklik (AR) içeriğini görebilirsiniz. Aynı tarayıcıyı HoloLens 2 gibi fiziksel bir cihazla kullanabilirsiniz.

WebXR Cihaz API'si, algılayıcılar ve kafaya monte ekranlar dahil olmak üzere sanal gerçeklik (VR) ve artırılmış gerçeklik (AR) cihazlarına Web'de erişmeye yöneliktir. WebXR Cihaz API'sini Microsoft Edge ve Chrome sürüm 79'da kullanabilirsiniz ve sonraki sürümler varsayılan olarak WebXR'yi destekler. WebXR için en son tarayıcı destek durumunu caniuse.com kontrol edebilirsiniz.

WebXR özelliği	Kullanılabilirlik
WebXR Cihaz API'si (w3.org)	Windows Masaüstü'de Edge 81 HoloLens 2'de Edge 91
WebXR Artırılmış Gerçeklik Modülü - Düzey 1 (w3.org)	Edge 91. Yalnızca HoloLens 2
WebXR El Giriş Modülü - Düzey 1 (w3.org)	Edge 93. Yalnızca HoloLens 2
WebXR Anchors Modülü (immersive-web.github.io)	Edge 93. Yalnızca HoloLens 2
WebXR İsabet Testi Modülü (immersive-web.github.io)	Edge 93. Yalnızca HoloLens 2

WebXR'i görüntüleme

Yeni Microsoft Edge ve Firefox Reality tarayıcılarıyla Windows Karma Gerçeklik'da WebXR deneyimlerini görüntüleyebilirsiniz. Tarayıcınızın WebXR'yi destekleyip desteklemediğini test etmek için tarayıcınızda WebXR Örnekleri'ne gidebilirsiniz.

Çevreleyici Web deneyimleri geliştirmek için ne kullanabilirim?

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

Çerçeve	Örnek
Babylon.js Babylon, 3B içerik ve çevreleyici uygulamalar geliştirmeyi kolaylaştıran bir JavaScript 3D altyapısıdır. Çevreleyici uygulamaları kullanmaya başlamadan önce Babylon.js geliştirmenin temellerini öğrenmenizi öneririz. - Babylon.js ile 3B uygulamalar oluşturmayı öğrenin: Başlarken - Babylon.js kullanarak 3B örnekler ve bunların kaynak koduyla oynayın: Playground - WebXR'yi daha ayrıntılı bir şekilde inceleme - Öğreticilerimizi kullanmaya başlamayı öğrenin: İlk "Merhaba Dünya!" uygulamanızı oluşturma
Çerçeve Çerçeve, Web'de Sanal Gerçeklik'i kullanmaya başlamak için kullanabileceğiniz bildirim temelli bir JavaScript çerçevesidir. Daha fazla bilgi edinmek için A-Frame belgelerine göz atın
Three.js Three.js, çevreleyici deneyimler oluşturmaya yönelik popüler bir 3B kitaplıktır. three.js hakkında daha fazla bilgi edinin ve örnekleri keşfedin.
WebGL WebGL API'lerini kullanarak WebXR Cihaz API'lerine doğrudan erişebilirsiniz. WebGL (Web Grafik Kitaplığı), eklentileri kullanmadan uyumlu herhangi bir Web tarayıcısında yüksek performanslı etkileşimli 3B ve 2B grafikleri işlemeye yönelik bir JavaScript API'sidir.

Ayrıca bkz:

Sonraki adımlar--Öğreticiler

Babylon.js kullanarak ilk WebXR uygulamanızı oluşturma

Babylon.js kullanarak WebXR'de piyano oluşturma

Aracılığıyla paylaş