aframe inspector

Inspecteur de trame A

Un outil d'inspecteur visuel pour les scènes de trame A. Appuyez simplement sur <ctrl> + <alt> + i sur n'importe quelle scène de trame A pour ouvrir l'inspecteur.

• Documentation / guide
• Exemple

Vérifiez également:

• A Observation A-Frame - Companion Server pour synchroniser les modifications des fichiers HTML.

Utilisation de l'inspecteur

Raccourci clavier

A-Frame est livré avec un raccourci clavier pour injecter l'inspecteur. Ouvrez simplement n'importe quelle scène de trame A (exécutant au moins V0.3.0) et appuyez sur <ctrl> + <alt> + i pour injecter l'inspecteur, tout comme vous utiliseriez un inspecteur DOM:

Spécification de la construction de l'inspecteur

Cela se fait avec le composant inspector . Par défaut, cela est déjà défini sur la scène. Si nous le souhaitons, nous pouvons spécifier une construction spécifique de l'inspecteur à injecter en passant une URL. Pour le débogage:

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

Pour utiliser la branche principale de l'inspecteur:

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

Développement local

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

Accédez ensuite à http: // localhost: 3333 / Exemples /

Auto-hébergement du répertoire d'échantillons

Le modal des textures utilise https://aframe.io/sample-assets/dist/images.json pour obtenir les textures disponibles. Le référentiel GitHub pour ces actifs est https://github.com/aframevr/sample-assets

Si vous souhaitez vous auto-héberger ce répertoire, faites ce qui suit:

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

edit index.html et définir avant toute balise de script cette variable globale:

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