@2112-lab/central-plant 0.1.4 → 0.1.6

package/dist/esm/src/rendering/rendering3D.js

@@ -1 +1,661 @@
-import{createClass as i,toConsumableArray as t,objectSpread2 as e,classCallCheck as n,defineProperty as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import*as r from"three";import{logger as s}from"../core/debugLogger.js";var a=function(){return i(function i(){var s=this,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n(this,i),o(this,"lighting",{addAmbient:function(){var i,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:4210752,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:.4,n=new r.AmbientLight(t,e);return null===(i=s.scene)||void 0===i||i.add(n),n},addDirectional:function(){var i,e,n,o,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},d=a.color,v=void 0===d?16777215:d,h=a.intensity,l=void 0===h?1:h,u=a.position,c=void 0===u?[10,10,5]:u,f=a.target,p=void 0===f?[0,0,0]:f,m=a.castShadow,w=void 0===m||m,g=a.shadowMapSize,y=void 0===g?2048:g,S=a.shadowCameraNear,M=void 0===S?.5:S,x=a.shadowCameraFar,k=void 0===x?50:x,C=a.shadowCameraLeft,P=void 0===C?-10:C,D=a.shadowCameraRight,b=void 0===D?10:D,R=a.shadowCameraTop,_=void 0===R?10:R,B=a.shadowCameraBottom,j=void 0===B?-10:B,z=new r.DirectionalLight(v,l);return(i=z.position).set.apply(i,t(c)),(e=z.target.position).set.apply(e,t(p)),w&&(z.castShadow=!0,z.shadow.mapSize.width=y,z.shadow.mapSize.height=y,z.shadow.camera.near=M,z.shadow.camera.far=k,z.shadow.camera.left=P,z.shadow.camera.right=b,z.shadow.camera.top=_,z.shadow.camera.bottom=j),null===(n=s.scene)||void 0===n||n.add(z),null===(o=s.scene)||void 0===o||o.add(z.target),z},addPoint:function(){var i,e,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=n.color,a=void 0===o?16777215:o,d=n.intensity,v=void 0===d?1:d,h=n.distance,l=void 0===h?0:h,u=n.decay,c=void 0===u?2:u,f=n.position,p=void 0===f?[0,10,0]:f,m=n.castShadow,w=void 0!==m&&m,g=n.shadowMapSize,y=void 0===g?1024:g,S=new r.PointLight(a,v,l,c);return(i=S.position).set.apply(i,t(p)),w&&(S.castShadow=!0,S.shadow.mapSize.width=y,S.shadow.mapSize.height=y,S.shadow.camera.near=.1,S.shadow.camera.far=25),null===(e=s.scene)||void 0===e||e.add(S),S},addSpot:function(){var i,e,n,o,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},d=a.color,v=void 0===d?16777215:d,h=a.intensity,l=void 0===h?1:h,u=a.distance,c=void 0===u?0:u,f=a.angle,p=void 0===f?Math.PI/3:f,m=a.penumbra,w=void 0===m?0:m,g=a.decay,y=void 0===g?2:g,S=a.position,M=void 0===S?[0,10,0]:S,x=a.target,k=void 0===x?[0,0,0]:x,C=a.castShadow,P=void 0===C||C,D=a.shadowMapSize,b=void 0===D?1024:D,R=new r.SpotLight(v,l,c,p,w,y);return(i=R.position).set.apply(i,t(M)),(e=R.target.position).set.apply(e,t(k)),P&&(R.castShadow=!0,R.shadow.mapSize.width=b,R.shadow.mapSize.height=b,R.shadow.camera.near=.5,R.shadow.camera.far=50),null===(n=s.scene)||void 0===n||n.add(R),null===(o=s.scene)||void 0===o||o.add(R.target),R}}),o(this,"materials",{createStandard:function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return new r.MeshStandardMaterial(e({color:16777215,metalness:0,roughness:.5},i))},createPhysical:function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return new r.MeshPhysicalMaterial(e({color:16777215,metalness:0,roughness:.5,clearcoat:0,clearcoatRoughness:0},i))},createBasic:function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return new r.MeshBasicMaterial(e({color:16777215},i))},createShader:function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return new r.ShaderMaterial({vertexShader:i.vertexShader||"\n          void main() {\n            gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n          }\n        ",fragmentShader:i.fragmentShader||"\n          void main() {\n            gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);\n          }\n        ",uniforms:i.uniforms||{}})}}),o(this,"geometry",{createBox:function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return new r.BoxGeometry(i,t,e)},createSphere:function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:32,e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:16;return new r.SphereGeometry(i,t,e)},createCylinder:function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:32;return new r.CylinderGeometry(i,t,e,n)},createPlane:function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return new r.PlaneGeometry(i,t)}}),o(this,"renderTargets",{create:function(i,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new r.WebGLRenderTarget(i,t,e({minFilter:r.LinearFilter,magFilter:r.LinearFilter,format:r.RGBAFormat,type:r.UnsignedByteType},n)),a="rt_".concat(Date.now(),"_").concat(Math.random().toString(36).substr(2,9));return s.renderTargets.set(a,o),{id:a,renderTarget:o}},get:function(i){return s.renderTargets.get(i)},remove:function(i){var t=s.renderTargets.get(i);t&&(t.dispose(),s.renderTargets.delete(i))}}),o(this,"animation",{createMixer:function(i){return s.animationMixer=new r.AnimationMixer(i),s.animationMixer},addClip:function(i){if(!s.animationMixer)throw new Error("Animation mixer not created");return s.animationMixer.clipAction(i)},update:function(i){s.animationMixer&&s.animationMixer.update(i)}}),o(this,"screenshot",{toDataURL:function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"image/png",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return s.renderer?s.renderer.domElement.toDataURL(i,t):""},toBlob:function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"image/png",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return s.renderer?new Promise(function(e){s.renderer.domElement.toBlob(e,i,t)}):Promise.resolve(null)}}),this.options=e({antialias:!0,alpha:!0,shadowMapEnabled:!0,shadowMapType:r.PCFSoftShadowMap,toneMapping:r.ACESFilmicToneMapping,toneMappingExposure:1,outputColorSpace:r.SRGBColorSpace},a),this.renderer=null,this.scene=null,this.camera=null,this.controls=null,this.renderTargets=new Map,this.postProcessing={composer:null,passes:[]},this.stats={triangles:0,geometries:0,textures:0,calls:0,frameTime:0},this.animationMixer=null,this.clock=new r.Clock},[{key:"initializeRenderer",value:function(i){this.renderer&&this.dispose();try{return this.renderer=new r.WebGLRenderer({antialias:this.options.antialias,alpha:this.options.alpha,preserveDrawingBuffer:!1,powerPreference:"high-performance"}),this.renderer.setPixelRatio(Math.min(window.devicePixelRatio,2)),this.renderer.setSize(i.clientWidth,i.clientHeight),this.renderer.setClearColor(0,0),this.options.shadowMapEnabled&&(this.renderer.shadowMap.enabled=!0,this.renderer.shadowMap.type=this.options.shadowMapType),this.renderer.toneMapping=this.options.toneMapping,this.renderer.toneMappingExposure=this.options.toneMappingExposure,this.renderer.outputColorSpace=this.options.outputColorSpace,this.renderer.useLegacyLights=!1,i.appendChild(this.renderer.domElement),s.info("✅ 3D Renderer initialized"),this.renderer}catch(i){throw s.error("❌ Failed to initialize 3D renderer:",i),i}}},{key:"createScene",value:function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=i.background,e=void 0===t?null:t,n=i.environment,o=void 0===n?null:n,a=i.fog,d=void 0===a?null:a;return this.scene=new r.Scene,e&&("string"==typeof e?this.scene.background=new r.Color(e):e.isTexture&&(this.scene.background=e)),o&&o.isTexture&&(this.scene.environment=o),d&&("linear"===d.type?this.scene.fog=new r.Fog(d.color,d.near,d.far):"exponential"===d.type&&(this.scene.fog=new r.FogExp2(d.color,d.density))),s.info("✅ 3D Scene created"),this.scene}},{key:"createCamera",value:function(){var i,e,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"perspective",o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=null===(i=this.renderer)||void 0===i||null===(i=i.domElement)||void 0===i?void 0:i.parentElement,d=a?a.clientWidth/a.clientHeight:1;if("perspective"===n){var v=o.fov,h=void 0===v?75:v,l=o.near,u=void 0===l?.1:l,c=o.far,f=void 0===c?1e3:c;o.position,this.camera=new r.PerspectiveCamera(h,d,u,f)}else if("orthographic"===n){var p=o.left,m=void 0===p?-10:p,w=o.right,g=void 0===w?10:w,y=o.top,S=void 0===y?10:y,M=o.bottom,x=void 0===M?-10:M,k=o.near,C=void 0===k?.1:k,P=o.far,D=void 0===P?1e3:P;o.position,this.camera=new r.OrthographicCamera(m,g,S,x,C,D)}this.camera&&((e=this.camera.position).set.apply(e,t(position)),s.info("✅ ".concat(n," camera created")));return this.camera}},{key:"render",value:function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(this.renderer){var n=i||this.scene,o=t||this.camera;if(n&&o){var r=performance.now(),s=this.clock.getDelta();this.animation.update(s),this.renderer.render(n,o,e),this.stats.frameTime=performance.now()-r,this.updateRenderStats()}}}},{key:"updateRenderStats",value:function(){if(this.renderer){var i=this.renderer.info;this.stats.triangles=i.render.triangles,this.stats.geometries=i.memory.geometries,this.stats.textures=i.memory.textures,this.stats.calls=i.render.calls}}},{key:"getRenderStats",value:function(){return e({},this.stats)}},{key:"resize",value:function(i,t){if(this.renderer){if(this.renderer.setSize(i,t),this.camera){if(this.camera.isPerspectiveCamera)this.camera.aspect=i/t;else if(this.camera.isOrthographicCamera){var e=i/t;this.camera.left=-10*e,this.camera.right=10*e,this.camera.top=10,this.camera.bottom=-10}this.camera.updateProjectionMatrix()}this.renderTargets.forEach(function(e){e.setSize(i,t)})}}},{key:"dispose",value:function(){this.renderTargets.forEach(function(i){i.dispose()}),this.renderTargets.clear(),this.animationMixer&&(this.animationMixer.stopAllAction(),this.animationMixer=null),this.renderer&&(this.renderer.dispose(),this.renderer.forceContextLoss(),this.renderer.domElement.parentElement&&this.renderer.domElement.parentElement.removeChild(this.renderer.domElement),this.renderer=null),this.scene=null,this.camera=null,this.controls=null,s.info("✅ 3D Rendering disposed")}}])}();export{a as Rendering3D};
+import { createClass as _createClass, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import * as THREE from 'three';
+import { logger } from '../core/debugLogger.js';
+
+var Rendering3D = /*#__PURE__*/function () {
+  function Rendering3D() {
+    var _this = this;
+    var _options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _classCallCheck(this, Rendering3D);
+    /**
+     * Lighting utilities
+     */
+    _defineProperty(this, "lighting", {
+      /**
+       * Add ambient light
+       * @param {number|string} color - Light color
+       * @param {number} intensity - Light intensity
+       * @returns {THREE.AmbientLight} Ambient light
+       */
+      addAmbient: function addAmbient() {
+        var _this$scene;
+        var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0x404040;
+        var intensity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.4;
+        var light = new THREE.AmbientLight(color, intensity);
+        (_this$scene = _this.scene) === null || _this$scene === void 0 || _this$scene.add(light);
+        return light;
+      },
+      /**
+       * Add directional light
+       * @param {Object} options - Light options
+       * @returns {THREE.DirectionalLight} Directional light
+       */
+      addDirectional: function addDirectional() {
+        var _light$position, _light$target$positio, _this$scene2, _this$scene3;
+        var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        var _options$color = options.color,
+          color = _options$color === void 0 ? 0xffffff : _options$color,
+          _options$intensity = options.intensity,
+          intensity = _options$intensity === void 0 ? 1 : _options$intensity,
+          _options$position = options.position,
+          position = _options$position === void 0 ? [10, 10, 5] : _options$position,
+          _options$target = options.target,
+          target = _options$target === void 0 ? [0, 0, 0] : _options$target,
+          _options$castShadow = options.castShadow,
+          castShadow = _options$castShadow === void 0 ? true : _options$castShadow,
+          _options$shadowMapSiz = options.shadowMapSize,
+          shadowMapSize = _options$shadowMapSiz === void 0 ? 2048 : _options$shadowMapSiz,
+          _options$shadowCamera = options.shadowCameraNear,
+          shadowCameraNear = _options$shadowCamera === void 0 ? 0.5 : _options$shadowCamera,
+          _options$shadowCamera2 = options.shadowCameraFar,
+          shadowCameraFar = _options$shadowCamera2 === void 0 ? 50 : _options$shadowCamera2,
+          _options$shadowCamera3 = options.shadowCameraLeft,
+          shadowCameraLeft = _options$shadowCamera3 === void 0 ? -10 : _options$shadowCamera3,
+          _options$shadowCamera4 = options.shadowCameraRight,
+          shadowCameraRight = _options$shadowCamera4 === void 0 ? 10 : _options$shadowCamera4,
+          _options$shadowCamera5 = options.shadowCameraTop,
+          shadowCameraTop = _options$shadowCamera5 === void 0 ? 10 : _options$shadowCamera5,
+          _options$shadowCamera6 = options.shadowCameraBottom,
+          shadowCameraBottom = _options$shadowCamera6 === void 0 ? -10 : _options$shadowCamera6;
+        var light = new THREE.DirectionalLight(color, intensity);
+        (_light$position = light.position).set.apply(_light$position, _toConsumableArray(position));
+        (_light$target$positio = light.target.position).set.apply(_light$target$positio, _toConsumableArray(target));
+        if (castShadow) {
+          light.castShadow = true;
+          light.shadow.mapSize.width = shadowMapSize;
+          light.shadow.mapSize.height = shadowMapSize;
+          light.shadow.camera.near = shadowCameraNear;
+          light.shadow.camera.far = shadowCameraFar;
+          light.shadow.camera.left = shadowCameraLeft;
+          light.shadow.camera.right = shadowCameraRight;
+          light.shadow.camera.top = shadowCameraTop;
+          light.shadow.camera.bottom = shadowCameraBottom;
+        }
+        (_this$scene2 = _this.scene) === null || _this$scene2 === void 0 || _this$scene2.add(light);
+        (_this$scene3 = _this.scene) === null || _this$scene3 === void 0 || _this$scene3.add(light.target);
+        return light;
+      },
+      /**
+       * Add point light
+       * @param {Object} options - Light options
+       * @returns {THREE.PointLight} Point light
+       */
+      addPoint: function addPoint() {
+        var _light$position2, _this$scene4;
+        var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        var _options$color2 = options.color,
+          color = _options$color2 === void 0 ? 0xffffff : _options$color2,
+          _options$intensity2 = options.intensity,
+          intensity = _options$intensity2 === void 0 ? 1 : _options$intensity2,
+          _options$distance = options.distance,
+          distance = _options$distance === void 0 ? 0 : _options$distance,
+          _options$decay = options.decay,
+          decay = _options$decay === void 0 ? 2 : _options$decay,
+          _options$position2 = options.position,
+          position = _options$position2 === void 0 ? [0, 10, 0] : _options$position2,
+          _options$castShadow2 = options.castShadow,
+          castShadow = _options$castShadow2 === void 0 ? false : _options$castShadow2,
+          _options$shadowMapSiz2 = options.shadowMapSize,
+          shadowMapSize = _options$shadowMapSiz2 === void 0 ? 1024 : _options$shadowMapSiz2;
+        var light = new THREE.PointLight(color, intensity, distance, decay);
+        (_light$position2 = light.position).set.apply(_light$position2, _toConsumableArray(position));
+        if (castShadow) {
+          light.castShadow = true;
+          light.shadow.mapSize.width = shadowMapSize;
+          light.shadow.mapSize.height = shadowMapSize;
+          light.shadow.camera.near = 0.1;
+          light.shadow.camera.far = 25;
+        }
+        (_this$scene4 = _this.scene) === null || _this$scene4 === void 0 || _this$scene4.add(light);
+        return light;
+      },
+      /**
+       * Add spotlight
+       * @param {Object} options - Light options
+       * @returns {THREE.SpotLight} Spotlight
+       */
+      addSpot: function addSpot() {
+        var _light$position3, _light$target$positio2, _this$scene5, _this$scene6;
+        var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        var _options$color3 = options.color,
+          color = _options$color3 === void 0 ? 0xffffff : _options$color3,
+          _options$intensity3 = options.intensity,
+          intensity = _options$intensity3 === void 0 ? 1 : _options$intensity3,
+          _options$distance2 = options.distance,
+          distance = _options$distance2 === void 0 ? 0 : _options$distance2,
+          _options$angle = options.angle,
+          angle = _options$angle === void 0 ? Math.PI / 3 : _options$angle,
+          _options$penumbra = options.penumbra,
+          penumbra = _options$penumbra === void 0 ? 0 : _options$penumbra,
+          _options$decay2 = options.decay,
+          decay = _options$decay2 === void 0 ? 2 : _options$decay2,
+          _options$position3 = options.position,
+          position = _options$position3 === void 0 ? [0, 10, 0] : _options$position3,
+          _options$target2 = options.target,
+          target = _options$target2 === void 0 ? [0, 0, 0] : _options$target2,
+          _options$castShadow3 = options.castShadow,
+          castShadow = _options$castShadow3 === void 0 ? true : _options$castShadow3,
+          _options$shadowMapSiz3 = options.shadowMapSize,
+          shadowMapSize = _options$shadowMapSiz3 === void 0 ? 1024 : _options$shadowMapSiz3;
+        var light = new THREE.SpotLight(color, intensity, distance, angle, penumbra, decay);
+        (_light$position3 = light.position).set.apply(_light$position3, _toConsumableArray(position));
+        (_light$target$positio2 = light.target.position).set.apply(_light$target$positio2, _toConsumableArray(target));
+        if (castShadow) {
+          light.castShadow = true;
+          light.shadow.mapSize.width = shadowMapSize;
+          light.shadow.mapSize.height = shadowMapSize;
+          light.shadow.camera.near = 0.5;
+          light.shadow.camera.far = 50;
+        }
+        (_this$scene5 = _this.scene) === null || _this$scene5 === void 0 || _this$scene5.add(light);
+        (_this$scene6 = _this.scene) === null || _this$scene6 === void 0 || _this$scene6.add(light.target);
+        return light;
+      }
+    });
+    /**
+     * Material utilities
+     */
+    _defineProperty(this, "materials", {
+      /**
+       * Create standard material
+       * @param {Object} options - Material options
+       * @returns {THREE.MeshStandardMaterial} Standard material
+       */
+      createStandard: function createStandard() {
+        var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        return new THREE.MeshStandardMaterial(_objectSpread2({
+          color: 0xffffff,
+          metalness: 0.0,
+          roughness: 0.5
+        }, options));
+      },
+      /**
+       * Create physical material
+       * @param {Object} options - Material options
+       * @returns {THREE.MeshPhysicalMaterial} Physical material
+       */
+      createPhysical: function createPhysical() {
+        var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        return new THREE.MeshPhysicalMaterial(_objectSpread2({
+          color: 0xffffff,
+          metalness: 0.0,
+          roughness: 0.5,
+          clearcoat: 0.0,
+          clearcoatRoughness: 0.0
+        }, options));
+      },
+      /**
+       * Create basic material
+       * @param {Object} options - Material options
+       * @returns {THREE.MeshBasicMaterial} Basic material
+       */
+      createBasic: function createBasic() {
+        var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        return new THREE.MeshBasicMaterial(_objectSpread2({
+          color: 0xffffff
+        }, options));
+      },
+      /**
+       * Create shader material
+       * @param {Object} options - Material options
+       * @returns {THREE.ShaderMaterial} Shader material
+       */
+      createShader: function createShader() {
+        var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        return new THREE.ShaderMaterial({
+          vertexShader: options.vertexShader || "\n          void main() {\n            gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n          }\n        ",
+          fragmentShader: options.fragmentShader || "\n          void main() {\n            gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);\n          }\n        ",
+          uniforms: options.uniforms || {}
+        });
+      }
+    });
+    /**
+     * Geometry utilities
+     */
+    _defineProperty(this, "geometry", {
+      /**
+       * Create box geometry
+       * @param {number} width - Width
+       * @param {number} height - Height
+       * @param {number} depth - Depth
+       * @returns {THREE.BoxGeometry} Box geometry
+       */
+      createBox: function createBox() {
+        var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+        var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+        var depth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+        return new THREE.BoxGeometry(width, height, depth);
+      },
+      /**
+       * Create sphere geometry
+       * @param {number} radius - Radius
+       * @param {number} widthSegments - Width segments
+       * @param {number} heightSegments - Height segments
+       * @returns {THREE.SphereGeometry} Sphere geometry
+       */
+      createSphere: function createSphere() {
+        var radius = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+        var widthSegments = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 32;
+        var heightSegments = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 16;
+        return new THREE.SphereGeometry(radius, widthSegments, heightSegments);
+      },
+      /**
+       * Create cylinder geometry
+       * @param {number} radiusTop - Top radius
+       * @param {number} radiusBottom - Bottom radius
+       * @param {number} height - Height
+       * @param {number} radialSegments - Radial segments
+       * @returns {THREE.CylinderGeometry} Cylinder geometry
+       */
+      createCylinder: function createCylinder() {
+        var radiusTop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+        var radiusBottom = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+        var height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+        var radialSegments = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 32;
+        return new THREE.CylinderGeometry(radiusTop, radiusBottom, height, radialSegments);
+      },
+      /**
+       * Create plane geometry
+       * @param {number} width - Width
+       * @param {number} height - Height
+       * @returns {THREE.PlaneGeometry} Plane geometry
+       */
+      createPlane: function createPlane() {
+        var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+        var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+        return new THREE.PlaneGeometry(width, height);
+      }
+    });
+    /**
+     * Render target utilities
+     */
+    _defineProperty(this, "renderTargets", {
+      /**
+       * Create render target
+       * @param {number} width - Width
+       * @param {number} height - Height
+       * @param {Object} options - Render target options
+       * @returns {THREE.WebGLRenderTarget} Render target
+       */
+      create: function create(width, height) {
+        var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+        var renderTarget = new THREE.WebGLRenderTarget(width, height, _objectSpread2({
+          minFilter: THREE.LinearFilter,
+          magFilter: THREE.LinearFilter,
+          format: THREE.RGBAFormat,
+          type: THREE.UnsignedByteType
+        }, options));
+        var id = "rt_".concat(Date.now(), "_").concat(Math.random().toString(36).substr(2, 9));
+        _this.renderTargets.set(id, renderTarget);
+        return {
+          id: id,
+          renderTarget: renderTarget
+        };
+      },
+      /**
+       * Get render target by ID
+       * @param {string} id - Render target ID
+       * @returns {THREE.WebGLRenderTarget} Render target
+       */
+      get: function get(id) {
+        return _this.renderTargets.get(id);
+      },
+      /**
+       * Remove render target
+       * @param {string} id - Render target ID
+       */
+      remove: function remove(id) {
+        var renderTarget = _this.renderTargets.get(id);
+        if (renderTarget) {
+          renderTarget.dispose();
+          _this.renderTargets.delete(id);
+        }
+      }
+    });
+    /**
+     * Animation utilities
+     */
+    _defineProperty(this, "animation", {
+      /**
+       * Create animation mixer
+       * @param {THREE.Object3D} object - Object to animate
+       * @returns {THREE.AnimationMixer} Animation mixer
+       */
+      createMixer: function createMixer(object) {
+        _this.animationMixer = new THREE.AnimationMixer(object);
+        return _this.animationMixer;
+      },
+      /**
+       * Add animation clip
+       * @param {THREE.AnimationClip} clip - Animation clip
+       * @returns {THREE.AnimationAction} Animation action
+       */
+      addClip: function addClip(clip) {
+        if (!_this.animationMixer) {
+          throw new Error('Animation mixer not created');
+        }
+        return _this.animationMixer.clipAction(clip);
+      },
+      /**
+       * Update animations
+       * @param {number} deltaTime - Delta time
+       */
+      update: function update(deltaTime) {
+        if (_this.animationMixer) {
+          _this.animationMixer.update(deltaTime);
+        }
+      }
+    });
+    /**
+     * Screenshot utilities
+     */
+    _defineProperty(this, "screenshot", {
+      /**
+       * Capture screenshot as data URL
+       * @param {string} format - Image format
+       * @param {number} quality - Image quality (0-1)
+       * @returns {string} Data URL
+       */
+      toDataURL: function toDataURL() {
+        var format = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'image/png';
+        var quality = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1.0;
+        if (!_this.renderer) return '';
+        return _this.renderer.domElement.toDataURL(format, quality);
+      },
+      /**
+       * Capture screenshot as blob
+       * @param {string} format - Image format
+       * @param {number} quality - Image quality (0-1)
+       * @returns {Promise<Blob>} Image blob
+       */
+      toBlob: function toBlob() {
+        var format = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'image/png';
+        var quality = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1.0;
+        if (!_this.renderer) return Promise.resolve(null);
+        return new Promise(function (resolve) {
+          _this.renderer.domElement.toBlob(resolve, format, quality);
+        });
+      }
+    });
+    this.options = _objectSpread2({
+      antialias: true,
+      alpha: true,
+      shadowMapEnabled: true,
+      shadowMapType: THREE.PCFSoftShadowMap,
+      toneMapping: THREE.ACESFilmicToneMapping,
+      toneMappingExposure: 1.0,
+      outputColorSpace: THREE.SRGBColorSpace
+    }, _options);
+    this.renderer = null;
+    this.scene = null;
+    this.camera = null;
+    this.controls = null;
+    this.renderTargets = new Map();
+    this.postProcessing = {
+      composer: null,
+      passes: []
+    };
+    this.stats = {
+      triangles: 0,
+      geometries: 0,
+      textures: 0,
+      calls: 0,
+      frameTime: 0
+    };
+    this.animationMixer = null;
+    this.clock = new THREE.Clock();
+  }
+
+  /**
+   * Initialize renderer
+   * @param {HTMLElement} container - Container element
+   * @returns {THREE.WebGLRenderer} Renderer instance
+   */
+  return _createClass(Rendering3D, [{
+    key: "initializeRenderer",
+    value: function initializeRenderer(container) {
+      if (this.renderer) {
+        this.dispose();
+      }
+      try {
+        this.renderer = new THREE.WebGLRenderer({
+          antialias: this.options.antialias,
+          alpha: this.options.alpha,
+          preserveDrawingBuffer: false,
+          powerPreference: 'high-performance'
+        });
+
+        // Configure renderer
+        this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
+        this.renderer.setSize(container.clientWidth, container.clientHeight);
+        this.renderer.setClearColor(0x000000, 0);
+
+        // Shadow mapping
+        if (this.options.shadowMapEnabled) {
+          this.renderer.shadowMap.enabled = true;
+          this.renderer.shadowMap.type = this.options.shadowMapType;
+        }
+
+        // Tone mapping
+        this.renderer.toneMapping = this.options.toneMapping;
+        this.renderer.toneMappingExposure = this.options.toneMappingExposure;
+        this.renderer.outputColorSpace = this.options.outputColorSpace;
+
+        // Physical lights
+        this.renderer.useLegacyLights = false;
+        container.appendChild(this.renderer.domElement);
+        logger.info('✅ 3D Renderer initialized');
+        return this.renderer;
+      } catch (error) {
+        logger.error('❌ Failed to initialize 3D renderer:', error);
+        throw error;
+      }
+    }
+
+    /**
+     * Create and configure scene
+     * @param {Object} options - Scene options
+     * @returns {THREE.Scene} Scene instance
+     */
+  }, {
+    key: "createScene",
+    value: function createScene() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var _options$background = options.background,
+        background = _options$background === void 0 ? null : _options$background,
+        _options$environment = options.environment,
+        environment = _options$environment === void 0 ? null : _options$environment,
+        _options$fog = options.fog,
+        fog = _options$fog === void 0 ? null : _options$fog;
+      this.scene = new THREE.Scene();
+      if (background) {
+        if (typeof background === 'string') {
+          this.scene.background = new THREE.Color(background);
+        } else if (background.isTexture) {
+          this.scene.background = background;
+        }
+      }
+      if (environment && environment.isTexture) {
+        this.scene.environment = environment;
+      }
+      if (fog) {
+        if (fog.type === 'linear') {
+          this.scene.fog = new THREE.Fog(fog.color, fog.near, fog.far);
+        } else if (fog.type === 'exponential') {
+          this.scene.fog = new THREE.FogExp2(fog.color, fog.density);
+        }
+      }
+      logger.info('✅ 3D Scene created');
+      return this.scene;
+    }
+
+    /**
+     * Create camera
+     * @param {string} type - Camera type ('perspective' or 'orthographic')
+     * @param {Object} options - Camera options
+     * @returns {THREE.Camera} Camera instance
+     */
+  }, {
+    key: "createCamera",
+    value: function createCamera() {
+      var _this$renderer;
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'perspective';
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var container = (_this$renderer = this.renderer) === null || _this$renderer === void 0 || (_this$renderer = _this$renderer.domElement) === null || _this$renderer === void 0 ? void 0 : _this$renderer.parentElement;
+      var aspect = container ? container.clientWidth / container.clientHeight : 1;
+      if (type === 'perspective') {
+        var _options$fov = options.fov,
+          fov = _options$fov === void 0 ? 75 : _options$fov,
+          _options$near = options.near,
+          near = _options$near === void 0 ? 0.1 : _options$near,
+          _options$far = options.far,
+          far = _options$far === void 0 ? 1000 : _options$far;
+          options.position;
+        this.camera = new THREE.PerspectiveCamera(fov, aspect, near, far);
+      } else if (type === 'orthographic') {
+        var _options$left = options.left,
+          left = _options$left === void 0 ? -10 : _options$left,
+          _options$right = options.right,
+          right = _options$right === void 0 ? 10 : _options$right,
+          _options$top = options.top,
+          top = _options$top === void 0 ? 10 : _options$top,
+          _options$bottom = options.bottom,
+          bottom = _options$bottom === void 0 ? -10 : _options$bottom,
+          _options$near2 = options.near,
+          _near = _options$near2 === void 0 ? 0.1 : _options$near2,
+          _options$far2 = options.far,
+          _far = _options$far2 === void 0 ? 1000 : _options$far2;
+          options.position;
+        this.camera = new THREE.OrthographicCamera(left, right, top, bottom, _near, _far);
+      }
+      if (this.camera) {
+        var _this$camera$position;
+        (_this$camera$position = this.camera.position).set.apply(_this$camera$position, _toConsumableArray(position));
+        logger.info("\u2705 ".concat(type, " camera created"));
+      }
+      return this.camera;
+    }
+  }, {
+    key: "render",
+    value:
+    /**
+     * Render scene
+     * @param {THREE.Scene} scene - Scene to render (optional)
+     * @param {THREE.Camera} camera - Camera to use (optional)
+     * @param {THREE.WebGLRenderTarget} renderTarget - Render target (optional)
+     */
+    function render() {
+      var scene = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      var camera = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var renderTarget = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      if (!this.renderer) return;
+      var renderScene = scene || this.scene;
+      var renderCamera = camera || this.camera;
+      if (!renderScene || !renderCamera) return;
+
+      // Update stats
+      var startTime = performance.now();
+
+      // Update animations
+      var deltaTime = this.clock.getDelta();
+      this.animation.update(deltaTime);
+
+      // Render
+      this.renderer.render(renderScene, renderCamera, renderTarget);
+
+      // Update stats
+      this.stats.frameTime = performance.now() - startTime;
+      this.updateRenderStats();
+    }
+
+    /**
+     * Update render statistics
+     */
+  }, {
+    key: "updateRenderStats",
+    value: function updateRenderStats() {
+      if (!this.renderer) return;
+      var info = this.renderer.info;
+      this.stats.triangles = info.render.triangles;
+      this.stats.geometries = info.memory.geometries;
+      this.stats.textures = info.memory.textures;
+      this.stats.calls = info.render.calls;
+    }
+
+    /**
+     * Get render statistics
+     * @returns {Object} Render stats
+     */
+  }, {
+    key: "getRenderStats",
+    value: function getRenderStats() {
+      return _objectSpread2({}, this.stats);
+    }
+
+    /**
+     * Resize renderer
+     * @param {number} width - New width
+     * @param {number} height - New height
+     */
+  }, {
+    key: "resize",
+    value: function resize(width, height) {
+      if (!this.renderer) return;
+      this.renderer.setSize(width, height);
+      if (this.camera) {
+        if (this.camera.isPerspectiveCamera) {
+          this.camera.aspect = width / height;
+        } else if (this.camera.isOrthographicCamera) {
+          var aspect = width / height;
+          this.camera.left = -10 * aspect;
+          this.camera.right = 10 * aspect;
+          this.camera.top = 10;
+          this.camera.bottom = -10;
+        }
+        this.camera.updateProjectionMatrix();
+      }
+
+      // Update render targets
+      this.renderTargets.forEach(function (renderTarget) {
+        renderTarget.setSize(width, height);
+      });
+    }
+  }, {
+    key: "dispose",
+    value:
+    /**
+     * Dispose of all resources
+     */
+    function dispose() {
+      // Dispose render targets
+      this.renderTargets.forEach(function (renderTarget) {
+        renderTarget.dispose();
+      });
+      this.renderTargets.clear();
+
+      // Dispose animation mixer
+      if (this.animationMixer) {
+        this.animationMixer.stopAllAction();
+        this.animationMixer = null;
+      }
+
+      // Dispose renderer
+      if (this.renderer) {
+        this.renderer.dispose();
+        this.renderer.forceContextLoss();
+        if (this.renderer.domElement.parentElement) {
+          this.renderer.domElement.parentElement.removeChild(this.renderer.domElement);
+        }
+        this.renderer = null;
+      }
+
+      // Clear references
+      this.scene = null;
+      this.camera = null;
+      this.controls = null;
+      logger.info('✅ 3D Rendering disposed');
+    }
+  }]);
+}();
+
+export { Rendering3D };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@2112-lab/central-plant",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Utility modules for the Central Plant Application",
   "main": "dist/bundle/index.js",
   "module": "dist/esm/index.js",