[AR excellent open source project] column will regularly recommend some portability, secondary development and application, can be the actual scene of the actual engineering source code to share with you. This section is to share the use of ARKit to achieve the AR effect on the Web side!

requirements

WebARonARKit builds on iOS ARKit, which requires iOS devices with an A9 + processor running iOS 11. For best results, we recommend one of the following:

  • The device (2017).

  • IPad Pro (9.7, 10.5 or 12.9 inches)

  • IPhone 7 or later

Step 1: Download links

Author: Google – ar

Download link:

Github.com/google-ar/W…

Or click ‘Read the original’ below to download it

Step 2: Preview the project effect

Step 3: How to use it

Clone the WebARonARKit GitHub repository.

2. Start Xcode 9.

3. Use Xcode 9 to open the Xcode project (.xcodeProj) from the cloned WebARonARKit repository.

4. Select the WebARonARKit project file (the blue icon at the top of the left column) from the project navigator, then select WebARonARKit target Targets below.

5. Make sure the device is connected to the computer, and then select the device as the build target from the Product >> Destination menu or from the drop-down menu next to the Run button in the upper left corner of the user interface.

6. After the build is completed and pushed to the device, the app will open automatically. You may have to authorize the developer account to push it to the device by following the on-screen instructions. Note that it may take some time to install the correct user profile the first time you run the application.

To build an AR Web experience that can be used with WebARonARKit and WebARonARCore for Android, we recommend using three.ar.js, a library that works with the popular Three.js WebGL framework. Three.ar.js provides common AR building blocks, such as visible-light masks drawn on real-world surfaces and sample scenes.

debugging

Pages in WebARonARKit can be remotely examined and debugable using MacOS Safari, but this requires MacOS Safari 11.0 (available as Safari Technology Preview) or later. You can start your developer.apple.com/safari/tech… Safari 11.

How does WebARonARKit work

WebARonARKit is based on:

1. WKWebView: WKWebView is an iOS class that enables developers to embed Web views in their native applications and expose native device functionality to Web content through custom apis. In our case, we use WKWebView to expose ARKit functionality to Web content. Native/Web application frameworks such as Cordova use a similar approach.

2. Extensions to the WebVR API: The WebVR API (V1.1) provides most of the functionality we need for AR. We then extended it to add some other essentials: motion tracking, rendering of camera video feed, and a basic understanding of the real world.

For details, please refer to:

Github.com/google-ar/W…

For more machine learning, ARTIFICIAL intelligence, augmented reality, Unity, Unreal resources and technology dry goods, you can follow the public account: AIRX Community, learn together, progress together! AIRX ^ 3: cool developer learning service and communication platform (focus on ARVR, Unity, Unreal, CV, AI fields) to learn ARVR development, AIRX ^ 3!!