Loading screen using engine only

Help & Support
1

Is it possible to create a loading page using only the playcanvas engine code?

like three.js

Or is there any way to make loading page?

and How to know render is done?

I want to display loading whenever I change model. I’m not sure how to approach it.

Thanks

2

Yes, it is possible. You can do it in a number of ways such as using the UI elements, a bouncing cube as shown in your video, etc.

Here’s an example with the editor https://developer.playcanvas.com/en/tutorials/load-assets-with-a-progress-bar/

But most of the code and logic is the same.

3

Thank @yaustar

I am going to use it not only for the first time but also for every model change in the interim. How do I know if the model render is finished?

Can I just check to see if the eset is loaded? like thie?https://github.com/playcanvas/engine/blob/master/examples/camera/orbit.html#L58

4

In the example project I linked to, there is an event that is fired on the asset when it is fully loaded that you can listen to.