Tutorial: Halloween Treasure Hunt
Last updated
Last updated
In this tutorial, we'll guide you through the process of creating a Halloween-themed treasure hunt game using Unity and the NRSDK. The game will feature two roles: a treasure hider and a treasure seeker. The hider will place treasures (or "anchors") in the game world and leave clues for the seeker. The seeker will then use these clues to find the treasures. The game will utilize the Spatial Anchor feature of the NRSDK to place and find the treasures.
At the end of this tutorial, you will have a fully functional game where players can hide and seek treasures in a Halloween-themed environment.
Note: For your convenience, we've provided a Unity package of the final product. You can download it here to see what the finished game looks like.
This tutorial assumes that you have already imported the NRSDK into your Unity project. If you haven't done so, please follow the instructions in the NRSDK documentation to get started.
In addition to the NRSDK, you will also need the following assets and materials:
Scripts for game logic
First, import the assets and materials package into your Unity project. This package includes the 3D models for the treasures and the UI elements for the game interface. Arrange the 3D models in your game world to create a Halloween-themed environment.
Next, you'll need to create scripts for the game logic. The game will have two main scripts: ScoreManager
and LocalMapExample
.
The ScoreManager
script will keep track of the number of treasures found by the player. It will also update the score display on the game interface.
It's important to note that the score increment mechanism is triggered when an anchor (representing a treasure) becomes visible in the scene, which we define as the player successfully finding a treasure.
In this game, when the player clicks the "Start" button, the Load
method is called. This method loads all the anchors stored in memory into the scene but initially places them 10,000 meters away, beyond the camera's display range. Therefore, the player cannot see these anchors at first.
However, as the player moves around in the physical world and approaches the location where a treasure was placed, the corresponding anchor's state switches to "tracking". This state change causes the anchor's position to update to its stored location, making it visible in the scene. At this point, the AddScore
method is called to increment the player's score(See the picture below).
This mechanism ensures that the score only increases when the player has successfully found a treasure, i.e., when an anchor becomes visible in the scene.
The LocalMapExample script will handle the placement and retrieval of the treasures. It will use the Spatial Anchor feature of the NRSDK to place the treasures in the game world and to find them later.
In addition to the functionalities mentioned in the overview section, the LocalMapExample script used in this tutorial also includes an "EraseAllAnchors" function. This function allows the player to quickly delete all existing anchors by removing the XREAL Map folder, which is where the anchor files are stored. The folder will be automatically recreated the next time the application is launched. Alternatively, you can modify the EraseAllAnchors
method to delete the contents of the folder instead of the entire folder for more flexibility.This function can be useful for developers as a "Start New Game" method, allowing players to start a fresh game by erasing all previously placed anchors.
The game interface will include buttons for the player to choose their role (hider or hunter), to place and find treasures, and to display the score. You'll need to create these buttons using the UI elements from the assets and materials package.
To make the game simpler and more engaging, we've also included a feature that allows the 'Hider' to leave clues for the 'Seeker' to aid in their treasure hunt.
To manage the clicks of various buttons and the visibility switch between interfaces, we use a script named PanelManager
. This script handles all interface interactions, including button click events and panel display/hide operations.
In this tutorial, we won't detail the code of PanelManager
, but you can find it in the provided resource pack. This script is mainly for interface management and does not involve the core logic of the game, so we won't delve into it here.
However, there's a crucial point to note: when the "hider" player saves a treasure, if they place the anchor and quickly click save, there's a chance the save will fail. To address this, we need to get the callback of a successful anchor save and provide feedback to the user. The implementation of this feature involves three scripts: AnchorItems
, NRWorldAnchor
, and NRWorldAnchorStore
.(The modified scripts can be found in the Handle the Situation of Failed Anchor Saving, which can be directly replaced with the original scripts)
In the AnchorItems
script, we modified the Save
method, adding logic to check whether the save was successful. If the save fails, we display a failure panel. If the save is successful, we change the color of the save button to green.
In the NRWorldAnchorStore
script, we added a callback parameter in the SaveAnchor
method. If the save fails, the callback will receive false
, and if the save is successful, it will receive true
. You can now execute different logic based on the result of the save operation."
In the NRWorldAnchor script, we've modified the SaveAnchor
method to include a callback. This way, you can easily obtain the save status and act on specific logic accordingly.
With these modifications, we can provide user feedback based on the save status when saving an anchor.
Finally, test the game to ensure everything works as expected. You should be able to choose a role, place and find treasures, and see your score update as you find treasures. All these steps can be performed directly in the Unity Editor, so there's no need to package the game after each step. Only a final deployment to your mobile device for testing is necessary.Additionally, you can hold down the Shift key to move the ray, simulating the interaction with the game through a mobile device. The black area on the right side of the Unity Editor represents the screen of your mobile device.
That's it! You've now created a Halloween-themed treasure hunt game using Unity and the NRSDK. Happy hunting!
In this tutorial, you've learned how to create a treasure hunt game using Unity and the NRSDK. You've also learned how to use the Spatial Anchor feature of the NRSDK to place and find objects in the game world. We hope you found this tutorial helpful and that it inspires you to create your own games using these tools.