A-Frame Inspector
An easy-to-use inspector for editing A-Frame scenes.
VIEW DEMO
Using the Inspector
There are several ways to use the inspector on your scene.
A-Frame Component
A-Frame comes with a component to inject the inspector. Just include the inspector
component, and press ctrl + alt + e
to inject the inspector, just like you would
use a DOM inspector:
<a-scene inspector>
</a-scene>
Bookmarklet
Copy and paste the code from the bookmarket into a browser bookmark. Then
open up any scene and click on the bookmarklet to inject the inspector.
Including the Build
- Download the build
- Add the build to the bottom of your A-Frame scene:
<html>
<body>
<a-scene></a-scene>
<script src="js/aframe-inspector.js"></script>
</body>
</html>
Working on the Inspector
git clone git@github.com:aframevr/aframe-inspector.git
cd aframe-inspector
npm install
npm start
Then navigate to http://localhost:3333/example/