a-simbol

A-Frame component for Simbol

Usage no npm install needed!

<script type="module">
  import aSimbol from 'https://cdn.skypack.dev/a-simbol';
</script>

README

a-simbol

This is an A-Frame component for Simbol to easily integrate Simbol in declarative 3D sites

Getting Started

Add it to your dependencies:

npm install -s a-simbol

And then add the tag to your HTML:

<a-simbol hand="right" virtualpersona="{'signIn': true}"></a-simbol>

Check it out on glitch: https://glitch.com/edit/#!/a-simbol-example

Adding interactions

It also provides the component simbol-selectable, add it to any entity and it will emit the following events with Simbol's interaction system:

  • Simbol.selected
  • Simbol.unselected
  • Simbol.hover
  • Simbol.unhover
<a-box simbol-selectable></a-box>
document.querySelector('a-box').addEventListener('Simbol.selected', () => {
    console.log('Box clicked');
});

Contributing

Check out the Contribution guide! If you have any questions, join our community

License

This program is free software and is distributed under an MIT License.