JavaScript augmented-reality webgl webvr
Need help with WebAR-Article?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
google-ar

Description

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

218 Stars 48 Forks Apache License 2.0 14 Commits 2 Opened issues

Services available

Need anything else?

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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.