Best Practices for UI on Multiple Devices

[Leonidas]

Hi @adkaros and welcome,

Definitely both options are great and come with their set of benefits / drawbacks.

Playcanvas UI elements have evolved so much that I’d say it’s a very robust solution and most likely your first option when it comes to building a game UI. Also if you are planning to do 3D UI or VR interfaces then it’s the only way, since HTML/CSS can’t be rendered there.

Here is a helpful post with some thoughts on how the Playcanvas UI elements scale between different devices/displays:

2D UI scaling on large and small screens

I would like to learn ways I could implement the UI screen using the 2D Screen system of the engine. The game can be run on both PC browsers and phone devices, so ideally it should scale and maintain relative position of the elements accordingly. Here is my current Home Screen view of the game, which uses my current attempt: [image] [image] The bottom tint, is a semi-transparent Image Element, which I use as a footer. You can see the hierarchy here: [image] That footer background is set s…