{"id":13733088,"url":"https://github.com/liyasthomas/lvr","last_synced_at":"2025-07-13T20:35:41.899Z","repository":{"id":51999141,"uuid":"129440101","full_name":"liyasthomas/lvr","owner":"liyasthomas","description":"👓 Augmented Reality for everyone - Out of the world experiences","archived":false,"fork":false,"pushed_at":"2023-04-24T00:40:48.000Z","size":49089,"stargazers_count":98,"open_issues_count":2,"forks_count":9,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-09T04:51:13.692Z","etag":null,"topics":["a-frame","aframe","ar","arjs","augmented-reality","liyasthomas","polymer","three-js","threejs","virtual-reality","vr","webar","webvr"],"latest_commit_sha":null,"homepage":"https://liyasthomas.github.io/lvr","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/liyasthomas.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null},"funding":{"open_collective":"liyasthomas","patreon":"liyasthomas","custom":"https://www.paypal.me/liyascthomas"}},"created_at":"2018-04-13T18:33:34.000Z","updated_at":"2025-01-23T14:49:25.000Z","dependencies_parsed_at":"2024-02-05T23:56:11.571Z","dependency_job_id":null,"html_url":"https://github.com/liyasthomas/lvr","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/liyasthomas/lvr","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyasthomas%2Flvr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyasthomas%2Flvr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyasthomas%2Flvr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyasthomas%2Flvr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/liyasthomas","download_url":"https://codeload.github.com/liyasthomas/lvr/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liyasthomas%2Flvr/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265200539,"owners_count":23726846,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["a-frame","aframe","ar","arjs","augmented-reality","liyasthomas","polymer","three-js","threejs","virtual-reality","vr","webar","webvr"],"created_at":"2024-08-03T03:00:37.515Z","updated_at":"2025-07-13T20:35:41.867Z","avatar_url":"https://github.com/liyasthomas.png","language":"HTML","funding_links":["https://opencollective.com/liyasthomas","https://patreon.com/liyasthomas","https://www.paypal.me/liyascthomas"],"categories":["Experiences","HTML"],"sub_categories":["Motion Controllers inside Unity!"],"readme":"[![Build Status](https://travis-ci.com/liyasthomas/lvr.svg?branch=master)](https://travis-ci.com/liyasthomas/lvr) [![GitHub release](https://img.shields.io/github/release/liyasthomas/lvr/all.svg)](https://github.com/liyasthomas/lvr/releases/latest) [![repo size](https://img.shields.io/github/repo-size/liyasthomas/lvr.svg)](https://github.com/liyasthomas/lvr/archive/master.zip) [![license](https://img.shields.io/github/license/liyasthomas/lvr.svg)](https://github.com/liyasthomas/lvr/blob/main/LICENSE) [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/liyasthomas/lvr/issues) [![Website](https://img.shields.io/website-up-down-green-red/https/shields.io.svg?label=website)](https://liyas-thomas.firebaseapp.com) [![Donate](https://img.shields.io/badge/$-donate-ff69b4.svg)](https://www.paypal.me/liyascthomas)\n\n# Lvr \u003cimg src=\"assets/images/favicon.png\" alt=\"Lvr\" width=\"32\"\u003e\n\n### :eyeglasses: Virtual reality for everyone by [Liyas Thomas](https://github.com/liyasthomas)\n\n### Features :sparkles:\n\n:eyeglasses: **Virtual Reality made simple**: Lvr contains the 3D and [WebVR](https://webvr.info) boilerplates required to get running across platforms including mobile, desktop, Vive, and Rift. It works on any phone with [WebGL](https://caniuse.com/#feat=webgl) and [WebRTC](https://caniuse.com/#feat=stream).\n\n:heart: **Declarative HTML**: HTML is easy to read and copy-and-paste. Since Lvr can be used from HTML, Lvr is accessible to everyone: web developers, VR enthusiasts, educators, artists, makers, kids. It is completely open source and free of charge!\n\n:electric_plug: **Entity-Component Architecture**: Lvr is a powerful framework on top of [three.js](https://github.com/mrdoob/three.js), providing a declarative, composable, reusable entity-component structure. While Lvr can be used from HTML, developers have unlimited access to JavaScript, DOM APIs, three.js, [WebVR](https://webvr.info), and [WebGL](https://caniuse.com/#feat=webgl).\n\n:zap: **Performance**: Lvr is a thin framework on top of [AR.js](https://github.com/jeromeetienne/AR.js) and [A-Frame](https://github.com/aframevr/aframe). Although A-Frame uses the DOM, A-Frame does not touch the browser layout engine. Performance is a top priority, being battle-tested on highly interactive [WebVR](https://webvr.info) experiences. It runs efficiently even on mobile phones!\n\n:globe_with_meridians: **Cross-Platform**: Build VR applications for Vive, Rift, Daydream, GearVR, and Cardboard. Don't have a headset or controllers? No problem! Lvr still works on standard desktop and smartphones. It is a pure web solution, so no installation required. Full JavaScript based on [three.js](https://github.com/mrdoob/three.js) + [jsartoolkit5](https://github.com/artoolkit/jsartoolkit5).\n\n---\n\n## Getting started\n\nThese instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.\n\n### Prerequisites\n\nWhat things you need to install the software and how to install them.\n\n- A device which supports [WebGL](https://caniuse.com/#feat=webgl) and [WebRTC](https://caniuse.com/#feat=stream) with a working camera input\n- Internet connection\n- A web browser that supports [WebVR](https://webvr.info). Works best with Chrome on Android devices. You can still experience [WebVR](https://webvr.info) content in other browsers on Android and iOS, but it might not be as smooth since those browsers don’t fully support [WebVR](https://webvr.info)\n- [Wonder](\u003chttps://en.wikipedia.org/wiki/Wonder_(emotion)\u003e)! :heart:\n\n\u003cdiv align=\"center\"\u003e\n  \u003cbr\u003e\n  \u003cimg src=\"https://mixedreality.mozilla.org/static/devices-3c0ceed45357ed262a2b4f54c5c71adb.png\" alt=\"Lvr\" width=\"100%\"\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/div\u003e\n\n### Demo: Try it on mobile :iphone:\n\nIt works on all platforms. Android, iOS and Windows phone. It runs on **any browser with [WebGL](https://caniuse.com/#feat=webgl) and [WebRTC](https://caniuse.com/#feat=stream)** (for iOS, you need to update to iOS 11).\n\nTry on your phone in only two easy steps, check it out!\n\n1. Open [marker image from here](https://github.com/liyasthomas/lvr/blob/main/assets/images/patterns/barcode/1.png) in your browser.\n2. Open my [augmented reality web app](https://liyasthomas.github.io/lvr) in your phone browser. Give permissions to access camera. Scan marker image with your camera.\n\nYou're done! It will open a web page which read the phone's webcam, localize a marker and add 3D on top of it.\n\n\u003cdiv align=\"center\"\u003e\n  \u003cbr\u003e\n  \u003cimg src=\"assets/images/screely.gif\" alt=\"Lvr\" width=\"100%\"\u003e\n  \u003cbr\u003e\n\u003c/div\u003e\n\n### Installing\n\nA step by step series of examples that tell you've to get a development environment running.\n\n1. Download the whole zip/clone the repository.\n2. Unzip and make changes.\n3. Save and deploy to any hosting platforms like Firebase, GitHub pages etc.\n\n---\n\n## Built with\n\n- **[AR.js](https://github.com/jeromeetienne/AR.js)** - For efficient augmented reality for the web\n  - [three.js](https://github.com/mrdoob/three.js) - For being a great library to do 3d on the web\n  - [ARToolKit](https://github.com/artoolkit/artoolkit5) - Years of development and experiences on doing augmented reality\n  - [emscripten](https://github.com/kripken/emscripten) and [asm.js](https://github.com/dherman/asm.js) - Thus we could compile ARToolKit C into JavaScript\n- **[A-Frame](https://github.com/aframevr/aframe)** - Web framework for building virtual reality experiences\n- **[Chromium](https://github.com/chromium/chromium)** - Thanks for being so fast!\n- HTML - For the web framework\n- CSS - For styling components\n\n---\n\n## Contributing\n\nPlease read [CONTRIBUTING](CONTRIBUTING.md) for details on our [CODE OF CONDUCT](CODE_OF_CONDUCT.md), and the process for submitting pull requests to us.\n\n---\n\n## Continuous Integration\n\nWe use [Travis CI](https://travis-ci.com) for continuous integration. Check out our [Travis CI Status](https://travis-ci.com/liyasthomas/lvr).\n\n---\n\n## Versioning\n\nThis project is developed by [Liyas Thomas](https://github.com/liyasthomas) using the [Semantic Versioning specification](https://semver.org). For the versions available, see the [releases on this repository](https://github.com/liyasthomas/lvr/releases).\n\n---\n\n## Authors\n\n### Lead Developers\n\n- [**Liyas Thomas**](https://github.com/liyasthomas) - _Author_\n\n### Thanks\n\n- [Jerome Etienne](https://github.com/jeromeetienne) - For [AR.js](https://github.com/jeromeetienne/AR.js)\n\nSee also the list of [contributors](https://github.com/liyasthomas/lvr/graphs/contributors) who participated in this project.\n\n---\n\n## License\n\nThis project is licensed under the [MIT License](https://opensource.org/licenses/MIT) - see the [LICENSE](LICENSE) file for details.\n\n---\n\n## Change log\n\nSee the [CHANGELOG](CHANGELOG.md) file for details.\n\n---\n\n## Acknowledgments\n\n- Hat tip to anyone who's code was used\n- Inspirations:\n  - [Google VR](https://vr.google.com)\n  - [Google ARCore](https://developers.google.com/ar)\n  - [Google WebVR Experiments](https://experiments.withgoogle.com/webvr)\n  - [Google AR Experiments](https://experiments.withgoogle.com/ar)\n  - [Apple ARKit](https://developer.apple.com/arkit)\n  - [Microsoft HoloLens](https://www.microsoft.com/en-us/hololens)\n  - [YouTube](https://www.youtube.com)\n  - [A-Frame](https://aframe.io)\n  - [three.js](https://threejs.org)\n  - [CodePen](https://codepen.io)\n  - [GitHub](https://github.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliyasthomas%2Flvr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliyasthomas%2Flvr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliyasthomas%2Flvr/lists"}