How to fixed-position UI on a camera2d with smoothing enabled

entity

Hello everyone,

so i tried to solve the issue by tryNerror , docs and a lot of google usage but didn't have any luck so far.

Im working on a 2d Platformer game and using a camera2d attached to my Player-Character. This works fine so far. I also enabled the property smoothing of the camera2d for a better feel of the camera movement - works fine.

Now that i want to build the UI for the player stats like health, energy, skills, minimap and so on i checked multiple tutorials that all suggested putting the UI as a subnode of the Camera2d and thatfor having it relative positioned to the Camera2d's current position. It basicly works - but as soon the smoothing kicks in the UI floats out of the screen till the camera is completly centered again.

Im basicly trying to enforce my UI beeing always fixed-position in the current viewport by the camera without beeing influenced by the smoothing delay.

Im pretty sure there must be a way to solve those and if anyone could give me a hint on how to solve it i would be extremly thankfull :)!

ps: yes i can fix it by disable smoothing - thats not a solution (.

TwistedTwigleg

Welcome to the forums @entity!

Try putting your UI under a CanvasLayer node, as then it shouldn’t be tied to the movement of the Camera2D and should always be on top :smile:

entity

Hello TwistedTwigleg :)

sorry for my late response, was kinda busy the last days.

Thanks a lot for your suggestion :) it actually solved my problem. I had to put the UI as child of a Canvas Layer Node which as far as i understand adds another layer of rendering which is parallel to my other rendering but does not influence in positioning.

Thing i would mention for maybe others that may run into this issue - you need to put the CanvasLayer not to be a child of your Player, instead put it as a root child. This way it cant interfer with another nodes position rather than root.