Change default env settings

config.js

@@ -16,16 +16,13 @@ const theater2Popup = `
 
 export const config = {
     scene : {
-        initialExposure: 0.95,
+        initialExposure: 1.5,
         autoLP: false,
         shadows: false,
-        initLightDir: [0.2,-0.3,-0.7],
-        initRotation: [0, 1.5, 0],
+        initLightDir: [-0.3,-0.7,0.1],
+        initRotation: [0, 190, 0],
         ambientOcclusion: false,
     },
-    menu : {
-        //audioBtn1
-    },
     markers : [
         {
             id : "salvador",

js/controllers/modal_controller.js

@@ -27,11 +27,12 @@ export default class extends Controller {
             content.classList.add('img-fluid');
         }
 
+        body.appendChild(content);
+
         const description = document.createElement('p');
         description.textContent = event.content?.description;
         description.classList.add('py-3', 'my-2', 'fst-italic');
 
-        body.appendChild(content);
         body.appendChild(description);
 
         bootstrap.Modal.getOrCreateInstance(modal).show();

js/scene.js

@@ -132,10 +132,10 @@ function loadNodes(nodes) {
  */
 function createSemanticNode(model, id) {
     // Default/highlight materials for semantic node
-    let matSemDef = new THREE.MeshPhongMaterial({
-        color: '#ecee66',
+    let matSemDef = new THREE.MeshStandardMaterial({
+        color: '#f7e6af',
         transparent: true,
-        opacity: 0.3,
+        opacity: 0.2,
     });
     let matSemHL  = ATON.MatHub.materials.semanticShapeHL;