@2112-lab/central-plant 0.1.4 → 0.1.5

package/dist/cjs/src/managers/environment/environmentManager.js

@@ -1 +1,714 @@
-"use strict";Object.defineProperty(exports,"t",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("three"),n=require("../../../node_modules/three/examples/jsm/loaders/RGBELoader.js"),t=require("./textureConfig.js"),o=require("../../core/debugLogger.js");function a(e){if(e&&e.t)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}}),r.default=e,Object.freeze(r)}var i=a(r),u=function(){return e.createClass(function r(n){e.classCallCheck(this,r),this.sceneViewer=n},[{key:"createSkybox",value:(f=e.asyncToGenerator(e.regenerator().m(function r(){var t,o,a,u,c,s,l,f,v,d;return e.regenerator().w(function(r){for(;;)switch(r.n){case 0:t=this.sceneViewer,(o=new i.PMREMGenerator(t.renderer)).compileEquirectangularShader(),a=[{type:"hdr",loader:new n.RGBELoader,paths:["/skyboxes/kloofendal_48d_partly_cloudy_puresky_2k.hdr","/skyboxes/kloofendal_48d_partly_cloudy_puresky_1k.hdr"]},{type:"jpeg",loader:t.textureLoader,paths:["/skyboxes/sky_fallback.jpg"]}],u=function(e,r){try{var n,a;e.mapping=i.EquirectangularReflectionMapping;var u=o.fromEquirectangular(e).texture;return null!==(n=t.scene.environment)&&void 0!==n&&n.dispose&&t.scene.environment.dispose(),null!==(a=t.scene.background)&&void 0!==a&&a.dispose&&t.scene.background.dispose(),t.scene.environment=u,t.scene.background=u,e.dispose(),!0}catch(e){return!1}},c=e.regenerator().m(function r(){var n,t,a,i,c,s,v,d;return e.regenerator().w(function(r){for(;;)switch(r.n){case 0:(n=f[l]).type,t=n.loader,a=n.paths,i=e.createForOfIteratorHelper(a),r.p=1,s=e.regenerator().m(function r(){var n,a;return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:return n=c.value,e.p=1,e.n=2,new Promise(function(e,r){var o=setTimeout(function(){return r(new Error("Timeout"))},1e4);t.load(n,function(r){clearTimeout(o),e(r)},void 0,function(e){clearTimeout(o),r(e)})});case 2:if(a=e.v,!u(a)){e.n=3;break}return o.dispose(),e.a(2,{v:{v:void 0}});case 3:e.n=5;break;case 4:e.p=4,e.v;case 5:return e.a(2)}},r,null,[[1,4]])}),i.s();case 2:if((c=i.n()).done){r.n=5;break}return r.d(e.regeneratorValues(s()),3);case 3:if(!(v=r.v)){r.n=4;break}return r.a(2,v.v);case 4:r.n=2;break;case 5:r.n=7;break;case 6:r.p=6,d=r.v,i.e(d);case 7:return r.p=7,i.f(),r.f(7);case 8:return r.a(2)}},r,null,[[1,6,7,8]])}),l=0,f=a;case 1:if(!(l<f.length)){r.n=4;break}return r.d(e.regeneratorValues(c()),2);case 2:if(!(s=r.v)){r.n=3;break}return r.a(2,s.v);case 3:l++,r.n=1;break;case 4:v=new i.AmbientLight(16777215,.6),t.scene.add(v),(d=new i.Scene).add(new i.HemisphereLight(8900331,4473975,1)),t.scene.environment=o.fromScene(d).texture,t.scene.background=new i.Color(8900331),o.dispose();case 5:return r.a(2)}},r,this)})),function(){return f.apply(this,arguments)})},{key:"setupLighting",value:function(){var e=this.sceneViewer;e.scene.children=e.scene.children.filter(function(e){return!(e instanceof i.Light)});var r=new i.DirectionalLight(16777195,5);r.position.set(15,30,-10),r.castShadow=!0,r.shadow.camera.near=.1,r.shadow.camera.far=100,r.shadow.camera.left=-50,r.shadow.camera.right=50,r.shadow.camera.top=50,r.shadow.camera.bottom=-50,r.shadow.mapSize.width=2048,r.shadow.mapSize.height=2048,e.scene.add(r);var n=new i.DirectionalLight(16777164,.4);n.position.set(-10,10,-10),e.scene.add(n),o.logger.info("Scene lighting setup completed")}},{key:"addTexturedGround",value:(l=e.asyncToGenerator(e.regenerator().m(function r(){var n,a,u,c,s,l;return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:return n=this.sceneViewer,o.logger.debug("Starting addTexturedGround..."),a=new i.PlaneGeometry(30,30),u=new i.MeshStandardMaterial({color:7829367,metalness:.2,roughness:.9}),(c=new i.Mesh(a,u)).rotation.x=-Math.PI/2,c.position.y=0,c.receiveShadow=!0,c.name="Ground",c.userData.isBaseGround=!0,n.scene.add(c),e.p=1,o.logger.debug("Loading concrete texture set..."),e.n=2,t.loadTextureSetAndCreateMaterial("gravel_embedded_concrete",n.textureLoader);case 2:s=e.v,c.material=s,c.material.needsUpdate=!0,o.logger.success("Ground material updated with textures"),e.n=4;break;case 3:e.p=3,l=e.v,o.logger.warn("Error loading ground textures:",l);case 4:return e.a(2)}},r,this,[[1,3]])})),function(){return l.apply(this,arguments)})},{key:"addBrickWalls",value:(s=e.asyncToGenerator(e.regenerator().m(function r(){var n,a,u,c,s,l,f;return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:return n=this.sceneViewer,o.logger.debug("Starting addBrickWalls..."),a=2.5,u=.5,c=new i.MeshPhysicalMaterial({color:7824226,roughness:.9,metalness:.1,clearcoat:.05,clearcoatRoughness:.4}),s=function(e){var r=function(r,t,o,a,u,c){var s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,l=arguments.length>7&&void 0!==arguments[7]?arguments[7]:1,f=new i.BoxGeometry(r,t,o);if(1!==l){for(var v=f.attributes.uv,d=v.array,h=0;h<d.length;h+=2)d[h+1]*=l;v.needsUpdate=!0}var k=new i.Mesh(f,e);return k.position.set(a,u-.56,c),0!==s&&k.rotateY(s),k.userData.isBrickWall=!0,k.castShadow=!0,k.receiveShadow=!0,k.name="Wall",n.scene.add(k),k};r(30,a,u,0,1.25,14.75,0,1),r(30,a,u,0,1.25,-14.75,0,1),r(u,8.5,29,14.75,4.25,0,0,3.4),r(u,a,29,-14.75,1.25,0,0,1)},s(c),o.logger.debug("Basic brick walls created"),e.p=1,o.logger.debug("Loading brick texture set..."),e.n=2,t.loadTextureSetAndCreateMaterial("brick",n.textureLoader);case 2:l=e.v,n.scene.traverse(function(e){e.isMesh&&e.userData.isBrickWall&&(e.material=l,e.material.needsUpdate=!0)}),o.logger.success("Brick walls updated with textures"),e.n=4;break;case 3:e.p=3,f=e.v,o.logger.warn("Error loading brick textures:",f);case 4:return e.a(2)}},r,this,[[1,3]])})),function(){return s.apply(this,arguments)})},{key:"addHorizonFog",value:function(){var e=this.sceneViewer,r=new i.ShaderMaterial({transparent:!0,uniforms:{fogColor:{value:new i.Color(5533306)},fogDensity:{value:1}},vertexShader:"\n        varying vec2 vUv;\n        void main() {\n          vUv = uv;\n          gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n        }\n      ",fragmentShader:"\n        uniform vec3 fogColor;\n        uniform float fogDensity;\n        varying vec2 vUv;\n        \n        void main() {\n          vec2 center = vec2(0.5, 0.5);\n          float dist = distance(vUv, center);\n          float opacity = (1.0 - smoothstep(0.0, 0.5, dist)) * fogDensity;\n          gl_FragColor = vec4(fogColor, opacity);\n        }\n      ",side:i.DoubleSide}),n=new i.PlaneGeometry(300,300),t=new i.Mesh(n,r);return t.rotation.x=-Math.PI/2,t.position.y=-3,t.name="fogPlane",e.scene.add(t),t}},{key:"initializeEnvironment",value:(c=e.asyncToGenerator(e.regenerator().m(function r(){return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:return e.n=1,this.createSkybox();case 1:return this.setupLighting(),e.n=2,this.addTexturedGround();case 2:return e.n=3,this.addBrickWalls();case 3:this.addHorizonFog(),o.logger.info("Environment initialization completed");case 4:return e.a(2)}},r,this)})),function(){return c.apply(this,arguments)})},{key:"removeSkybox",value:function(){var e=this.sceneViewer;try{var r,n;return null!==(r=e.scene.environment)&&void 0!==r&&r.dispose&&e.scene.environment.dispose(),null!==(n=e.scene.background)&&void 0!==n&&n.dispose&&e.scene.background.dispose(),e.scene.environment=null,e.scene.background=new i.Color(16777215),o.logger.info("Skybox removed successfully"),!0}catch(e){return!1}}},{key:"setSkyboxType",value:(u=e.asyncToGenerator(e.regenerator().m(function r(n){var t,a,u,c,s;return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:t=this.sceneViewer,e.p=1,null!==(a=t.scene.environment)&&void 0!==a&&a.dispose&&t.scene.environment.dispose(),null!==(u=t.scene.background)&&void 0!==u&&u.dispose&&t.scene.background.dispose(),(c=new i.PMREMGenerator(t.renderer)).compileEquirectangularShader(),s=n,e.n="HDR"===s?2:"Fallback"===s?4:"Color"===s?6:7;break;case 2:return e.n=3,this.loadHDRSkybox(c);case 3:case 5:return e.a(3,8);case 4:return e.n=5,this.loadFallbackSkybox(c);case 6:return this.setColorBackground(),e.a(3,8);case 7:return e.n=8,this.loadHDRSkybox(c);case 8:return c.dispose(),o.logger.info("Skybox type changed to: ".concat(n)),e.a(2,!0);case 9:return e.p=9,e.v,e.a(2,!1)}},r,this,[[1,9]])})),function(e){return u.apply(this,arguments)})},{key:"loadHDRSkybox",value:(a=e.asyncToGenerator(e.regenerator().m(function r(t){var o,a,u,c,s,l,f;return e.regenerator().w(function(r){for(;;)switch(r.n){case 0:o=this.sceneViewer,a=new n.RGBELoader,u=["/skyboxes/kloofendal_48d_partly_cloudy_puresky_2k.hdr","/skyboxes/kloofendal_48d_partly_cloudy_puresky_1k.hdr"],c=e.regenerator().m(function r(){var n,u,c;return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:return n=f[l],e.p=1,e.n=2,new Promise(function(e,r){var t=setTimeout(function(){return r(new Error("Timeout"))},1e4);a.load(n,function(r){clearTimeout(t),e(r)},void 0,function(e){clearTimeout(t),r(e)})});case 2:return(u=e.v).mapping=i.EquirectangularReflectionMapping,c=t.fromEquirectangular(u).texture,o.scene.environment=c,o.scene.background=c,u.dispose(),e.a(2,{v:void 0});case 3:e.p=3,e.v;case 4:return e.a(2)}},r,null,[[1,3]])}),l=0,f=u;case 1:if(!(l<f.length)){r.n=4;break}return r.d(e.regeneratorValues(c()),2);case 2:if(!(s=r.v)){r.n=3;break}return r.a(2,s.v);case 3:l++,r.n=1;break;case 4:throw new Error("Failed to load any HDR skybox");case 5:return r.a(2)}},r,this)})),function(e){return a.apply(this,arguments)})},{key:"loadFallbackSkybox",value:(r=e.asyncToGenerator(e.regenerator().m(function r(n){var t,o,a;return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:return t=this.sceneViewer,e.p=1,e.n=2,new Promise(function(e,r){var n=setTimeout(function(){return r(new Error("Timeout"))},1e4);t.textureLoader.load("/skyboxes/sky_fallback.jpg",function(r){clearTimeout(n),e(r)},void 0,function(e){clearTimeout(n),r(e)})});case 2:(o=e.v).mapping=i.EquirectangularReflectionMapping,a=n.fromEquirectangular(o).texture,t.scene.environment=a,t.scene.background=a,o.dispose(),e.n=4;break;case 3:throw e.p=3,e.v;case 4:return e.a(2)}},r,this,[[1,3]])})),function(e){return r.apply(this,arguments)})},{key:"setColorBackground",value:function(){var e=this.sceneViewer;e.scene.environment=null,e.scene.background=new i.Color(16777215);var r=new i.AmbientLight(16777215,.6);e.scene.add(r)}}]);var r,a,u,c,s,l,f}();exports.EnvironmentManager=u;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var THREE = require('three');
+var RGBELoader = require('../../../node_modules/three/examples/jsm/loaders/RGBELoader.js');
+var textureConfig = require('./textureConfig.js');
+var debugLogger = require('../../core/debugLogger.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
+
+var EnvironmentManager = /*#__PURE__*/function () {
+  function EnvironmentManager(sceneViewer) {
+    _rollupPluginBabelHelpers.classCallCheck(this, EnvironmentManager);
+    this.sceneViewer = sceneViewer;
+  }
+
+  /**
+   * Create skybox with HDR environment mapping
+   */
+  return _rollupPluginBabelHelpers.createClass(EnvironmentManager, [{
+    key: "createSkybox",
+    value: (function () {
+      var _createSkybox = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+        var component, pmremGenerator, loaders, applyEnvironmentMap, _loop, _ret, _i, _loaders, ambientLight, skyScene;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context3) {
+          while (1) switch (_context3.n) {
+            case 0:
+              component = this.sceneViewer;
+              pmremGenerator = new THREE__namespace.PMREMGenerator(component.renderer);
+              pmremGenerator.compileEquirectangularShader();
+              loaders = [{
+                type: 'hdr',
+                loader: new RGBELoader.RGBELoader(),
+                paths: ['/skyboxes/kloofendal_48d_partly_cloudy_puresky_2k.hdr', '/skyboxes/kloofendal_48d_partly_cloudy_puresky_1k.hdr']
+              }, {
+                type: 'jpeg',
+                loader: component.textureLoader,
+                paths: ['/skyboxes/sky_fallback.jpg']
+              }];
+              applyEnvironmentMap = function applyEnvironmentMap(envTexture, type) {
+                try {
+                  var _component$scene$envi, _component$scene$back;
+                  envTexture.mapping = THREE__namespace.EquirectangularReflectionMapping;
+                  var processedEnvMap = pmremGenerator.fromEquirectangular(envTexture).texture;
+                  if ((_component$scene$envi = component.scene.environment) !== null && _component$scene$envi !== void 0 && _component$scene$envi.dispose) component.scene.environment.dispose();
+                  if ((_component$scene$back = component.scene.background) !== null && _component$scene$back !== void 0 && _component$scene$back.dispose) component.scene.background.dispose();
+                  component.scene.environment = processedEnvMap;
+                  component.scene.background = processedEnvMap;
+                  envTexture.dispose();
+                  console.log("\u2705 ".concat(type.toUpperCase(), " environment map applied successfully"));
+                  return true;
+                } catch (error) {
+                  console.warn("\u274C Failed to apply ".concat(type, " environment map:"), error);
+                  return false;
+                }
+              };
+              _loop = /*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _loop() {
+                var _loaders$_i, type, loader, paths, _iterator, _step, _loop2, _ret2, _t2;
+                return _rollupPluginBabelHelpers.regenerator().w(function (_context2) {
+                  while (1) switch (_context2.n) {
+                    case 0:
+                      _loaders$_i = _loaders[_i], type = _loaders$_i.type, loader = _loaders$_i.loader, paths = _loaders$_i.paths;
+                      _iterator = _rollupPluginBabelHelpers.createForOfIteratorHelper(paths);
+                      _context2.p = 1;
+                      _loop2 = /*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _loop2() {
+                        var path, texture, _t;
+                        return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+                          while (1) switch (_context.n) {
+                            case 0:
+                              path = _step.value;
+                              _context.p = 1;
+                              console.log("\uD83D\uDD04 Attempting to load ".concat(type.toUpperCase(), ": ").concat(path));
+                              _context.n = 2;
+                              return new Promise(function (resolve, reject) {
+                                var timeout = setTimeout(function () {
+                                  return reject(new Error('Timeout'));
+                                }, 10000);
+                                loader.load(path, function (tex) {
+                                  clearTimeout(timeout);
+                                  resolve(tex);
+                                }, undefined, function (err) {
+                                  clearTimeout(timeout);
+                                  reject(err);
+                                });
+                              });
+                            case 2:
+                              texture = _context.v;
+                              if (!applyEnvironmentMap(texture, type)) {
+                                _context.n = 3;
+                                break;
+                              }
+                              pmremGenerator.dispose();
+                              return _context.a(2, {
+                                v: {
+                                  v: void 0
+                                }
+                              });
+                            case 3:
+                              _context.n = 5;
+                              break;
+                            case 4:
+                              _context.p = 4;
+                              _t = _context.v;
+                              console.warn("\u26A0\uFE0F Failed to load ".concat(path, ":"), _t.message);
+                            case 5:
+                              return _context.a(2);
+                          }
+                        }, _loop2, null, [[1, 4]]);
+                      });
+                      _iterator.s();
+                    case 2:
+                      if ((_step = _iterator.n()).done) {
+                        _context2.n = 5;
+                        break;
+                      }
+                      return _context2.d(_rollupPluginBabelHelpers.regeneratorValues(_loop2()), 3);
+                    case 3:
+                      _ret2 = _context2.v;
+                      if (!_ret2) {
+                        _context2.n = 4;
+                        break;
+                      }
+                      return _context2.a(2, _ret2.v);
+                    case 4:
+                      _context2.n = 2;
+                      break;
+                    case 5:
+                      _context2.n = 7;
+                      break;
+                    case 6:
+                      _context2.p = 6;
+                      _t2 = _context2.v;
+                      _iterator.e(_t2);
+                    case 7:
+                      _context2.p = 7;
+                      _iterator.f();
+                      return _context2.f(7);
+                    case 8:
+                      return _context2.a(2);
+                  }
+                }, _loop, null, [[1, 6, 7, 8]]);
+              });
+              _i = 0, _loaders = loaders;
+            case 1:
+              if (!(_i < _loaders.length)) {
+                _context3.n = 4;
+                break;
+              }
+              return _context3.d(_rollupPluginBabelHelpers.regeneratorValues(_loop()), 2);
+            case 2:
+              _ret = _context3.v;
+              if (!_ret) {
+                _context3.n = 3;
+                break;
+              }
+              return _context3.a(2, _ret.v);
+            case 3:
+              _i++;
+              _context3.n = 1;
+              break;
+            case 4:
+              console.log('🎨 Using procedural sky fallback');
+              ambientLight = new THREE__namespace.AmbientLight(0xffffff, 0.6);
+              component.scene.add(ambientLight);
+              skyScene = new THREE__namespace.Scene();
+              skyScene.add(new THREE__namespace.HemisphereLight(0x87CEEB, 0x444477, 1));
+              component.scene.environment = pmremGenerator.fromScene(skyScene).texture;
+              component.scene.background = new THREE__namespace.Color(0x87CEEB);
+              pmremGenerator.dispose();
+            case 5:
+              return _context3.a(2);
+          }
+        }, _callee, this);
+      }));
+      function createSkybox() {
+        return _createSkybox.apply(this, arguments);
+      }
+      return createSkybox;
+    }()
+    /**
+     * Setup scene lighting
+     */
+    )
+  }, {
+    key: "setupLighting",
+    value: function setupLighting() {
+      var component = this.sceneViewer;
+
+      // Remove existing lights
+      component.scene.children = component.scene.children.filter(function (child) {
+        return !(child instanceof THREE__namespace.Light);
+      });
+
+      // Sun light (main directional light)
+      var sunLight = new THREE__namespace.DirectionalLight(0xffffeb, 5);
+      sunLight.position.set(15, 30, -10);
+      sunLight.castShadow = true;
+      sunLight.shadow.camera.near = 0.1;
+      sunLight.shadow.camera.far = 100;
+      sunLight.shadow.camera.left = -50;
+      sunLight.shadow.camera.right = 50;
+      sunLight.shadow.camera.top = 50;
+      sunLight.shadow.camera.bottom = -50;
+      sunLight.shadow.mapSize.width = 2048;
+      sunLight.shadow.mapSize.height = 2048;
+      component.scene.add(sunLight);
+      // component.scene.add(sunLight.target)
+
+      // // Ambient hemispheric light
+      // const ambientLight = new THREE.HemisphereLight(0xffffff, 0x444466, 0.35)
+      // component.scene.add(ambientLight)
+
+      // Fill light (secondary directional light)
+      var fillLight = new THREE__namespace.DirectionalLight(0xffffcc, 0.4);
+      fillLight.position.set(-10, 10, -10);
+      component.scene.add(fillLight);
+
+      // // Rim light (for edge definition)
+      // const rimLight = new THREE.DirectionalLight(0xffffff, 0.9)
+      // rimLight.position.set(0, 0, -20)
+      // component.scene.add(rimLight)
+
+      // // Spot light (for focused illumination)
+      // const spotLight = new THREE.SpotLight(0xffffff, 0.5)
+      // spotLight.position.set(5, 15, 5)
+      // spotLight.angle = Math.PI / 6
+      // spotLight.penumbra = 0.3
+      // spotLight.decay = 1.5
+      // spotLight.distance = 50
+      // spotLight.castShadow = true
+      // spotLight.shadow.bias = -0.0003
+      // spotLight.shadow.mapSize.width = 2048
+      // spotLight.shadow.mapSize.height = 2048
+      // component.scene.add(spotLight)
+
+      debugLogger.logger.info('Scene lighting setup completed');
+    }
+
+    /**
+     * Add textured ground plane
+     */
+  }, {
+    key: "addTexturedGround",
+    value: (function () {
+      var _addTexturedGround = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee2() {
+        var component, groundSize, groundGeometry, groundMaterial, ground, texturedMaterial, _t3;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context4) {
+          while (1) switch (_context4.n) {
+            case 0:
+              component = this.sceneViewer;
+              debugLogger.logger.debug('Starting addTexturedGround...');
+              groundSize = 30;
+              groundGeometry = new THREE__namespace.PlaneGeometry(groundSize, groundSize);
+              groundMaterial = new THREE__namespace.MeshStandardMaterial({
+                color: 0x777777,
+                metalness: 0.2,
+                roughness: 0.9
+              });
+              ground = new THREE__namespace.Mesh(groundGeometry, groundMaterial);
+              ground.rotation.x = -Math.PI / 2;
+              ground.position.y = 0;
+              ground.receiveShadow = true;
+              ground.name = 'Ground';
+              ground.userData.isBaseGround = true;
+              component.scene.add(ground);
+              _context4.p = 1;
+              debugLogger.logger.debug('Loading concrete texture set...');
+              _context4.n = 2;
+              return textureConfig.loadTextureSetAndCreateMaterial('gravel_embedded_concrete', component.textureLoader);
+            case 2:
+              texturedMaterial = _context4.v;
+              ground.material = texturedMaterial;
+              ground.material.needsUpdate = true;
+              debugLogger.logger.success('Ground material updated with textures');
+              _context4.n = 4;
+              break;
+            case 3:
+              _context4.p = 3;
+              _t3 = _context4.v;
+              debugLogger.logger.warn('Error loading ground textures:', _t3);
+            case 4:
+              return _context4.a(2);
+          }
+        }, _callee2, this, [[1, 3]]);
+      }));
+      function addTexturedGround() {
+        return _addTexturedGround.apply(this, arguments);
+      }
+      return addTexturedGround;
+    }()
+    /**
+     * Add brick walls around the scene
+     */
+    )
+  }, {
+    key: "addBrickWalls",
+    value: (function () {
+      var _addBrickWalls = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee3() {
+        var component, wallHeight, wallThickness, groundSize, halfGroundSize, brickMaterial, createWalls, texturedBrickMaterial, _t4;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context5) {
+          while (1) switch (_context5.n) {
+            case 0:
+              component = this.sceneViewer;
+              debugLogger.logger.debug('Starting addBrickWalls...');
+              wallHeight = 2.5;
+              wallThickness = 0.5;
+              groundSize = 30;
+              halfGroundSize = groundSize / 2;
+              brickMaterial = new THREE__namespace.MeshPhysicalMaterial({
+                color: 0x776362,
+                roughness: 0.9,
+                metalness: 0.1,
+                clearcoat: 0.05,
+                clearcoatRoughness: 0.4
+              });
+              createWalls = function createWalls(material) {
+                var createWall = function createWall(width, height, depth, x, y, z) {
+                  var rotation = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0;
+                  var textureScaleY = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1;
+                  var geometry = new THREE__namespace.BoxGeometry(width, height, depth);
+                  if (textureScaleY !== 1) {
+                    var uvAttribute = geometry.attributes.uv;
+                    var uvArray = uvAttribute.array;
+                    for (var i = 0; i < uvArray.length; i += 2) {
+                      uvArray[i + 1] *= textureScaleY;
+                    }
+                    uvAttribute.needsUpdate = true;
+                  }
+                  var wall = new THREE__namespace.Mesh(geometry, material);
+                  wall.position.set(x, y - 0.56, z);
+                  if (rotation !== 0) {
+                    wall.rotateY(rotation);
+                  }
+                  wall.userData.isBrickWall = true;
+                  wall.castShadow = true;
+                  wall.receiveShadow = true;
+                  wall.name = "Wall";
+                  component.scene.add(wall);
+                  return wall;
+                };
+
+                // Create walls with optimized direct values
+                createWall(groundSize, wallHeight, wallThickness, 0, wallHeight / 2, halfGroundSize - wallThickness / 2, 0, 1.0);
+                createWall(groundSize, wallHeight, wallThickness, 0, wallHeight / 2, -halfGroundSize + wallThickness / 2, 0, 1.0);
+                createWall(wallThickness, wallHeight + 6.0, groundSize - wallThickness * 2, halfGroundSize - wallThickness / 2, (wallHeight + 6.0) / 2, 0, 0, (wallHeight + 6.0) / wallHeight);
+                createWall(wallThickness, wallHeight, groundSize - wallThickness * 2, -halfGroundSize + wallThickness / 2, wallHeight / 2, 0, 0, 1.0);
+              };
+              createWalls(brickMaterial);
+              debugLogger.logger.debug('Basic brick walls created');
+              _context5.p = 1;
+              debugLogger.logger.debug('Loading brick texture set...');
+              _context5.n = 2;
+              return textureConfig.loadTextureSetAndCreateMaterial('brick', component.textureLoader);
+            case 2:
+              texturedBrickMaterial = _context5.v;
+              component.scene.traverse(function (object) {
+                if (object.isMesh && object.userData.isBrickWall) {
+                  object.material = texturedBrickMaterial;
+                  object.material.needsUpdate = true;
+                }
+              });
+              debugLogger.logger.success('Brick walls updated with textures');
+              _context5.n = 4;
+              break;
+            case 3:
+              _context5.p = 3;
+              _t4 = _context5.v;
+              debugLogger.logger.warn('Error loading brick textures:', _t4);
+            case 4:
+              return _context5.a(2);
+          }
+        }, _callee3, this, [[1, 3]]);
+      }));
+      function addBrickWalls() {
+        return _addBrickWalls.apply(this, arguments);
+      }
+      return addBrickWalls;
+    }()
+    /**
+     * Add horizon fog effect
+     */
+    )
+  }, {
+    key: "addHorizonFog",
+    value: function addHorizonFog() {
+      var component = this.sceneViewer;
+      var groundSize = 30;
+      var fogSize = groundSize * 10;
+      var fogMaterial = new THREE__namespace.ShaderMaterial({
+        transparent: true,
+        uniforms: {
+          fogColor: {
+            value: new THREE__namespace.Color(0x546E7A)
+          },
+          fogDensity: {
+            value: 1
+          }
+        },
+        vertexShader: "\n        varying vec2 vUv;\n        void main() {\n          vUv = uv;\n          gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n        }\n      ",
+        fragmentShader: "\n        uniform vec3 fogColor;\n        uniform float fogDensity;\n        varying vec2 vUv;\n        \n        void main() {\n          vec2 center = vec2(0.5, 0.5);\n          float dist = distance(vUv, center);\n          float opacity = (1.0 - smoothstep(0.0, 0.5, dist)) * fogDensity;\n          gl_FragColor = vec4(fogColor, opacity);\n        }\n      ",
+        side: THREE__namespace.DoubleSide
+      });
+      var fogGeometry = new THREE__namespace.PlaneGeometry(fogSize, fogSize);
+      var fogPlane = new THREE__namespace.Mesh(fogGeometry, fogMaterial);
+      fogPlane.rotation.x = -Math.PI / 2;
+      fogPlane.position.y = -3.0;
+      fogPlane.name = "fogPlane";
+      component.scene.add(fogPlane);
+      return fogPlane;
+    }
+
+    /**
+     * Initialize complete environment
+     */
+  }, {
+    key: "initializeEnvironment",
+    value: (function () {
+      var _initializeEnvironment = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee4() {
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context6) {
+          while (1) switch (_context6.n) {
+            case 0:
+              _context6.n = 1;
+              return this.createSkybox();
+            case 1:
+              this.setupLighting();
+              _context6.n = 2;
+              return this.addTexturedGround();
+            case 2:
+              _context6.n = 3;
+              return this.addBrickWalls();
+            case 3:
+              this.addHorizonFog();
+              debugLogger.logger.info('Environment initialization completed');
+            case 4:
+              return _context6.a(2);
+          }
+        }, _callee4, this);
+      }));
+      function initializeEnvironment() {
+        return _initializeEnvironment.apply(this, arguments);
+      }
+      return initializeEnvironment;
+    }()
+    /**
+     * Remove the current skybox and reset to a plain background
+     */
+    )
+  }, {
+    key: "removeSkybox",
+    value: function removeSkybox() {
+      var component = this.sceneViewer;
+      try {
+        var _component$scene$envi2, _component$scene$back2;
+        // Dispose of current environment and background textures
+        if ((_component$scene$envi2 = component.scene.environment) !== null && _component$scene$envi2 !== void 0 && _component$scene$envi2.dispose) {
+          component.scene.environment.dispose();
+        }
+        if ((_component$scene$back2 = component.scene.background) !== null && _component$scene$back2 !== void 0 && _component$scene$back2.dispose) {
+          component.scene.background.dispose();
+        }
+
+        // Set to null/plain background
+        component.scene.environment = null;
+        component.scene.background = new THREE__namespace.Color(0xffffff); // White background
+
+        debugLogger.logger.info('Skybox removed successfully');
+        return true;
+      } catch (error) {
+        console.error('❌ Error removing skybox:', error);
+        return false;
+      }
+    }
+
+    /**
+     * Set the skybox type dynamically
+     * @param {string} skyboxType - 'HDR', 'Fallback', or 'Color'
+     */
+  }, {
+    key: "setSkyboxType",
+    value: (function () {
+      var _setSkyboxType = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee5(skyboxType) {
+        var component, _component$scene$envi3, _component$scene$back3, _pmremGenerator, _t5, _t6;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context7) {
+          while (1) switch (_context7.n) {
+            case 0:
+              component = this.sceneViewer;
+              _context7.p = 1;
+              console.log("\uD83C\uDF0C Changing skybox type to: ".concat(skyboxType));
+
+              // Dispose of current environment textures
+              if ((_component$scene$envi3 = component.scene.environment) !== null && _component$scene$envi3 !== void 0 && _component$scene$envi3.dispose) {
+                component.scene.environment.dispose();
+              }
+              if ((_component$scene$back3 = component.scene.background) !== null && _component$scene$back3 !== void 0 && _component$scene$back3.dispose) {
+                component.scene.background.dispose();
+              }
+              _pmremGenerator = new THREE__namespace.PMREMGenerator(component.renderer);
+              _pmremGenerator.compileEquirectangularShader();
+              _t5 = skyboxType;
+              _context7.n = _t5 === 'HDR' ? 2 : _t5 === 'Fallback' ? 4 : _t5 === 'Color' ? 6 : 7;
+              break;
+            case 2:
+              _context7.n = 3;
+              return this.loadHDRSkybox(_pmremGenerator);
+            case 3:
+              return _context7.a(3, 8);
+            case 4:
+              _context7.n = 5;
+              return this.loadFallbackSkybox(_pmremGenerator);
+            case 5:
+              return _context7.a(3, 8);
+            case 6:
+              this.setColorBackground();
+              return _context7.a(3, 8);
+            case 7:
+              console.warn("Unknown skybox type: ".concat(skyboxType, ", falling back to HDR"));
+              _context7.n = 8;
+              return this.loadHDRSkybox(_pmremGenerator);
+            case 8:
+              _pmremGenerator.dispose();
+              debugLogger.logger.info("Skybox type changed to: ".concat(skyboxType));
+              return _context7.a(2, true);
+            case 9:
+              _context7.p = 9;
+              _t6 = _context7.v;
+              console.error('❌ Error setting skybox type:', _t6);
+              return _context7.a(2, false);
+          }
+        }, _callee5, this, [[1, 9]]);
+      }));
+      function setSkyboxType(_x) {
+        return _setSkyboxType.apply(this, arguments);
+      }
+      return setSkyboxType;
+    }()
+    /**
+     * Load HDR skybox specifically
+     */
+    )
+  }, {
+    key: "loadHDRSkybox",
+    value: (function () {
+      var _loadHDRSkybox = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee6(pmremGenerator) {
+        var component, rgbeLoader, hdrPaths, _loop3, _ret3, _i2, _hdrPaths;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context9) {
+          while (1) switch (_context9.n) {
+            case 0:
+              component = this.sceneViewer;
+              rgbeLoader = new RGBELoader.RGBELoader();
+              hdrPaths = ['/skyboxes/kloofendal_48d_partly_cloudy_puresky_2k.hdr', '/skyboxes/kloofendal_48d_partly_cloudy_puresky_1k.hdr'];
+              _loop3 = /*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _loop3() {
+                var path, texture, processedEnvMap, _t7;
+                return _rollupPluginBabelHelpers.regenerator().w(function (_context8) {
+                  while (1) switch (_context8.n) {
+                    case 0:
+                      path = _hdrPaths[_i2];
+                      _context8.p = 1;
+                      console.log("\uD83D\uDD04 Loading HDR: ".concat(path));
+                      _context8.n = 2;
+                      return new Promise(function (resolve, reject) {
+                        var timeout = setTimeout(function () {
+                          return reject(new Error('Timeout'));
+                        }, 10000);
+                        rgbeLoader.load(path, function (tex) {
+                          clearTimeout(timeout);
+                          resolve(tex);
+                        }, undefined, function (err) {
+                          clearTimeout(timeout);
+                          reject(err);
+                        });
+                      });
+                    case 2:
+                      texture = _context8.v;
+                      texture.mapping = THREE__namespace.EquirectangularReflectionMapping;
+                      processedEnvMap = pmremGenerator.fromEquirectangular(texture).texture;
+                      component.scene.environment = processedEnvMap;
+                      component.scene.background = processedEnvMap;
+                      texture.dispose();
+                      console.log('✅ HDR skybox loaded successfully');
+                      return _context8.a(2, {
+                        v: void 0
+                      });
+                    case 3:
+                      _context8.p = 3;
+                      _t7 = _context8.v;
+                      console.warn("\u26A0\uFE0F Failed to load HDR skybox ".concat(path, ":"), _t7.message);
+                    case 4:
+                      return _context8.a(2);
+                  }
+                }, _loop3, null, [[1, 3]]);
+              });
+              _i2 = 0, _hdrPaths = hdrPaths;
+            case 1:
+              if (!(_i2 < _hdrPaths.length)) {
+                _context9.n = 4;
+                break;
+              }
+              return _context9.d(_rollupPluginBabelHelpers.regeneratorValues(_loop3()), 2);
+            case 2:
+              _ret3 = _context9.v;
+              if (!_ret3) {
+                _context9.n = 3;
+                break;
+              }
+              return _context9.a(2, _ret3.v);
+            case 3:
+              _i2++;
+              _context9.n = 1;
+              break;
+            case 4:
+              throw new Error('Failed to load any HDR skybox');
+            case 5:
+              return _context9.a(2);
+          }
+        }, _callee6, this);
+      }));
+      function loadHDRSkybox(_x2) {
+        return _loadHDRSkybox.apply(this, arguments);
+      }
+      return loadHDRSkybox;
+    }()
+    /**
+     * Load fallback JPEG skybox
+     */
+    )
+  }, {
+    key: "loadFallbackSkybox",
+    value: (function () {
+      var _loadFallbackSkybox = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee7(pmremGenerator) {
+        var component, texture, processedEnvMap, _t8;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context0) {
+          while (1) switch (_context0.n) {
+            case 0:
+              component = this.sceneViewer;
+              _context0.p = 1;
+              console.log('🔄 Loading fallback skybox');
+              _context0.n = 2;
+              return new Promise(function (resolve, reject) {
+                var timeout = setTimeout(function () {
+                  return reject(new Error('Timeout'));
+                }, 10000);
+                component.textureLoader.load('/skyboxes/sky_fallback.jpg', function (tex) {
+                  clearTimeout(timeout);
+                  resolve(tex);
+                }, undefined, function (err) {
+                  clearTimeout(timeout);
+                  reject(err);
+                });
+              });
+            case 2:
+              texture = _context0.v;
+              texture.mapping = THREE__namespace.EquirectangularReflectionMapping;
+              processedEnvMap = pmremGenerator.fromEquirectangular(texture).texture;
+              component.scene.environment = processedEnvMap;
+              component.scene.background = processedEnvMap;
+              texture.dispose();
+              console.log('✅ Fallback skybox loaded successfully');
+              _context0.n = 4;
+              break;
+            case 3:
+              _context0.p = 3;
+              _t8 = _context0.v;
+              console.warn('⚠️ Failed to load fallback skybox:', _t8.message);
+              throw _t8;
+            case 4:
+              return _context0.a(2);
+          }
+        }, _callee7, this, [[1, 3]]);
+      }));
+      function loadFallbackSkybox(_x3) {
+        return _loadFallbackSkybox.apply(this, arguments);
+      }
+      return loadFallbackSkybox;
+    }()
+    /**
+     * Set solid color background
+     */
+    )
+  }, {
+    key: "setColorBackground",
+    value: function setColorBackground() {
+      var component = this.sceneViewer;
+      component.scene.environment = null;
+      component.scene.background = new THREE__namespace.Color(0xffffff); // White background
+
+      // Add basic ambient lighting since we don't have environment lighting
+      var ambientLight = new THREE__namespace.AmbientLight(0xffffff, 0.6);
+      component.scene.add(ambientLight);
+      console.log('✅ Color background set successfully');
+    }
+  }]);
+}();
+
+exports.EnvironmentManager = EnvironmentManager;