Is there a way to have smooth layout changes with loading on non-web platform (Android app, IOS app, etc...)?
Currently, I have a image that says "Loading", but I can't animate it because during animation it freezes to load the next layout.
What about something like a fade to black (color) effect:
Develop games in your browser. Powerful, performant & highly capable.
NicotineLL Thanks so much for your the help! However, that still won't work because although it will animate the overlay, the game will still freeze when going to layout 2. The only reason why this example looks smooth is because the example is very lightweight. When you have many more lines of code and more sprites, changing to another layout takes about 2.5-3 seconds.
I don't think anything can be done about it currently. An extreme solution would be to have only on layout and impliment your own loading. Then you could make it load over multiple frames instead in one frame. Still I think the main thing that affects the loading time is loading the graphics of that layout into VRAM.
Have you tested it though? I tried replicating a heavy load, but it still changed smoothly.
If executed right the overlay opacity would happen before we even call the second layout (from 0% to 100%) and after we loaded the second layout (from 100% to 0%). That would mean that the freeze would happen in between, when the overlay is at 100% opacity.