Update viewer.js

viewer.js

@@ -80,7 +80,7 @@ export async function initializeViewer(config, instanceId) {
     window.pc = pc;
   }
 
-  // Create app *before* creating assets!
+  // Create app first
   const device = await pc.createGraphicsDevice(canvas, {
     deviceTypes: ["webgl2"],
     glslangUrl: "https://playcanvas.vercel.app/static/lib/glslang/glslang.js",
@@ -123,31 +123,18 @@ export async function initializeViewer(config, instanceId) {
   window.addEventListener('resize', () => app.resizeCanvas(viewerContainer.clientWidth, viewerContainer.clientHeight));
   app.on('destroy', () => resizeObserver.disconnect());
 
-  // Now create and register assets (with app.assets ready)
+  // Assets after app exists
   const assets = {
     model: new pc.Asset('gsplat', 'gsplat', { url: plyUrl }),
     orbit: new pc.Asset('script', 'script', { url: "https://mikafil-viewer-gs.static.hf.space/orbit-camera.js" }),
-    hdr: new pc.Asset(
-      'hdr', 'texture',
-      { url: "https://huggingface.co/datasets/bilca/ply_files/resolve/main/galeries/blanc.png" },
-      { type: pc.TEXTURETYPE_RGBP, mipmaps: false }
-    ),
   };
-  // Register all assets to app.assets
-  for (const key in assets) {
-    app.assets.add(assets[key]);
-  }
+  for (const key in assets) app.assets.add(assets[key]);
 
   const loader = new pc.AssetListLoader(Object.values(assets), app.assets);
   loader.load(() => {
     app.start();
     progressDialog.style.display = 'none';
 
-    // Apply HDR environment if available
-    if (assets.hdr && assets.hdr.resource) {
-      app.scene.envAtlas = assets.hdr.resource;
-    }
-
     modelEntity = new pc.Entity('model');
     modelEntity.addComponent('gsplat', { asset: assets.model });
     modelEntity.setLocalPosition(modelX, modelY, modelZ);
@@ -156,7 +143,8 @@ export async function initializeViewer(config, instanceId) {
     app.root.addChild(modelEntity);
 
     cameraEntity = new pc.Entity('camera');
-    cameraEntity.addComponent('camera', { clearColor: new pc.Color(0.2, 0.2, 0.2, 1) });
+    // --- PURE WHITE BACKGROUND ---
+    cameraEntity.addComponent('camera', { clearColor: new pc.Color(1, 1, 1, 1) }); // White RGBA
     cameraEntity.setPosition(chosenCameraX, chosenCameraY, chosenCameraZ);
     cameraEntity.lookAt(modelEntity.getPosition());
     cameraEntity.addComponent('script');
@@ -174,6 +162,7 @@ export async function initializeViewer(config, instanceId) {
 
     app.once('update', () => resetViewerCamera());
 
+    // Tooltips supported if tooltips_url set
     try {
       if (config.tooltips_url) {
         import('./tooltips.js').then(tooltipsModule => {