/aframe-vuejs-3dio

demo to showcase how to combine A-frame and vuejs

Primary LanguageHTML

Using vuejs with A-frame

A-frame is great, vuejs is great why not combine them?

This demo uses a custom vue component to wrap an aframe entity to add reactive magic to the aframe scene https://rawgit.com/frederic-schwarz/aframe-vuejs-3dio/master/index.html

Basic setup:

custom component with reactive property within the aframe scene

<a-scene>
  <my-component :furniture-id="id"></my-component>
</a-scene>

vue.js component definition

Vue.component('my-component', {
  props: ['furnitureId'],
  template: `<a-entity :io3d-furniture="'id:' + furnitureId"></a-entity>`
})

Take a look at index.html for the actual implementation.

Result:

Find furniture

furniture via 3d.io