bilca commited on
Commit
719ee17
·
verified ·
1 Parent(s): 8e1236f

Update index_sans_gif.js

Browse files
Files changed (1) hide show
  1. 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">🗘</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 = <p style="color: red">Error loading model: ${error.message}</p>;
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
+ })();