@preference-sl/pref-viewer 2.6.0 → 2.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@preference-sl/pref-viewer",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "description": "Web Component to preview GLTF models with Babylon.js",
   "author": "Alex Moreno Palacio <amoreno@preference.es>",
   "scripts": {

package/src/index.js

@@ -37,7 +37,9 @@ import {
   SceneLoader,
   Color4,
   HemisphericLight,
-  DirectionalLight
+  DirectionalLight,
+  PointLight,
+  ShadowGenerator
 } from "@babylonjs/core";
 import "@babylonjs/loaders";
 
@@ -156,11 +158,25 @@ class PrefViewer extends HTMLElement {
   }
 
   _createLights() {
+    // Ambient hemisphere for general fill
     this.hemiLight = new HemisphericLight("hemiLight", new Vector3(0, 1, 0), this.scene);
-    this.hemiLight.intensity = 0.6;
+    this.hemiLight.intensity = 0.8;                // stronger ambient
+
+    // Main “sun” light, but softer
     this.dirLight = new DirectionalLight("dirLight", new Vector3(-0.5, -1, -0.5), this.scene);
     this.dirLight.position = new Vector3(0, 5, 0);
-    this.dirLight.intensity = 0.8;
+    this.dirLight.intensity = 0.3;                 // much lower than before
+
+    // Optional: very light, blurred shadows just for form (darkness: 0 → no shadows, 1 → full)
+    const shadowGen = new ShadowGenerator(1024, this.dirLight);
+    shadowGen.useBlurExponentialShadowMap = true;   // soften edges
+    shadowGen.blurKernel = 16;
+    shadowGen.darkness = 0.2;                       // practically “skimmed milk” shadows
+
+    // Headlight: ensure the camera always shines on what you’re looking at
+    this.cameraLight = new PointLight("cameraLight", this.camera.position, this.scene);
+    this.cameraLight.parent = this.camera;
+    this.cameraLight.intensity = 0.5;
   }
 
   _setupInteraction() {
@@ -211,7 +227,7 @@ class PrefViewer extends HTMLElement {
     const raw = payload || base64;
     const decoded = atob(raw);
     let isJson = false;
-    try { JSON.parse(decoded); isJson = true; } catch {}
+    try { JSON.parse(decoded); isJson = true; } catch { }
     const extension = isJson ? ".gltf" : ".glb";
     const type = isJson ? "model/gltf+json" : "model/gltf-binary";
     const array = Uint8Array.from(decoded, (c) => c.charCodeAt(0));