SenangStart XRAntara Muka 3D untuk WebXR

Komponen GUI untuk A-Frame — daripada penuding desktop hingga pengawal VR.

Bermula

Lihat di GitHub

18 Komponen A-Frame

Satu primitif HTML bagi setiap widget — butang, peluncur, suis dan input, didaftarkan melalui satu berkas pelayar.

Susun Atur Fleksibel

Susun widget dalam baris dan lajur dengan penjajaran ala flexbox, jarak, panel berbucu bulat dan pewarisan gaya.

Papan Kekunci & Kebolehcapaian

Peranan ARIA, pengaktifan papan kekunci, peluncur kekunci anak panah dan kumpulan radio memudahkan interaksi desktop.

Pelbagai Kaedah Input

Gunakan penuding desktop, pengaktifan melalui pandangan pada mudah alih dan laser pengawal VR dengan widget yang sama.

Kemas Kini Atribut Secara Langsung

Kemas kini dimensi, warna, label dan keadaan selepas permulaan; geometri dan teks dibina semula pada tempatnya.

Token Reka Bentuk & Fon

Gayakan adegan anda dengan warna bersama, fon Outfit yang disertakan, fon tersuai dan pembantu ikon.

Contoh Ringkas

html

<a-sxr-flex-container
  flex-direction="column" justify-content="center" align-items="center"
  width="4" height="3" opacity="0" position="0 1.6 -2">
  <a-sxr-button width="2" height="0.6" value="Hello XR"></a-sxr-button>
</a-sxr-flex-container>

Letakkan panel ini di dalam <a-scene> selepas memuatkan A-Frame dan SenangStart XR. Bekas tersebut memusatkan butang dalam lajur, dua unit di hadapan kamera.

Lihat Pemasangan untuk persediaan adegan dan Interaksi untuk sambungan kursor dan pengawal.