Adding Loading bar in Editor

[rannus]

Hi all!

I’d like to set up a loading / progress bar from the threejs.org/editor

Is it possible and has anyone suggestions on how to do it?

Thanks a bunch!

[Mugen87]

This post might help:

Basic Loading Screen

I’ve recently used this code for a stackoverflow post. It shows how to create a basic loading screen with THREE.LoadingManager and a HTML based overlay with nice CSS animations. The loading screen disappears, as soon as all assets are loaded. Demo: https://jsfiddle.net/sojzu8a5/1/ If you don’t like the visuals of the loading screen, no problem. There is a huge selection of CSS loader animations:

[rannus]

Thanks a lot!

Tried to add it to my files, but just got the loading animation happening but nothing else. Three js is awesome and i’m very new to it. Since my background for years has been the visual part of 3D, i struggle with the code.
Do you think there might be a step by step tutorial / solution somewhere?

Thanks!

[Mugen87]

@rannus

Do you think there might be a step by step tutorial / solution somewhere?

Unfortunately no, not in conjunction with the editor.