html5 export and splashscreen

Archive
1
:information_source: Attention Topic was automatically imported from the old Question2Answer platform.
:bust_in_silhouette: Asked By bobokox
:warning: Old Version Published before Godot 3 was released.

Hey!

I noticed that the splashscreen is not displayed with html5 export. i want it instead of this strange looking “downloading data” screen. is it possible to change this somehow?

thank you!

sparks’ answer is correct, you can use

background-image: url("splash.png");
background-size: 100% 100%;

for a stretched image or

background-image: url("splash.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;

for a scaled image.

If you want splash images to work automatically from Godot’s export, please open an issue on Github.

If you want to get rid of the status text display, add display: none; to the #status block, like this:

#status {
    display: none;
    line-height: 1.3;
    cursor: pointer;
    visibility: visible;
    padding: 4px 6px;
}

Players will miss out on important messages though, which makes for bad usability. For example, the failure message when cookies are disabled won’t come up.

eska | 2017-04-13 19:22

thank you very much!

bobokox | 2017-04-14 20:16

4
:bust_in_silhouette: Reply From: sparks

All I know is, that you can edit the html.
Open the exported .html file with some program to edit the html (like notepad++):

/* Canvas / wrapper
 * ================ */

#container {
  display: inline-block; /* scale with canvas */
  vertical-align: top; /* prevent extra height */
  position: relative; /* root for absolutely positioned overlay */
  margin: 0;
  border: 0 none;
  padding: 0;
  background-color: #111;
}

For example: Change background-color: #111;, which is almost black, to background-color: white; or whatever you need. Mess around with all these style settings.