Skip to content

dmarcos/aframe-editor

 
 

Repository files navigation

A-Frame Editor

build status

Work in progress.

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

Try it out!

screenshot

Using the Editor

There are several ways to use the editor on your scene.

A-Frame Component

A-Frame comes with a component to inject the editor. Just include the editor component, and press ctrl + alt + e to inject the editor, just like you would use a DOM inspector:

<a-scene editor>
  <!-- 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 editor.

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 editor build below the scene markup. -->
    <script src="js/aframe-editor.js"></script>
  </body>
</html>

Working on the Editor

git clone git@github.com:aframevr/aframe-editor.git
cd aframe-editor
npm install
npm start

Then navigate to http://localhost:3333/example/

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.6%
  • Other 0.4%