hide screen on loading
This commit is contained in:
parent
bc4ba54c0a
commit
1a7628bb42
2
app.js
2
app.js
@ -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()
|
||||||
|
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user