aframe inspector

Inspetor A-Frame A.

Uma ferramenta de inspetor visual para cenas de estrutura A. Basta bater <ctrl> + <alt> + i em qualquer cena de estrutura A para abrir o inspetor.

• Documentação / Guia
• Exemplo

Verifique também:

• Observador A -Frame - servidor complementar para sincronizar alterações nos arquivos HTML.

Usando o inspetor

Atalho de teclado

A estrutura A vem com um atalho de teclado para injetar o inspetor. Basta abrir qualquer cena de estrutura A (executando pelo menos a-quadro v0.3.0) e pressionar <ctrl> + <alt> + i para injetar o inspetor, assim como você usaria um inspetor DOM:

Especificando o inspetor Build

Isso é feito com o componente inspector . Por padrão, isso já está em cena. Se quisermos, podemos especificar uma construção específica do inspetor para injetar passando um URL. Para depuração:

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

Para usar o ramo mestre do inspetor:

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

Desenvolvimento local

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

Em seguida, navegue para http: // localhost: 3333/exemplos/

Auto-hospedar o diretório de ativos de amostra

O modal texturas está usando https://aframe.io/sample-assets/dist/images.json para obter as texturas disponíveis. O repositório do GitHub para esses ativos é https://github.com/aframevr/sample-assets

Se você deseja se auto-hospedar este diretório, faça o seguinte:

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

Edit index.html e defina antes de qualquer script tag esta variável global:

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