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 → google-ar → Webar Article

google-ar / Webar Article

Licence: apache-2.0
WebAR-Article is a responsive and information rich website that is progressively enhanced with Augmented Reality content exposed through experimental web technologies.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

webglvraugmented-realityarwebvrwebxr

Projects that are alternatives of or similar to Webar Article

Jeelizar
JavaScript object detection lightweight library for augmented reality (WebXR demos included). It uses convolutional neural networks running on the GPU with WebGL.
Stars: ✭ 296 (+31.56%)
Mutual labels:  vr, augmented-reality, ar, webxr
lvr
👓 Augmented Reality for everyone - Out of the world experiences
Stars: ✭ 92 (-59.11%)
Mutual labels:  augmented-reality, vr, webvr, ar
Unity Webxr Export
Develop and export WebXR experiences using Unity WebGL
Stars: ✭ 130 (-42.22%)
Mutual labels:  webgl, augmented-reality, webvr, webxr
Webxr Polyfill
Use the WebXR Device API today, providing fallbacks to native WebVR 1.1 and Cardboard
Stars: ✭ 251 (+11.56%)
Mutual labels:  vr, augmented-reality, webvr, webxr
3dio Js
JavaScript toolkit for interior apps
Stars: ✭ 255 (+13.33%)
Mutual labels:  webgl, vr, ar, webvr
Exokit
Native VR/AR/XR engine for JavaScript 🦖
Stars: ✭ 809 (+259.56%)
Mutual labels:  webgl, webvr, webxr
Illixr
ILLIXR: Illinois Extended Reality Testbed
Stars: ✭ 33 (-85.33%)
Mutual labels:  vr, augmented-reality, ar
Worlds2
Building Virtual Reality Worlds using Three.js
Stars: ✭ 34 (-84.89%)
Mutual labels:  webgl, vr, webvr
Aframe Effects
A VR Ready Post processing framework for Three.js and/or A-Frame
Stars: ✭ 176 (-21.78%)
Mutual labels:  webgl, vr, webvr
Awesome Webar
📱 A curated list of awesome WebAR projects, resources, tools and more.
Stars: ✭ 39 (-82.67%)
Mutual labels:  augmented-reality, ar, webvr
Babylon.js
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
Stars: ✭ 15,479 (+6779.56%)
Mutual labels:  webgl, webvr, webxr
Engine
Fast and lightweight JavaScript game engine built on WebGL and glTF
Stars: ✭ 6,890 (+2962.22%)
Mutual labels:  webgl, webvr, webxr
React Force Graph
React component for 2D, 3D, VR and AR force directed graphs
Stars: ✭ 589 (+161.78%)
Mutual labels:  webgl, vr, augmented-reality
Patches
Patches is a visual programming editor for building WebVR and WebGL experiences.
Stars: ✭ 164 (-27.11%)
Mutual labels:  webgl, vr, webvr
Ideaspace
😎 Create interactive 3D and VR web experiences for desktop, mobile & VR devices
Stars: ✭ 344 (+52.89%)
Mutual labels:  vr, webvr, webxr
Aframe Vimeo Component
Stream Vimeo videos into WebVR.
Stars: ✭ 62 (-72.44%)
Mutual labels:  webgl, vr, webvr
Thehallaframe
WebVR demo that displays art
Stars: ✭ 120 (-46.67%)
Mutual labels:  webgl, vr, webvr
Webxr Handtracking
👐 WebXR hand tracking examples
Stars: ✭ 116 (-48.44%)
Mutual labels:  webgl, vr, webxr
Stereokit
An easy-to-use mixed reality library for building HoloLens and VR applications with C# and OpenXR!
Stars: ✭ 195 (-13.33%)
Mutual labels:  vr, augmented-reality, ar
Moonrider
🌕🏄🏿 Surf the musical road among the stars. Side project built by two people in a few months to demonstrate WebXR.
Stars: ✭ 292 (+29.78%)
Mutual labels:  webgl, webvr, webxr
View All Similar Projects ➔

WebAR-Article

About

Article is a responsive and information rich website that is progressively enhanced with Augmented Reality (AR) content exposed through experimental web technologies. Check out Article in action here:

https://google-ar.github.io/WebAR-Article/public/

To learn more about Article, check out the blog post here:

https://www.blog.google/products/google-vr/augmented-reality-web-everyone/

To learn more about the technologies behind WebAR-Article, please visit:

https://developers.google.com/ar/develop/web/getting-started

Getting Started

Prerequisites

WebAR-Article will work everywhere, desktop, tablet and mobile. However, if you want to experience WebAR-Article's AR content make sure you have installed WebARonARKit if you are on iOS or WebARonARCore on Android. If you aren't familar with these experimental browsers, please visit their respective github repository to learn how to get starting.

WebAR-Article is built using modern web development tooling, so before getting started make sure you have node and the npm package manager installed on your development machine.

Installing

Clone this repository and change directories into it and then install its dependencies.

git clone [email protected]:google-ar/webar-article.git article && cd article && npm install

Running

To view the site on desktop, start the webpack dev server by the following command:

npm run dev

Then open your browser and navigate to localhost:8000. To view Article's AR content, open either WebARonARCore on Android or WebARonARKit on iOS and navigate the browser to the IP address of the machine serving the site, followed by the port 8000: i.e. http://XXX.XXX.XXX.XXX:8000

Building

To build the site for deployment, run the following command:

npm run build

Once built, all the build files will be in the public folder.

Contributing

If you have fixes, we would love to have your contributions. Please read CONTRIBUTING.md for more information on the process we would like contributors to follow.

License

Apache License Version 2.0 (see the LICENSE file inside this repo).

Disclaimer

This is not an official Google product.

Built with

Credits

Links

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