{"repo":"rodrigocam/ar-gif","free":true,"listed":false,"github":"https://github.com/rodrigocam/ar-gif","clone":"git clone https://github.com/rodrigocam/ar-gif.git","description":"Easy to use augmented reality web components","language":"JavaScript","stars":58,"topics":["threejs","jsartoolkit","web-component","augmented-reality","gif","gif-animation","web","ar-gif","javascript","html"],"license":"MIT","category":"game-templates","readme_excerpt":"AR-gif Easy to use augmented reality web components that support GIFs and Videos! Introduction ar-gif is an effort to bring augmented reality with web components in a easy way. It supports gif , png , jpg , mp4 and webm playing with pattern detection markers, but if you want to add new functionalities feel free to contribute. This web-component is used in Jandig, a project the aims to bring AR and Art for everyone. Usage ar-gif has a simple API, we have an ar-scene and one or more ar-markers. Each ar-scene is responsible to detect every marker inside it and each marker is reponsible to show his content. The \"patt\" attribute indicates which pattern will be registered for that marker and the content is the gif , image or video that will be played. For more information about how to use, check index.html in the example folder. Build To build AR-gif locally, to test or create new features, you need to use webpack-cli . You can use our shortcut on npm: bash $ npm install $ npm run build","default_branch":null,"files":null,"tree":[],"storefront":"/r/rodrigocam","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/rodrigocam/ar-gif/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}