Fix lights, background color, the camera is closer now

Author: marqdevx

NiclaSenseME-dashboard/index.html

@@ -595,7 +595,7 @@
     var container = document.getElementById('3d');
     var loader = new THREE.GLTFLoader();
     var canvasDigits = document.getElementById('canvasDigits');
-    scene.background = new THREE.Color(0x111111);
+    scene.background = new THREE.Color(0x58585A);
     renderer.setSize(177, 177);
 
     renderer.setPixelRatio(4);
@@ -613,27 +613,28 @@
         var geometry = new THREE.BoxGeometry(1, 1, 1);
         ledMaterial = new THREE.MeshBasicMaterial({ color: 0x111111 });
         ledObject = new THREE.Mesh(geometry, ledMaterial);
-        ledObject.position.set(-4.5, 4, 0);
+//        ledObject.position.set(-4.5, 4, 0);
+        ledObject.position.set(9, -10, 0);
         arduinoModel.add(ledObject);
         arduinoModel.rotation.x = 270 * (Math.PI/180);  // Show the bottom side of the board by default
         ledLight = new THREE.PointLight(0x111111, 3, 100);
-        ledLight.position.set(-4.5, 4, -1);
+        ledLight.position.set(8.7, -10, -5);
         arduinoModel.add(ledLight);
         var sphereSize = 1;
 
         // Light
         const color = 0xFFFFFF;
         const intensity = 1;
         const light = new THREE.DirectionalLight(color, intensity);
-        light.position.set(-20, 100, 0);
+        light.position.set(0, 0, -50);
         light.target.position.set(0, 0, 0);
         scene.add(light);
         scene.add(light.target);
-        var hemiLight = new THREE.HemisphereLight(0xffffff, 0xffffff, 1000);
+        var hemiLight = new THREE.HemisphereLight(0xffffff, 0xffffff, 1);
         scene.add(hemiLight);
 
         // Camera
-        camera.position.set(0, 40, 0);
+        camera.position.set(0, 25, 0);
         camera.rotation.y = Math.PI; // 180
         camera.lookAt(new THREE.Vector3(0, 0, 0));
         renderer.render(scene, camera);