David `Deltakosh` Catuhe 5 年之前
父節點
當前提交
7417063a30
共有 3 個文件被更改,包括 1717 次插入17 次删除
  1. 1700 1
      dist/preview release/babylon.ktx2Decoder.js
  2. 6 5
      sandbox/src/scss/main.scss
  3. 11 11
      src/Loading/loadingScreen.ts

文件差異過大導致無法顯示
+ 1700 - 1
dist/preview release/babylon.ktx2Decoder.js


+ 6 - 5
sandbox/src/scss/main.scss

@@ -49,14 +49,15 @@ html, body, #root {
     width: 100%;   
     height: calc(100% - 70px);
     pointer-events: none;
+    display: grid;
+    grid-template-rows: 100%;
+    grid-template-columns: 100%;
+    align-items: center;
+    justify-items: center;
 }
 
 #logo {
-    position: absolute;
-    width: 20%;
-    height: 20%;
-    top: 40%;
-    left: 40%;
+    width: 150px;
     pointer-events: none;
 }
 

+ 11 - 11
src/Loading/loadingScreen.ts

@@ -64,6 +64,11 @@ export class DefaultLoadingScreen implements ILoadingScreen {
         this._loadingDiv.style.opacity = "0";
         this._loadingDiv.style.transition = "opacity 1.5s ease";
         this._loadingDiv.style.pointerEvents = "none";
+        this._loadingDiv.style.display = "grid";
+        this._loadingDiv.style.gridTemplateRows = "100%";
+        this._loadingDiv.style.gridTemplateColumns = "100%";
+        this._loadingDiv.style.justifyItems = "center";
+        this._loadingDiv.style.alignItems = "center";
 
         // Loading text
         this._loadingTextDiv = document.createElement("div");
@@ -109,19 +114,14 @@ export class DefaultLoadingScreen implements ILoadingScreen {
             imgBack.src = DefaultLoadingScreen.DefaultLogoUrl;
         }
 
-        imgBack.style.position = "absolute";
-        imgBack.style.left = "40%";
-        imgBack.style.top = "50%";
-        imgBack.style.width = "20%";
-        imgBack.style.height = "height";
-        imgBack.style.transform = "translateY(-50%)";
+        imgBack.style.width = "150px";
+        imgBack.style.gridColumn = "1";
+        imgBack.style.gridRow = "1";
 
         const imageSpinnerContainer = document.createElement("div");
-        imageSpinnerContainer.style.position = "absolute";
-        imageSpinnerContainer.style.left = "30%";
-        imageSpinnerContainer.style.top = "50%";
-        imageSpinnerContainer.style.width = "40%";
-        imageSpinnerContainer.style.transform = "translateY(-50%)";
+        imageSpinnerContainer.style.width = "300px";
+        imageSpinnerContainer.style.gridColumn = "1";
+        imageSpinnerContainer.style.gridRow = "1";
 
         // Loading spinner
         var imgSpinner = new Image();