Skip to content

FrederickDesimpel/aframe-inspector

 
 

Repository files navigation

A-Frame Inspector

build status

Work in progress.

An easy-to-use inspector for editing A-Frame VR scenes.

Try it out!

screenshot

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>
  <!-- Scene... -->
</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

  1. Download the build
  2. 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>

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/

About

(work in progress) An inspector for A-Frame scenes

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 83.7%
  • CSS 13.4%
  • HTML 2.9%