loading-screen

NOTE: This version of the documentation tracks unstable development happening on A-Frame’s master branch. If you wish to try it out, grab the unstable build. Otherwise, head to the documentation for the current 1.6.0 version

The loading screen component configures the loading screen visual style.

To configure the style of the loader title bar one can redefine .a-loader-title style. The example below sets the text color to red:

.a-loader-title {
color: red;
}

The title text is set to whatever is in document.title or <title></title>.

Example

The example below sets the background color to black and dots color to red.

<a-scene loading-screen="dotsColor: red; backgroundColor: black"></a-scene>

Properties

Property Description Default Value
dotsColor Loader dots color. white
backgroundColor Loader background color. #24CAFF
enabled Enables / Disables the loading screen. true