Step5.md

WebXR NL Workshop

Step 5

Custom Component

AFRAME.registerComponent('change-color', {​
  schema: {​
    color: {default: 'green'}​
  },​
​
  init: function () {       ​
  this.el.addEventListener('click',() => {​
     this.el.setAttribute('material', 'color', this.data.color);​
  })​
  }​
});​

<a-sphere color="blue" change-color="color:pink"...​