Update js_scripts/index.js

js_scripts/index.js

@@ -1,4 +1,3 @@
-/* viewer.js */
 (async function() {
   // Retrieve the current script tag and load the JSON configuration file from the data-config attribute.
   const scriptTag = document.currentScript;
@@ -93,6 +92,10 @@
   const widgetContainer = document.createElement('div');
   widgetContainer.id = 'ply-widget-container-' + instanceId;
   widgetContainer.classList.add('ply-widget-container');
+  // Add a mobile class if on a phone.
+  if (isMobile) {
+    widgetContainer.classList.add('mobile');
+  }
   // Set inline style for aspect ratio.
   widgetContainer.style.height = "0";
   widgetContainer.style.paddingBottom = aspectPercent;
@@ -293,16 +296,13 @@
   
   // --- Initialize the 3D PLY Viewer ---
   async function initializeViewer() {
-    // Import SPLAT and store it globally.
     SPLAT = await import("https://bilca-gsplat-library.static.hf.space/dist/index.js");
     progressDialog.style.display = 'block';
     const renderer = new SPLAT.WebGLRenderer(canvas);
     const scene = new SPLAT.Scene();
     
-    // Construct the camera.
     const camera = new SPLAT.Camera();
     
-    // Construct OrbitControls with the chosen initial orbit parameters.
     controlsInstance = new SPLAT.OrbitControls(
       camera,
       canvas,
@@ -317,11 +317,9 @@
     );
   
     cameraInstance = camera;
-    // Save the initial camera state.
     initialCameraPosition = camera.position.clone();
     initialCameraRotation = camera.rotation.clone();
   
-    // Use the canvas_background from config.
     canvas.style.background = config.canvas_background || "#FEFEFD";
     
     controlsInstance.maxZoom = maxZoom;
@@ -362,7 +360,4 @@
     window.addEventListener("resize", handleResize);
     requestAnimationFrame(frame);
   }
-  
-  // If a gif_url exists, the viewer is started on preview click;
-  // otherwise, it is started immediately.
 })();