Overview

Hotspots are used to allow the user to navigate through the scene. The Hotspot includes both a hitbox and camera component that determines the initial view you see in the browser.

SDKGuide_Hotpots01.mp4

1. How to create Hotspots

1. Select the Treasured Map in the Hierarchy, and in the Inspector select the Hotspots tab and click "+Create New"

   1. Click on the hotspot in the Hotspots dropdown in the Treasured Map script to get a preview of the hotspot camera.
   2. you can assign a name to the hotspot by changing the name of the game object. This change can also be seen in the objects dropdown.

   

2. Placing Hotspots

1. Once you have created a new hotspot, you will see it in the Hierarchy tab under Treasured Map > Hotspots > Hotspot. When selected in the scene it will appear as a red box with a camera above it (make sure Gizmos are visible). You can rename the hotspot in the Inspector and move it to the location you want using the widget. When not selected, only the name label will be shown.

1. When you have placed the hotspot in the desired location, you can adjust the size of the hitbox or camera. When doing so, be sure to have the specific component selected in the Hierarchy, and not the whole hotspot.

   1. The hitbox controls the area that can be clicked by the user within the browser preview that will move them to that hotspot. It can be scaled as needed, though it must not be too thin in order to function properly.
   2. The camera determines the initial view that the user will see in the browser preview at that particular hotspot. It can be moved and rotated as needed. The red frame shows the location and direction the camera is facing. Snapping to the camera gives you a general preview of the final image in the browser.

   

2. You can create and arrange more hotspots as needed. To arrange the order that they will play in the browser preview, simply drag them up or down in the Hierarchy.

   <aside> 🚫 Do not duplicate a hotspot, make sure to create a new hotspot each time as there is a unique ID that needs to be generated. Otherwise, the duplicate and original are treated as the same object.

   </aside>

3. Adding Actions

You can add actions to hotspots and interactables. Actions added to hotspots are performed when you land on the hotspot. Actions added to interactables are performed when you click on them.

SDKGuide_AddingActions.mp4

1. With the hotspot(s) in place, you can attach actions to them to be displayed in the browser preview. In the Inspector under Actions, click the "+" button to add an action group.