Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wearesimbol/a-simbol
A-Frame component for Simbol
https://github.com/wearesimbol/a-simbol
aframe webvr webxr
Last synced: about 2 months ago
JSON representation
A-Frame component for Simbol
- Host: GitHub
- URL: https://github.com/wearesimbol/a-simbol
- Owner: wearesimbol
- License: mit
- Created: 2018-07-31T06:04:16.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-02-20T17:22:01.000Z (almost 6 years ago)
- Last Synced: 2024-11-07T13:16:30.147Z (2 months ago)
- Topics: aframe, webvr, webxr
- Language: JavaScript
- Homepage: https://simbol.io
- Size: 2.15 MB
- Stars: 4
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# a-simbol
This is an [A-Frame](https://aframe.io) component for [Simbol](https://simbol.io) to easily integrate Simbol in declarative 3D sites
## Getting Started
Add it to your dependencies:
```bash
npm install -s a-simbol
```And then add the tag to your HTML:
```html
```
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````html
```
```js
document.querySelector('a-box').addEventListener('Simbol.selected', () => {
console.log('Box clicked');
});
```## Contributing
Check out the [Contribution guide](https://github.com/wearesimbol/simbol/blob/master/CONTRIBUTING.md)! If you have any questions, join our [community](http://spectrum.chat/simbol)
## License
This program is free software and is distributed under an [MIT License](https://github.com/wearesimbol/a-simbol/blob/master/LICENSE).