Using editor to design custom loading screen?

Hi, I am wanting to use the editor to design and use my custom loading screen so that it is the same size and has the same scaling as the game does. Currently the custom loading screen examples I’ve seen use HTML and CSS.

Is this possible ?

Hi Richard.

If your game does not autofill window space, then you will need to get its positioning and size in window.
Which can be done by using this:
app.graphicsDevice.canvas.getBoundingClientRect();
This will give you object with sizing and positioning values, all you need to position/resize your loading screen element to match the game one.

You can do it in createLoadingScreen callback.
Bear in mind if users playing from mobile, or resizing their window, then size will change, so you want to update position/size of your element on those occasions until loading is finished.

1 Like

Great, thanks. I’ll check that out.