GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → liyasthomas → lvr

liyasthomas / lvr

Licence: MIT license
👓 Augmented Reality for everyone - Out of the world experiences

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

threejspolymera-frameaugmented-realityvrwebvraraframevirtual-realitythree-jswebararjsliyasthomas

Projects that are alternatives of or similar to lvr

Ar.js
Image tracking, Location Based AR, Marker tracking. All on the Web.
Stars: ✭ 3,048 (+3213.04%)
Mutual labels:  threejs, augmented-reality, ar, aframe, webar
3dio Js
JavaScript toolkit for interior apps
Stars: ✭ 255 (+177.17%)
Mutual labels:  threejs, vr, webvr, ar, aframe
A Mmd
A-Frame MMD component
Stars: ✭ 74 (-19.57%)
Mutual labels:  threejs, vr, webvr, aframe, three-js
kalwalt-interactivity-AR
Some various experiments with Ar.js and Three.js
Stars: ✭ 65 (-29.35%)
Mutual labels:  threejs, augmented-reality, ar, aframe, webar
Awesome Aframe
[DISCONTINUED] Collection of awesome resources for the A-Frame WebVR framework.
Stars: ✭ 1,310 (+1323.91%)
Mutual labels:  threejs, vr, webvr, aframe, virtual-reality
Aframe
🅰️ web framework for building virtual reality experiences.
Stars: ✭ 13,428 (+14495.65%)
Mutual labels:  threejs, vr, webvr, aframe, virtual-reality
aframe-registry
[DISCONTINUED] Curated collection of community A-Frame components.
Stars: ✭ 76 (-17.39%)
Mutual labels:  threejs, vr, webvr, aframe, virtual-reality
A Painter
🎨 Paint in VR in your browser.
Stars: ✭ 539 (+485.87%)
Mutual labels:  threejs, vr, webvr, aframe, virtual-reality
Ideaspace
😎 Create interactive 3D and VR web experiences for desktop, mobile & VR devices
Stars: ✭ 344 (+273.91%)
Mutual labels:  threejs, vr, webvr, aframe, virtual-reality
Patches
Patches is a visual programming editor for building WebVR and WebGL experiences.
Stars: ✭ 164 (+78.26%)
Mutual labels:  threejs, vr, webvr, virtual-reality, three-js
Aframe Inspector
🔍 Visual inspector tool for A-Frame. Hit *<ctrl> + <alt> + i* on any A-Frame scene.
Stars: ✭ 469 (+409.78%)
Mutual labels:  threejs, vr, webvr, aframe, virtual-reality
a-blast
💥 Save the World From the Cutest Creatures in the Universe!
Stars: ✭ 116 (+26.09%)
Mutual labels:  threejs, vr, webvr, aframe, virtual-reality
Aframe Vimeo Component
Stream Vimeo videos into WebVR.
Stars: ✭ 62 (-32.61%)
Mutual labels:  threejs, vr, webvr, aframe
Polymer
🎨 graphics + interaction engine
Stars: ✭ 243 (+164.13%)
Mutual labels:  augmented-reality, vr, ar, virtual-reality
Webxr Polyfill
Use the WebXR Device API today, providing fallbacks to native WebVR 1.1 and Cardboard
Stars: ✭ 251 (+172.83%)
Mutual labels:  augmented-reality, vr, webvr, virtual-reality
Aframe Effects
A VR Ready Post processing framework for Three.js and/or A-Frame
Stars: ✭ 176 (+91.3%)
Mutual labels:  threejs, vr, webvr, aframe
Thehallaframe
WebVR demo that displays art
Stars: ✭ 120 (+30.43%)
Mutual labels:  threejs, vr, webvr, aframe
Worlds2
Building Virtual Reality Worlds using Three.js
Stars: ✭ 34 (-63.04%)
Mutual labels:  threejs, vr, webvr, virtual-reality
V2R
Code for our IJCAI 2020 paper: "Keep It Real: a Window to Real Reality in Virtual Reality".
Stars: ✭ 20 (-78.26%)
Mutual labels:  augmented-reality, vr, ar, virtual-reality
Remixvr
RemixVR is a tool for collaboratively building customisable VR experiences.
Stars: ✭ 129 (+40.22%)
Mutual labels:  threejs, vr, webvr, virtual-reality
View All Similar Projects ➔

Build Status GitHub release repo size license contributions welcome Website Donate

Lvr Lvr

👓 Virtual reality for everyone by Liyas Thomas

Features ✨

👓 Virtual Reality made simple: Lvr contains the 3D and WebVR boilerplates required to get running across platforms including mobile, desktop, Vive, and Rift. It works on any phone with WebGL and WebRTC.

❤️ 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!

🔌 Entity-Component Architecture: Lvr is a powerful framework on top of 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, and WebGL.

⚡ Performance: Lvr is a thin framework on top of AR.js and A-Frame. 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 experiences. It runs efficiently even on mobile phones!

🌐 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 + jsartoolkit5.

Getting started

These 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.

Prerequisites

What things you need to install the software and how to install them.

  • A device which supports WebGL and WebRTC with a working camera input
  • Internet connection
  • A web browser that supports WebVR. Works best with Chrome on Android devices. You can still experience WebVR content in other browsers on Android and iOS, but it might not be as smooth since those browsers don’t fully support WebVR
  • Wonder! ❤️

Lvr

Demo: Try it on mobile 📱

It works on all platforms. Android, iOS and Windows phone. It runs on any browser with WebGL and WebRTC (for iOS, you need to update to iOS 11).

Try on your phone in only two easy steps, check it out!

  1. Open marker image from here in your browser.
  2. Open my augmented reality web app in your phone browser. Give permissions to access camera. Scan marker image with your camera.

You're done! It will open a web page which read the phone's webcam, localize a marker and add 3D on top of it.


Lvr

Installing

A step by step series of examples that tell you've to get a development environment running.

  1. Download the whole zip/clone the repository.
  2. Unzip and make changes.
  3. Save and deploy to any hosting platforms like Firebase, GitHub pages etc.

Built with

  • AR.js - For efficient augmented reality for the web
    • three.js - For being a great library to do 3d on the web
    • ARToolKit - Years of development and experiences on doing augmented reality
    • emscripten and asm.js - Thus we could compile ARToolKit C into JavaScript
  • A-Frame - Web framework for building virtual reality experiences
  • Chromium - Thanks for being so fast!
  • HTML - For the web framework
  • CSS - For styling components

Contributing

Please read CONTRIBUTING for details on our CODE OF CONDUCT, and the process for submitting pull requests to us.

Continuous Integration

We use Travis CI for continuous integration. Check out our Travis CI Status.

Versioning

This project is developed by Liyas Thomas using the Semantic Versioning specification. For the versions available, see the releases on this repository.

Authors

Lead Developers

Thanks

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Change log

See the CHANGELOG file for details.

Acknowledgments

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].