← index

gaming/ · 08

AAA RPG Game UI (ProtoPie + Unity Plugin)

An end-to-end RPG game interface with out-of-game menu navigation, live scene switching, and real-time in-game HUD telemetry (coin count updates), built with the ProtoPie Unity Plugin and shipped alongside a published tutorial.

Fig. 1. Bi-directional interaction: ProtoPie menus drive Unity scene transitions, and in-game coin pickups update the live ProtoPie HUD counter.
Fig. 1. Bi-directional interaction: ProtoPie menus drive Unity scene transitions, and in-game coin pickups update the live ProtoPie HUD counter.

01 problem

Building and validating interactive in-game HUDs alongside out-of-game menus usually requires extensive custom UI programming in Unity. Game UI designers often struggle to test real gameplay feedback (like live score tracking and scene switching) without asking game developers to re-architect UI components.

02 approach

Designed an RPG game interface in ProtoPie Studio containing an interactive title menu, audio triggers, and an in-game gameplay HUD with a dynamic coin tally counter.

Built a multi-scene 3D environment in Unity (Main Menu and Island gameplay scenes) with player controller navigation and collectible item trigger colliders.

Integrated the ProtoPie Unity Plugin to map Send and Receive socket events between ProtoPie Connect and Unity's SceneManager.

Streamed live in-game collision data from Unity to ProtoPie to update score state variables in real time, and compiled a step-by-step tutorial published on the official ProtoPie blog.

03 stack

prototype ProtoPie Studio · RPG HUD & menus
host ProtoPie Connect
3d engine Unity Engine · WebGL export
bridge ProtoPie Unity Package · MessageInteraction.cs
guide ProtoPie Blog Tutorial Publication

04 outcome

ProtoPie UI triggers Unity scene transitions, while 3D in-game collisions (coin pickups) stream live numerical telemetry back to the ProtoPie HUD
Authored a step-by-step developer tutorial on the ProtoPie blog detailing message mapping tables and WebGL pipeline integration

The demo proved full bi-directional communication between ProtoPie and Unity: clicking UI buttons shifted 3D game scenes, and in-engine gameplay actions were immediately reflected on the overlay UI. The tutorial gives studios a clear blueprint for speeding up game UI iteration and improving designer-developer handoff.

05 artifacts

tutorial www.protopie.io/blog/game-ui-tutorial-protopie-connect-unity-plugin
video youtu.be/OqtVtgP8huI