An easy-to-use inspector for editing A-Frame scenes. Check out the guide.
There are several ways to use the inspector on your scene.
A-Frame comes with a component to inject the inspector. Just open up any
A-Frame scene (running at least A-Frame v0.3.0) and press ctrl + alt + i
to
inject the inspector, just like you would use a DOM inspector:
This is done with the inspector
component. By default, this is set on the
scene. We can specify which build of the Inspector to inject by passing a URL.
<a-scene inspector="url: https://aframe.io/releases/0.3.0/aframe-inspector.min.js">
<!-- Scene... -->
</a-scene>
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.
- Download the build
- Add the build to the bottom of your A-Frame scene:
<html>
<body>
<a-scene></a-scene>
<!-- Add the inspector build below the scene markup. -->
<script src="js/aframe-inspector.js"></script>
</body>
</html>
git clone git@github.com:aframevr/aframe-inspector.git
cd aframe-inspector
npm install
npm start
Then navigate to http://localhost:3333/example/