Spaces:
Sleeping
Sleeping
Jeprary commited on
Commit ·
7e005b1
1
Parent(s): f6d9799
feat: fix white flash on load and add operation hints to loading screen
Browse files- app/index.html +1 -1
- app/src/components/WorldViewer.tsx +5 -1
app/index.html
CHANGED
|
@@ -5,7 +5,7 @@
|
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
<title>SparkSplat</title>
|
| 7 |
</head>
|
| 8 |
-
<body>
|
| 9 |
<div id="root"></div>
|
| 10 |
<script type="module" src="/src/main.tsx"></script>
|
| 11 |
</body>
|
|
|
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
<title>SparkSplat</title>
|
| 7 |
</head>
|
| 8 |
+
<body style="background-color: black; margin: 0; padding: 0; overflow: hidden;">
|
| 9 |
<div id="root"></div>
|
| 10 |
<script type="module" src="/src/main.tsx"></script>
|
| 11 |
</body>
|
app/src/components/WorldViewer.tsx
CHANGED
|
@@ -28,7 +28,11 @@ function ModelLoader() {
|
|
| 28 |
<Html center>
|
| 29 |
<div className="flex flex-col items-center justify-center space-y-4">
|
| 30 |
<div className="w-8 h-8 border-4 border-white border-t-transparent rounded-full animate-spin"></div>
|
| 31 |
-
<div className="text-white text-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 32 |
</div>
|
| 33 |
</Html>
|
| 34 |
)
|
|
|
|
| 28 |
<Html center>
|
| 29 |
<div className="flex flex-col items-center justify-center space-y-4">
|
| 30 |
<div className="w-8 h-8 border-4 border-white border-t-transparent rounded-full animate-spin"></div>
|
| 31 |
+
<div className="text-white text-base font-semibold tracking-wide drop-shadow-md">Downloading Model...</div>
|
| 32 |
+
<div className="text-white/70 text-xs mt-2 max-w-xs text-center space-y-1">
|
| 33 |
+
<p>This may take a moment depending on model size and network speed.</p>
|
| 34 |
+
<p className="mt-2 text-white/50">💡 Hint: Left-click to rotate, Right-click to pan, Scroll to zoom.</p>
|
| 35 |
+
</div>
|
| 36 |
</div>
|
| 37 |
</Html>
|
| 38 |
)
|