Multitool : Diegetic UI

The idea for this project was to try out diegetic UI in Unreal Engine.

You play as an archaeological robot analyzing medieval objects, which made it really fun to integrate the UI into 3D space and make it interactive.

I also created a fully functional HUD (that’s diegetic too since you’re playing as a robot). 

I worked on some animations, like screen transitions, 3D spritesheet animations, and ones you can trigger. I also wanted to add some effects, so I worked on shaders like HUD curvature, UI Parallax, Chromatic aberration, and experimented with Niagara for the scan effect.

For more complex effects, such as the screen glitch, I recreated it by porting a Shadertoy GLSL shader into Unreal Engine’s material editor.

I coded movement, object scanning, and a fully functional HUD, including a compass, minimap, real-time objective updates, and customizable settings.

Tools used:

  • Figma
  • Adobe Photoshop
  • Adobe Illustrator
  • Blender
  • Unreal Engine