hide screen on loading

This commit is contained in:
Adrien MALINGREY 2024-10-02 02:17:23 +02:00
parent bc4ba54c0a
commit 1a7628bb42
2 changed files with 9 additions and 5 deletions

2
app.js
View File

@ -291,7 +291,7 @@ let loadingManager = new THREE.LoadingManager(
) )
loadingManager.onStart = function (url, itemsLoaded, itemsTotal) { loadingManager.onStart = function (url, itemsLoaded, itemsTotal) {
loadingPercent.innerText = "0%" loadingPercent.innerText = "0%"
loadingDiv.style.display = "block" loadingDiv.style.display = "inherit"
} }
const stats = new Stats() const stats = new Stats()

View File

@ -1,15 +1,19 @@
body { background-color: black; } body { background-color: black; }
#loadingDiv { #loadingDiv {
position: absolute;
display: flex;
flex-flow: column;
box-sizing: border-box; box-sizing: border-box;
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
font-size: 1.4rem; font-size: 1.4rem;
color: lightsteelblue; color: lightsteelblue;
text-align: center; text-align: center;
position: absolute; width: 100%;
top: 50%; height: 100%;
left: 50%; background: black;
transform: translate(-50%, -50%); z-index: 1;
padding: 30vmin;
} }
.scene { .scene {