aframe inspector

Inspector de marco A

Una herramienta de inspector visual para escenas de marco A. Simplemente presione <ctrl> + <alt> + i en cualquier escena de marco A para abrir el inspector.

• Documentación / guía
• Ejemplo

También mira:

• A -Frame Watcher: servidor complementario para sincronizar los cambios en los archivos HTML.

Usando el inspector

Atajo de teclado

A-Frame viene con un atajo de teclado para inyectar al inspector. Simplemente abra cualquier escena de marco A (ejecutando al menos A-Frame v0.3.0) y presione <ctrl> + <alt> + i para inyectar al inspector, al igual que usaría un inspector DOM:

Especificar la compilación del inspector

Esto se hace con el componente inspector . Por defecto, esto ya está configurado en la escena. Si lo queremos, podemos especificar una construcción específica del inspector para inyectar pasando una URL. Para la depuración:

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

Para usar la rama maestra del inspector:

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

Desarrollo local

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

Luego navegue a http: // localhost: 3333/ejemplos/

Auto-anfitrión del directorio de activos de muestra

El modal de texturas está utilizando https://aframe.io/sample-assets/dist/images.json para obtener las texturas disponibles. El repositorio de GitHub para esos activos es https://github.com/aframevr/sample-ssets

Si quieres autoestima este directorio, haz lo siguiente:

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

editar index.html y definir antes de cualquier etiqueta de script esta variable global:

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