Spaces:
Running
Running
Update index_sans_gif.js
Browse files- index_sans_gif.js +9 -7
index_sans_gif.js
CHANGED
@@ -23,7 +23,7 @@
|
|
23 |
var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
|
24 |
|
25 |
var styleEl = document.createElement('style');
|
26 |
-
styleEl.textContent =
|
27 |
#viewer-container {
|
28 |
position: relative;
|
29 |
width: 100%;
|
@@ -78,25 +78,27 @@
|
|
78 |
#fullscreen-toggle { top: 17px; right: 15px; }
|
79 |
#help-toggle { top: 72px; right: 15px; }
|
80 |
#reset-camera-btn { top: 127px; right: 15px; }
|
81 |
-
|
82 |
document.head.appendChild(styleEl);
|
83 |
|
84 |
var viewerContainer = document.createElement('div');
|
85 |
viewerContainer.id = 'viewer-container';
|
86 |
-
viewerContainer.innerHTML =
|
87 |
<canvas id="canvas"></canvas>
|
88 |
<div id="progress-dialog">
|
89 |
<progress id="progress-indicator" max="100" value="0"></progress>
|
90 |
</div>
|
91 |
<button id="fullscreen-toggle" class="widget-button">⇱</button>
|
92 |
<button id="help-toggle" class="widget-button">?</button>
|
93 |
-
<button id="reset-camera-btn" class="widget-button"
|
|
|
|
|
94 |
<div id="menu-content">
|
95 |
- Rotate with right click<br>
|
96 |
- Zoom in/out with middle click<br>
|
97 |
- Translate with left click
|
98 |
</div>
|
99 |
-
|
100 |
document.currentScript.parentNode.appendChild(viewerContainer);
|
101 |
|
102 |
var fullscreenToggle = document.getElementById('fullscreen-toggle');
|
@@ -165,7 +167,7 @@
|
|
165 |
progressDialog.style.display = 'none';
|
166 |
} catch (error) {
|
167 |
console.error("Error loading PLY file:", error);
|
168 |
-
progressDialog.innerHTML =
|
169 |
}
|
170 |
|
171 |
const frame = () => {
|
@@ -178,4 +180,4 @@
|
|
178 |
requestAnimationFrame(frame);
|
179 |
}
|
180 |
initializeViewer();
|
181 |
-
})();
|
|
|
23 |
var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
|
24 |
|
25 |
var styleEl = document.createElement('style');
|
26 |
+
styleEl.textContent = `
|
27 |
#viewer-container {
|
28 |
position: relative;
|
29 |
width: 100%;
|
|
|
78 |
#fullscreen-toggle { top: 17px; right: 15px; }
|
79 |
#help-toggle { top: 72px; right: 15px; }
|
80 |
#reset-camera-btn { top: 127px; right: 15px; }
|
81 |
+
`;
|
82 |
document.head.appendChild(styleEl);
|
83 |
|
84 |
var viewerContainer = document.createElement('div');
|
85 |
viewerContainer.id = 'viewer-container';
|
86 |
+
viewerContainer.innerHTML = `
|
87 |
<canvas id="canvas"></canvas>
|
88 |
<div id="progress-dialog">
|
89 |
<progress id="progress-indicator" max="100" value="0"></progress>
|
90 |
</div>
|
91 |
<button id="fullscreen-toggle" class="widget-button">⇱</button>
|
92 |
<button id="help-toggle" class="widget-button">?</button>
|
93 |
+
<button id="reset-camera-btn" class="widget-button">
|
94 |
+
<img src="https://huggingface.co/datasets/bilca/ply_files/resolve/main/icones/reset_cam.png" alt="Reset Camera" style="max-width: 100%; max-height: 100%;">
|
95 |
+
</button>
|
96 |
<div id="menu-content">
|
97 |
- Rotate with right click<br>
|
98 |
- Zoom in/out with middle click<br>
|
99 |
- Translate with left click
|
100 |
</div>
|
101 |
+
`;
|
102 |
document.currentScript.parentNode.appendChild(viewerContainer);
|
103 |
|
104 |
var fullscreenToggle = document.getElementById('fullscreen-toggle');
|
|
|
167 |
progressDialog.style.display = 'none';
|
168 |
} catch (error) {
|
169 |
console.error("Error loading PLY file:", error);
|
170 |
+
progressDialog.innerHTML = `<p style="color: red">Error loading model: ${error.message}</p>`;
|
171 |
}
|
172 |
|
173 |
const frame = () => {
|
|
|
180 |
requestAnimationFrame(frame);
|
181 |
}
|
182 |
initializeViewer();
|
183 |
+
})();
|