MSquared Unreal Engine
Integrate Other Page with MSquared Morpheus, enabling the use of web3 avatars, on-chain badges, leaderboards, payments, rewards, and more within Unreal Engine based MSquared worlds.
To learn more about the MSquared Platform, view the Documentation.
Create a Leaderboard Using Other Page, MSquared Morpheus, and MML
In this guide, we will walk you through the process of setting up a timer system, integrating it with Other Page for data tracking via badges, and displaying the top players on a leaderboard.
You’ll learn how to configure key Blueprints like BP_CoinClaim, BP_LeaderboardMesh, BP_StartTimer, BP_StopTimer, and BP_ResetTimer, all while ensuring smooth interaction with external APIs and seamless gameplay mechanics.
By the end of this tutorial, you’ll have a fully functional timer system and leaderboard in your game, ready to track player performance and display the best times!
Video Tutorial
Components Overview
BP_CoinClaim– enter the code obtained from the Other Page accountBP_LeaderboardMesh– Leaderboard (with the default mesh which you can change)BP_StartTimer– starts the timer (an invisible box collider that can be resized as needed)BP_StopTimer– stops the timer and keeps your time static on the screen (an invisible box collider that can be resized as needed)BP_ResetTimer– resets the time to 0 (an invisible box collider that can be resized as needed)
Folder Game Mode
BP_Origin_PlayerControllerTemple– all logic for starting, stopping, resetting the timer, and CoinClaim is located here
Parameters
Parameters you need to enter to send data to your account on other.page
HeaderXkeyCommunityBadgeApiUrl– enter it without the trailing slash, e.g., https://api.other.page/v1
The same parameters should be entered for WB_LeaderboardOP as well
You will need to obtain your API key and setup your community and badge in the Other Page Portal.
In World Settings
Set BP_Origin_GameModeTemple and enable GameMode Override for the timer logic to work.
Leaderboard
WB_LeaderboardOP– currently set to display the top 20 players with the best times. You can change the “F” field (refer to the API documentation)
OP API
The blueprints in this tutorial use three different Other Page API endpoints. You can make use of these endpoints outside of the blueprints to retrieve or update your leaderboard as needed: