ARwayKit SDK
❱ HOMEPAGE⚎ DEVELOPER PORTAL
  • Introduction
  • Change Log
  • FAQ
  • ARWAY SDK
    • Getting Started
    • Building from the Source Code
    • Integrating the Unity Package
    • Managing App Localizations
      • Enabling Right-to-Left (RTL) Text
    • Sample Scenes
      • Dashboard
      • AR Map Session
    • Branding the Sample App
      • Replacing ARway Logos in the Sample App
    • Third Party
    • SDK Upgrade Guide
      • 3.1.0 -> 3.1.4
      • 3.0.1 -> 3.1.0
      • 3.0.0 -> 3.0.1
      • 2.5.1 -> 3.0.0
      • 2.3.1 -> 2.5.1
      • 2.3 -> 2.3.1
    • Enhancing the Sample App
      • Instant Location Pin Navigation
      • Customizing the Default Navigation Arrow
      • Initializing AR Using an IAP
  • Maps Studio
    • Overview
    • Maps Studio
      • Creating a Map
      • Editing Map Details
      • Uploading Content
      • QR Codes
      • Image Access Points (IAPs)
      • Floorplans
      • Using the Editor
      • Occlusion
      • Analytics
  • ARwayKit SDK Integrations
    • Flutter
      • Quickstart in Flutter
    • React Native
      • Quickstart in React Native
    • Android Kotlin
      • Quickstart in Android Kotlin
    • Android Java
      • Quickstart in Android Java
    • iOS Swift
      • Quickstart in iOS Swift
  • Deep Linking
    • What is Deep Linking?
    • Creator Portal Changes
    • Modifying the SDK
    • Configuring Server Files
  • DEVELOPER FEEDBACK
    • Support
Powered by GitBook
On this page
  • Using the Default Arrow Navigation Style
  • Swapping the .glb File
  • Getting a New Model
  • Swapping the Model
  • Adjusting Model
  1. ARWAY SDK
  2. Enhancing the Sample App

Customizing the Default Navigation Arrow

Changing the default 3D model of the location pin navigation

PreviousInstant Location Pin NavigationNextInitializing AR Using an IAP

Last updated 1 year ago

The default navigation arrow on the platform is a .glb 3D model that rotates in place. Below is an example of what the default orange arrow looks like.

This model is added as an asset to the the sample app and can be found at:

/Assets/ARWay/ViewerMode/3_Assets/Models/arrowNew.glb

Using the Default Arrow Navigation Style

The default navigation icon is used for location pin turn-by-turn navigation and is one of the available navigation styles for location pins.

This navigation style can be set in the Creator Portal Studio for the location.

To change the navigation style of your location pins, follow these steps: Go to the Creator Portal, navigate to the My Maps tab, select a map, click the Open in Studio button, then, at the top, click the Location Pins button. Finally, select a location pin and choose the navigation style.

This navigation style is displayed to the map visitor when they are navigating to the location pin.

The default arrow navigation will also be used when the map visitor is more than 3 meters away from a path created in the Creator Portal Studio.

Swapping the .glb File

Getting a New Model

If you prefer using a 3D model other than the default arrow, you can replace the existing 3D model.

Start by converting the model to .glb format using any 3D modeling editor. Afterward, rename it to arrowNew.glb. The reason for naming it this way is that it replaces the existing arrow 3D model file.

Swapping the Model

To replace the current model, swap out your new arrowNew.glb file with the one in the/Assets/ARWay/ViewerMode/3_Assets/Models/ folder. Now when you build the sample app, the default arrow will be replaced with your 3D model.

Adjusting Model

One thing you may notice is that the scale, rotation, and positioning of your new 3D model may appear off. These settings can be adjusted from the DefaultArrow prefab.

First, open the prefab DefaultArrow located at /Assets/ARWay/Resources/ARContent/DefaultArrow.Then navigate to the Location Pin Arrow object from the hierarchy. DefaultArrow -> Location Pin Arrow.

When you have the location pin arrow selected, you can modify the transform settings of the 3D model.

Removing the Shaded Semicircle from the Screen

After adding the new model, you may notice that a background for the shaded semicircle still appears at the bottom of the screen.

To remove the semicircle, in the DefaultArrow prefab and select the Arrow Background game object from the hierarchy. DefaultArrow -> Location Pin Arrow -> Arrow Background.

Then in the inspector window, uncheck the Sprite Renderer on the game object.

Settings for Animated 3D Models

If your chosen 3D model has an animation that isn't playing, try switching the animation from Mecanim to Legacy in the inspector window.

In the Project tab, navigate to /Assets/ARWay/ViewerMode/3_Assets/Models/arrowNew.glb. Then, in the inspector window, change the animation from Mecanim to Legacy.

With these changes, you can build your app to preview the updated default navigation model.

to learn more about location pins.

Watch this video
Default navigation with orange arrow.
Accessing the transform for the 3D model.
Shaded semicircle at screen bottom.
Uncheck the sprite renderer on the game object to hide the shaded semicircle from the default navigation.
Changing animation in the inspector window.
Location pin navigation with new 3D model replacing the default arrow.