Here is a link to a project that shows how to customize the loading screen of your game (HTML5 only). I replaced the white text with purcentage by a more elegant progress bar and the logo od GDevelop. freetalent.fr/gd/samples/loader.zip
You just need to add the source of your project loader.js the script. There is nothing else to do, it’s automatic.
Could you make it so it uses external images for the logo and such instead of storing it inside JS as base64? I feel this would make it more flexible to use, without the need to learn JS (you basically just replace images with ones you want/need and are done).
What might be the problem when loading bar is stuck in one spot? It loads normally, but when it reach that point, it stops. I try example what was in the first post to my game and did not change anything and the example did not worked like it should be? Or is that example that kind of thing I have to change something?
The file is surely outdated, you’ll have to check this modified file and see how it creates the new PIXI objects, then you’ll have to apply the code in the right place.
Now, as GD supports multiple renderers (PIXI and Cocos), the function has been abstracted from specific renderer functions, it just call an external function to render the loading percent, this function depends on the renderer. If you export the game with the PIXI renderer, the file you are searching for is located at:
The first function initializes the PIXI objects, the second function uses the PIXI objects to render the text, the parameter is the loading percent (between 0 and 100).
So, if you want a custom loading screen, you’ll have to create the PIXI sprites, tiled sprites, texts, etc. in the first function. Then, in the second function, use the objects to render based on the progress parameter “percent”
If you want to do it with the Cocos renderer, you’ll have to check its custom loading-screen-renderer file