Comment on page

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:

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/ARwayKitSDK/SampleApp/3_Assets/Models/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 ARMapSession scene.
First, switch to the scene ARMapSession. Then navigate to the Location Pin Arrow object from the hierarchy. ARMapSession -> --------AR-------- -> XR Origin -> Camera Offset -> Main Camera -> 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, open the ARMapSession scene and select the Arrow Background game object from the hierarchy. ARMapSession -> --------AR-------- -> XR Origin -> Camera Offset -> Main Camera -> 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.

Previewing Changes

For a quick preview of these changes, enter Play Mode in the Unity editor and ensure the 3D model is visible. To do this, click the Play icon at the top center of the screen and choose the Location Pin Arrow from the hierarchy. From there, toggle the arrow's visibility by clicking the checkbox to the left of the game object name in the inspector window.
Previewing the new default navigation style.
Then you can see how the new 3D model will look on the screen.

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 -> ARwayKitSDK -> SampleApp -> 3_Assets -> Models -> Models -> arrowNew. 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.