Customizing the Default Navigation Arrow

Changing the default 3D model of the location pin navigation

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.

Default navigation with orange arrow.

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.

Watch this video to learn more about location pins.

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.

Accessing the transform for 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.

Shaded semicircle at screen bottom.

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.

Uncheck the sprite renderer on the game object to hide the shaded semicircle from the default navigation.

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.

Changing animation in the inspector window.

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

Location pin navigation with new 3D model replacing the default arrow.