aframe inspector

Inspektur A-Frame

Alat inspektur visual untuk adegan A-frame. Cukup tekan <ctrl> + <alt> + i di adegan A-frame untuk membuka inspektur.

• Dokumentasi / Panduan
• Contoh

Periksa juga:

• A -Frame Watcher - Server pendamping untuk menyinkronkan perubahan pada file HTML.

Menggunakan inspektur

Pintasan keyboard

A-Frame dilengkapi dengan pintasan keyboard untuk menyuntikkan inspektur. Cukup buka adegan A-frame apa pun (berjalan setidaknya A-frame v0.3.0) dan tekan <ctrl> + <alt> + i untuk menyuntikkan inspektur, sama seperti Anda akan menggunakan Inspektur DOM:

Menentukan Build Inspektur

Ini dilakukan dengan komponen inspector . Secara default, ini sudah diatur di tempat kejadian. Jika kita mau, kita dapat menentukan build spesifik inspektur untuk menyuntikkan dengan melewati URL. Untuk debugging:

 < a-scene inspector =" url: http://localhost:3333/dist/aframe-inspector.js " >
  <!-- Scene... -->
</ a-scene >

Untuk menggunakan cabang utama inspektur:

 < a-scene inspector =" url: https://cdn.jsdelivr.net/gh/aframevr/aframe-inspector@master/dist/aframe-inspector.min.js " >
</ a-scene > 

Pengembangan Lokal

git clone [email protected]:aframevr/aframe-inspector.git
cd aframe-inspector
npm install
npm start

Kemudian arahkan ke http: // localhost: 3333/contoh/

Self-Hosting Direktori Asset Sampel

Modal Tekstur menggunakan https://aframe.io/sample-assets/dist/images.json untuk mendapatkan tekstur yang tersedia. Repositori GitHub untuk aset tersebut adalah https://github.com/aframevr/sample-assets

Jika Anda ingin menjadi tuan rumah sendiri direktori ini, lakukan hal berikut:

 cd examples
git clone [email protected]:aframevr/sample-assets.git

Edit index.html dan tentukan sebelum skrip apa pun Tag variabel global ini:

 < script > window . AFRAME_SAMPLE_ASSETS_ROOT = "./sample-assets/" ; </ script >