cgrail / webxr-ui5-local

A simple Augmented Reality shooter implemented in WebXR and SAP UI5

Augmented Reality shooter with WebXR and SAP UI5

This repository contains the code of a sample project I've used at some conferences to demonstrate how to develop Augmented Reality apps with WebXR and SAP UI5.

A runnable version of this initial version can be found here:

https://grails.de/webxr-ui5/webapp/

A runnable version of the solution can be found here:

https://grails.de/webxr-ui5-solution/webapp/

Requirements

To be able to run the web app you'll need to install the WebXR Viewer on your iPhone or iPad.

https://itunes.apple.com/us/app/webxr-viewer/id1295998056

To be able to debug your JavaScript Code, you need to download, build and install the WebXR Viewer from Source:

https://github.com/mozilla-mobile/webxr-ios

On an iPhone or iPad this app requires ARKit which runs on devices with at least an A9 processor or later like the iPhone 6s and iOS 11.

https://developer.apple.com/documentation/arkit/verifying_device_support_and_user_permission

Tutorial

The code in the master branch contains the initial version of the app. A step by step tutorial is available here:

https://github.com/cgrail/webxr-ui5/blob/master/tutorial.md

The full game is implemented in the solution branch.

https://github.com/cgrail/webxr-ui5/compare/solution

Technical Background

The app is using WebXR. WebXR is a standard which is currently being developed and supported by Microsoft, Google and Mozilla.

https://immersive-web.github.io/webxr/