aframe-jsonloader-component/aframe_jsonloader.js

Initializes aframe components using json

AFRAME.registerComponent('jsonloader', {

  schema: {
    url: {type: 'string', default: "" }
  },

  init: function () {

    let data = this.data;
    let el = this.el;

    // add kids convert from a datastore
    let callback = function(json) {
      for(let i = 0; i < json.length ; i++) {
        let r = json[i];
        let e = document.createElement('a-entity');
        Object.keys(r).forEach(function (key) { 
          let value = r[key];
          e.setAttribute(key,r[key]);
          e.setAttribute(key,r[key]);
        });
        el.appendChild(e);
      }
    };

    // go ahead and ask for the data
    fetch(data.url || "data/sample.json").then(response => response.json()).then(json => callback(json));
  }

});