@sequent-org/ifc-viewer 1.2.4-ci.40.0 → 1.2.4-ci.42.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sequent-org/ifc-viewer",
   "private": false,
-  "version": "1.2.4-ci.40.0",
+  "version": "1.2.4-ci.42.0",
   "type": "module",
   "description": "IFC 3D model viewer component for web applications - fully self-contained with local IFCLoader",
   "main": "src/index.js",

package/src/ifc/IfcService.js

@@ -113,7 +113,7 @@ export class IfcService {
       // Ранее используемые флаги вроде USE_FAST_BOOLS/SMALL_TRIANGLE_THRESHOLD библиотекой web-ifc не используются.
       const config = {
         COORDINATE_TO_ORIGIN: true,
-        CIRCLE_SEGMENTS: 12,
+        CIRCLE_SEGMENTS: 32,  // Увеличено с 12 до 32 для гладких кривых (уменьшает "лесенку")
         // Tolerances: см. web-ifc CreateSettings defaults
         TOLERANCE_PLANE_INTERSECTION: 1e-4,
         TOLERANCE_PLANE_DEVIATION: 1e-4,

package/src/viewer/Viewer.js

@@ -9,6 +9,7 @@ import { SSAOPass } from "three/examples/jsm/postprocessing/SSAOPass.js";
 import { ShaderPass } from "three/examples/jsm/postprocessing/ShaderPass.js";
 import { HueSaturationShader } from "three/examples/jsm/shaders/HueSaturationShader.js";
 import { BrightnessContrastShader } from "three/examples/jsm/shaders/BrightnessContrastShader.js";
+import { FXAAShader } from "three/examples/jsm/shaders/FXAAShader.js";
 import { RoomEnvironment } from "three/examples/jsm/environments/RoomEnvironment.js";
 import { NavCube } from "./NavCube.js";
 import { SectionManipulator } from "./SectionManipulator.js";
@@ -143,6 +144,14 @@ export class Viewer {
         z: null,
       },
     };
+    // Состояние "есть ли активное сечение" (нужно, чтобы сечение влияло на тени/освещение).
+    this._sectionClippingActive = false;
+    /** @type {WeakMap<THREE.Mesh, any>} */
+    this._sectionOriginalMaterial = new WeakMap();
+    // +50% яркости при активном сечении (комнаты светлее)
+    this._sectionLightBoost = { mul: 1.5, snapshot: null };
+    // При активном сечении: AO выключаем (убирает "сетку"), а контраст возвращаем лёгкой цветокоррекцией
+    this._sectionPostBoost = { snapshot: null, brightness: 0.03, contrast: 0.15 };
 
     // Snapshot начального состояния для Home
     this._home = {
@@ -1056,6 +1065,13 @@ export class Viewer {
     if (this._ssaoPass?.setSize) {
       try { this._ssaoPass.setSize(width, height); } catch (_) {}
     }
+    // Обновляем FXAA resolution при изменении размера
+    if (this._fxaaPass) {
+      try {
+        this._fxaaPass.material.uniforms['resolution'].value.x = 1 / Math.max(1, width);
+        this._fxaaPass.material.uniforms['resolution'].value.y = 1 / Math.max(1, height);
+      } catch (_) {}
+    }
 
     // Если активен MMB-pan (viewOffset), нужно переустановить его под новый размер
     try { this._mmbPan?.controller?.applyCurrentOffset?.(width, height); } catch (_) {}
@@ -1184,8 +1200,8 @@ export class Viewer {
       if (node.isMesh) {
         // Тени управляются единообразно через setShadowsEnabled()
         node.castShadow = !!this.shadowsEnabled;
-        // Самозатенение включается только в пресете "Тест"
-        node.receiveShadow = !!this.shadowsEnabled && !!this._testPreset?.enabled;
+        // Самозатенение: в тест-пресете ИЛИ при активном сечении
+        node.receiveShadow = this.#getModelReceiveShadowEnabled();
         // Стекло/прозрачность: рендерим после непрозрачных (уменьшает мерцание сортировки)
         try {
           const mats = Array.isArray(node.material) ? node.material : [node.material];
@@ -1199,6 +1215,8 @@ export class Viewer {
 
     // Материальный пресет (если выбран не original)
     this.#applyMaterialStyleToModel(object3D);
+    // Синхронизируем "сечение → shadow-pass" для материалов после назначения пресета
+    this.#applyClipShadowsToModelMaterials();
 
     // Настроим пределы зума и сфокусируемся на новой модели
     this.applyAdaptiveZoomLimits(object3D, { padding: 1.2, slack: 2.5, minRatio: 0.05, recenter: true });
@@ -1679,10 +1697,12 @@ export class Viewer {
       this.activeModel.traverse?.((node) => {
         if (!node?.isMesh) return;
         node.castShadow = next;
-        // Самозатенение включается только в пресете "Тест"
-        node.receiveShadow = next && !!this._testPreset?.enabled;
+        // Самозатенение: в тест-пресете ИЛИ при активном сечении
+        node.receiveShadow = this.#getModelReceiveShadowEnabled();
       });
     }
+    // Если тени переключили — синхронизируем shadow-pass клиппинга
+    this.#applyClipShadowsToModelMaterials();
   }
 
   /**
@@ -1847,9 +1867,180 @@ export class Viewer {
       this.activeModel.traverse?.((node) => {
         if (!node?.isMesh) return;
         node.castShadow = !!this.shadowsEnabled;
-        node.receiveShadow = false;
+        node.receiveShadow = this.#getModelReceiveShadowEnabled();
       });
     }
+    this.#applyClipShadowsToModelMaterials();
+  }
+
+  #getModelReceiveShadowEnabled() {
+    // Самозатенение нужно для корректного освещения при сечении (видны комнаты внутри).
+    return !!this.shadowsEnabled && (this._sectionClippingActive || !!this._testPreset?.enabled);
+  }
+
+  #getClipShadowsEnabled() {
+    // Чтобы внешняя тень менялась при движении сечения, клиппинг должен участвовать в shadow-pass.
+    return !!this.shadowsEnabled && !!this._sectionClippingActive;
+  }
+
+  #applyClipShadowsToModelMaterials() {
+    const model = this.activeModel || this.demoCube;
+    if (!model) return;
+    const enabled = this.#getClipShadowsEnabled();
+    const touched = new Set();
+    // ВАЖНО: НЕ использовать renderer.clippingPlanes (там каждый кадр создаётся новый массив).
+    // Для shadow-pass материал должен держать актуальный список активных плоскостей.
+    const activePlanes = enabled
+      ? (this.clipping?.planes || []).filter((p) => p && isFinite(p.constant))
+      : null;
+    model.traverse?.((node) => {
+      if (!node?.isMesh) return;
+      const mats = Array.isArray(node.material) ? node.material : [node.material];
+      for (const m of mats) {
+        if (!m || touched.has(m)) continue;
+        touched.add(m);
+        try {
+          // Важно: для shadow-pass надёжнее использовать LOCAL clipping (material.clippingPlanes) + clipShadows.
+          // Иначе часть сборок three может не применять global renderer.clippingPlanes к shadow map.
+          if ('clippingPlanes' in m) m.clippingPlanes = activePlanes;
+          if ('clipShadows' in m) m.clipShadows = enabled;
+          // Тени “среза” и внутренняя отрисовка часто требуют double-side (в IFC нормали бывают проблемные).
+          if (enabled && 'side' in m && m.side !== THREE.DoubleSide) m.side = THREE.DoubleSide;
+          m.needsUpdate = true; // пересобрать шейдеры (включая depth/shadow варианты)
+        } catch (_) {}
+      }
+    });
+  }
+
+  #applySectionMaterialPolicy() {
+    // При активном сечении переводим неосвещаемые материалы в MeshStandardMaterial,
+    // чтобы внутри появились свет/тени. При выключении — возвращаем оригиналы.
+    const model = this.activeModel || this.demoCube;
+    if (!model) return;
+
+    if (!this._sectionClippingActive) {
+      model.traverse?.((node) => {
+        if (!node?.isMesh) return;
+        const orig = this._sectionOriginalMaterial.get(node);
+        if (orig) node.material = orig;
+      });
+      return;
+    }
+
+    model.traverse?.((node) => {
+      if (!node?.isMesh) return;
+      const cur = node.material;
+      if (!cur) return;
+      // Трогаем только "неосвещаемые" материалы (они не показывают тени на стенах).
+      const arr = Array.isArray(cur) ? cur : [cur];
+      const hasBasic = arr.some((m) => !!m?.isMeshBasicMaterial);
+      if (!hasBasic) return;
+
+      if (!this._sectionOriginalMaterial.has(node)) {
+        this._sectionOriginalMaterial.set(node, cur);
+      }
+
+      const convert = (m) => {
+        if (!m?.isMeshBasicMaterial) return m;
+        const cm = this.#getConvertedMaterial(m); // -> MeshStandardMaterial с сохранением color/map/alpha
+        // Делаем "архитектурный" вид по умолчанию: матовый, без металла
+        try { if ('roughness' in cm) cm.roughness = 0.9; } catch (_) {}
+        try { if ('metalness' in cm) cm.metalness = 0.0; } catch (_) {}
+        try { cm.needsUpdate = true; } catch (_) {}
+        return cm;
+      };
+
+      node.material = Array.isArray(cur) ? cur.map(convert) : convert(cur);
+    });
+  }
+
+  #syncSectionClippingState() {
+    const active = this.clipping?.planes?.some((p) => p && isFinite(p.constant));
+    const next = !!active;
+    if (next === this._sectionClippingActive) return;
+    this._sectionClippingActive = next;
+
+    // 0) Светлее при сечении (+50%)
+    try {
+      if (this._sectionClippingActive) {
+        if (!this._sectionLightBoost.snapshot) {
+          this._sectionLightBoost.snapshot = {
+            sunIntensity: this.sunLight?.intensity ?? null,
+            ambientIntensity: this.ambientLight?.intensity ?? null,
+          };
+        }
+        if (this.sunLight && Number.isFinite(this._sectionLightBoost.snapshot.sunIntensity)) {
+          this.sunLight.intensity = this._sectionLightBoost.snapshot.sunIntensity * this._sectionLightBoost.mul;
+        }
+        if (this.ambientLight && Number.isFinite(this._sectionLightBoost.snapshot.ambientIntensity)) {
+          this.ambientLight.intensity = this._sectionLightBoost.snapshot.ambientIntensity * this._sectionLightBoost.mul;
+        }
+      } else {
+        const snap = this._sectionLightBoost.snapshot;
+        if (snap) {
+          if (this.sunLight && Number.isFinite(snap.sunIntensity)) this.sunLight.intensity = snap.sunIntensity;
+          if (this.ambientLight && Number.isFinite(snap.ambientIntensity)) this.ambientLight.intensity = snap.ambientIntensity;
+        }
+        this._sectionLightBoost.snapshot = null;
+      }
+    } catch (_) {}
+
+    // 0.5) Пост-эффекты: AO OFF + лёгкий контраст (только при сечении)
+    try {
+      if (this._sectionClippingActive) {
+        if (!this._sectionPostBoost.snapshot) {
+          this._sectionPostBoost.snapshot = {
+            ao: { ...this.visual.ao },
+            color: { ...this.visual.color },
+          };
+        }
+        // AO OFF
+        this.setAOEnabled(false);
+        // Color correction ON (без изменения hue/saturation)
+        this.setColorCorrectionEnabled(true);
+        this.setColorBrightness(this._sectionPostBoost.brightness);
+        this.setColorContrast(this._sectionPostBoost.contrast);
+      } else {
+        const snap = this._sectionPostBoost.snapshot;
+        if (snap) {
+          // Restore AO
+          this.setAOEnabled(!!snap.ao?.enabled);
+          if (typeof snap.ao?.intensity === 'number') this.setAOIntensity(snap.ao.intensity);
+          if (typeof snap.ao?.radius === 'number') this.setAORadius(snap.ao.radius);
+          if (typeof snap.ao?.minDistance === 'number') this.visual.ao.minDistance = snap.ao.minDistance;
+          if (typeof snap.ao?.maxDistance === 'number') this.visual.ao.maxDistance = snap.ao.maxDistance;
+          if (this._ssaoPass) {
+            this._ssaoPass.minDistance = this.visual.ao.minDistance;
+            this._ssaoPass.maxDistance = this.visual.ao.maxDistance;
+          }
+          // Restore color correction
+          this.setColorCorrectionEnabled(!!snap.color?.enabled);
+          if (typeof snap.color?.hue === 'number') this.setColorHue(snap.color.hue);
+          if (typeof snap.color?.saturation === 'number') this.setColorSaturation(snap.color.saturation);
+          if (typeof snap.color?.brightness === 'number') this.setColorBrightness(snap.color.brightness);
+          if (typeof snap.color?.contrast === 'number') this.setColorContrast(snap.color.contrast);
+        }
+        this._sectionPostBoost.snapshot = null;
+      }
+    } catch (_) {}
+
+    // 1) self-shadowing (комнаты/стены)
+    if (this.activeModel) {
+      this.activeModel.traverse?.((node) => {
+        if (!node?.isMesh) return;
+        try { node.receiveShadow = this.#getModelReceiveShadowEnabled(); } catch (_) {}
+      });
+    }
+
+    // 1.5) materials: ensure they react to light/shadows when section is active
+    this.#applySectionMaterialPolicy();
+
+    // 2) clipping in shadow pass (крыша перестаёт участвовать в тени)
+    this.#applyClipShadowsToModelMaterials();
+
+    // 3) форсируем апдейт теней
+    try { if (this.sunLight?.shadow) this.sunLight.shadow.needsUpdate = true; } catch (_) {}
+    try { if (this.renderer?.shadowMap) this.renderer.shadowMap.needsUpdate = true; } catch (_) {}
   }
 
   /**
@@ -2722,6 +2913,14 @@ export class Viewer {
     this._step4Pass.enabled = !!this._step4?.enabled;
     this._composer.addPass(this._step4Pass);
     this.#applyStep4Uniforms();
+    
+    // FXAA pass для устранения "лесенки" на кривых линиях (aliasing)
+    this._fxaaPass = new ShaderPass(FXAAShader);
+    this._fxaaPass.material.uniforms['resolution'].value.x = 1 / w;
+    this._fxaaPass.material.uniforms['resolution'].value.y = 1 / h;
+    this._fxaaPass.enabled = true;  // Включен всегда для сглаживания
+    this._composer.addPass(this._fxaaPass);
+    
     try { this._composer.setSize(w, h); } catch (_) {}
   }
 
@@ -3020,6 +3219,9 @@ export class Viewer {
       plane.constant = Infinity;
       this.#setGizmoVisible(axis, false);
     }
+
+    // Сечение → тени/освещение
+    this.#syncSectionClippingState();
   }
 
   // Устанавливает позицию секущей плоскости по нормализованному значению [0..1] в пределах габаритов модели