@sequent-org/ifc-viewer 1.2.4-ci.28.0 → 1.2.4-ci.30.0

package/package.json

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

package/src/IfcViewer.js

@@ -85,6 +85,7 @@ export class IfcViewer {
       quality: 'medium', // 'low' | 'medium' | 'high'
       edgesVisible: false,
       flatShading: true,
+      shadowsEnabled: true,
       clipping: {
         x: false,
         y: false,
@@ -501,6 +502,12 @@ export class IfcViewer {
     this._addEventListener('#ifcToggleEdges', 'click', () => {
       this._toggleEdges();
     });
+    this._addEventListener('#ifcToggleShadows', 'click', () => {
+      this._toggleShadows();
+    });
+    this._addEventListener('#ifcToggleProjection', 'click', () => {
+      this._toggleProjection();
+    });
     this._addEventListener('#ifcToggleShading', 'click', () => {
       this._toggleShading();
     });
@@ -702,6 +709,45 @@ export class IfcViewer {
     }
   }
 
+  /**
+   * Переключает тени (вкл/выкл) для сцены.
+   * @private
+   */
+  _toggleShadows() {
+    if (!this.viewer) return;
+    this.viewerState.shadowsEnabled = !this.viewerState.shadowsEnabled;
+    try { this.viewer.setShadowsEnabled(this.viewerState.shadowsEnabled); } catch (_) {}
+    const btn = this.containerElement.querySelector('#ifcToggleShadows');
+    if (btn) btn.classList.toggle('btn-active', this.viewerState.shadowsEnabled);
+  }
+
+  /**
+   * Переключает режим проекции (Perspective ↔ Ortho) и меняет иконку по правилу "показываем действие".
+   * @private
+   */
+  _toggleProjection() {
+    if (!this.viewer) return;
+
+    // Иконки: показываем альтернативный режим
+    const ICON_PERSPECTIVE = `
+      <svg width="24" height="24" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+        <path fill="#000000" d="M365.50 333.29 A 0.30 0.30 0.0 0 0 365.95 333.55 L 492.36 259.80 A 0.47 0.47 0.0 0 0 492.51 259.12 Q 489.74 255.31 492.90 252.78 A 0.30 0.30 0.0 0 0 492.83 252.27 C 489.14 250.57 490.13 245.43 493.90 244.50 C 496.33 243.90 501.93 247.88 504.97 249.79 A 1.50 1.48 -85.3 0 1 505.54 250.47 L 505.97 251.53 A 0.72 0.71 76.6 0 0 506.67 251.97 C 509.70 251.84 512.28 254.84 511.15 257.67 Q 510.77 258.62 508.18 260.14 C 355.38 349.68 251.70 410.06 149.28 469.74 A 3.94 3.93 -44.9 0 1 145.31 469.74 Q 7.70 389.45 2.96 386.69 C 0.09 385.02 0.50 382.93 0.50 379.49 Q 0.50 259.79 0.50 128.77 C 0.50 127.21 1.85 125.96 3.27 125.13 Q 68.02 87.24 145.61 41.87 C 146.90 41.11 148.92 41.81 150.33 42.63 Q 219.34 82.64 289.83 124.16 C 291.25 125.00 292.80 126.11 294.76 127.15 Q 299.89 129.89 301.84 131.37 C 305.49 134.15 301.99 140.40 297.26 138.18 Q 295.67 137.42 294.41 136.58 A 0.26 0.26 0.0 0 0 294.00 136.80 L 294.00 209.83 A 0.44 0.44 0.0 0 0 294.36 210.26 Q 340.50 219.23 361.26 223.22 C 366.12 224.15 365.53 227.44 365.51 232.03 Q 365.50 234.52 365.49 251.11 A 0.73 0.73 0.0 0 0 366.22 251.84 L 370.02 251.84 A 3.64 3.64 0.0 0 1 373.66 255.48 L 373.66 256.72 A 3.45 3.44 0.0 0 1 370.21 260.16 L 366.15 260.16 A 0.65 0.65 0.0 0 0 365.50 260.81 L 365.50 333.29 Z"/>
+      </svg>
+    `;
+    const ICON_ORTHO = `
+      <svg width="24" height="24" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+        <path fill="#000000" d="M256.02 48.55 Q 257.33 48.55 258.06 48.94 Q 381.49 115.11 442.91 148.14 Q 445.24 149.39 445.26 152.25 Q 445.52 184.71 445.52 256.00 Q 445.52 327.29 445.26 359.75 Q 445.24 362.61 442.91 363.86 Q 381.49 396.89 258.06 463.06 Q 257.33 463.45 256.02 463.45 Q 254.71 463.45 253.98 463.06 Q 130.55 396.89 69.13 363.86 Q 66.80 362.61 66.78 359.75 Q 66.52 327.29 66.52 256.00 Q 66.52 184.71 66.78 152.25 Q 66.80 149.39 69.13 148.14 Q 130.55 115.11 253.98 48.94 Q 254.71 48.55 256.02 48.55 Z"/>
+      </svg>
+    `;
+
+    const next = this.viewer.toggleProjection?.();
+    const mode = next || this.viewer.getProjectionMode?.() || 'perspective';
+    const btn = this.containerElement.querySelector('#ifcToggleProjection');
+    if (btn) {
+      btn.innerHTML = (mode === 'perspective') ? ICON_ORTHO : ICON_PERSPECTIVE;
+    }
+  }
+
   /**
    * Переключает плоское затенение
    * @private

package/src/main.js

@@ -176,9 +176,14 @@ if (app) {
     // Дефолт (из текущих подобранных значений)
     shadowToggle.checked = true;
     viewer.setShadowsEnabled(true);
+    // синхронизируем тулбар-кнопку, если есть
+    const _btn = document.getElementById("ifcToggleShadows");
+    if (_btn) _btn.classList.toggle('btn-active', true);
     shadowToggle.addEventListener("change", (e) => {
       const on = !!e.target.checked;
       viewer.setShadowsEnabled(on);
+      const btn = document.getElementById("ifcToggleShadows");
+      if (btn) btn.classList.toggle('btn-active', on);
       // UI градиента имеет смысл только когда тени включены
       if (shadowGradToggle) shadowGradToggle.disabled = !on;
       if (shadowGradLen) shadowGradLen.disabled = !on;
@@ -540,6 +545,10 @@ if (app) {
   const qualHigh = document.getElementById("qualHigh");
   // Нижний тулбар пакета (index.html): Edges
   const toggleEdges = document.getElementById("ifcToggleEdges");
+  // Нижний тулбар пакета (index.html): Shadows
+  const toggleShadowsBtn = document.getElementById("ifcToggleShadows");
+  // Нижний тулбар пакета (index.html): Projection (Perspective/Ortho)
+  const toggleProjectionBtn = document.getElementById("ifcToggleProjection");
   const toggleShading = document.getElementById("toggleShading");
   // Нижний тулбар пакета (index.html): секущие плоскости
   const clipXBtn = document.getElementById("ifcClipX");
@@ -561,6 +570,44 @@ if (app) {
   let edgesOn = false;
   viewer.setEdgesVisible(edgesOn);
   toggleEdges?.addEventListener("click", () => { edgesOn = !edgesOn; viewer.setEdgesVisible(edgesOn); });
+
+  // Переключение вида: "без перспективы" (Ortho) ↔ Perspective
+  // Вариант 2: на кнопке показываем действие (альтернативный режим)
+  const PROJ_ICON_PERSPECTIVE = `
+    <svg width="24" height="24" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+      <path fill="#000000" d="M365.50 333.29 A 0.30 0.30 0.0 0 0 365.95 333.55 L 492.36 259.80 A 0.47 0.47 0.0 0 0 492.51 259.12 Q 489.74 255.31 492.90 252.78 A 0.30 0.30 0.0 0 0 492.83 252.27 C 489.14 250.57 490.13 245.43 493.90 244.50 C 496.33 243.90 501.93 247.88 504.97 249.79 A 1.50 1.48 -85.3 0 1 505.54 250.47 L 505.97 251.53 A 0.72 0.71 76.6 0 0 506.67 251.97 C 509.70 251.84 512.28 254.84 511.15 257.67 Q 510.77 258.62 508.18 260.14 C 355.38 349.68 251.70 410.06 149.28 469.74 A 3.94 3.93 -44.9 0 1 145.31 469.74 Q 7.70 389.45 2.96 386.69 C 0.09 385.02 0.50 382.93 0.50 379.49 Q 0.50 259.79 0.50 128.77 C 0.50 127.21 1.85 125.96 3.27 125.13 Q 68.02 87.24 145.61 41.87 C 146.90 41.11 148.92 41.81 150.33 42.63 Q 219.34 82.64 289.83 124.16 C 291.25 125.00 292.80 126.11 294.76 127.15 Q 299.89 129.89 301.84 131.37 C 305.49 134.15 301.99 140.40 297.26 138.18 Q 295.67 137.42 294.41 136.58 A 0.26 0.26 0.0 0 0 294.00 136.80 L 294.00 209.83 A 0.44 0.44 0.0 0 0 294.36 210.26 Q 340.50 219.23 361.26 223.22 C 366.12 224.15 365.53 227.44 365.51 232.03 Q 365.50 234.52 365.49 251.11 A 0.73 0.73 0.0 0 0 366.22 251.84 L 370.02 251.84 A 3.64 3.64 0.0 0 1 373.66 255.48 L 373.66 256.72 A 3.45 3.44 0.0 0 1 370.21 260.16 L 366.15 260.16 A 0.65 0.65 0.0 0 0 365.50 260.81 L 365.50 333.29 Z"/>
+    </svg>
+  `;
+  const PROJ_ICON_ORTHO = `
+    <svg width="24" height="24" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+      <path fill="#000000" d="M256.02 48.55 Q 257.33 48.55 258.06 48.94 Q 381.49 115.11 442.91 148.14 Q 445.24 149.39 445.26 152.25 Q 445.52 184.71 445.52 256.00 Q 445.52 327.29 445.26 359.75 Q 445.24 362.61 442.91 363.86 Q 381.49 396.89 258.06 463.06 Q 257.33 463.45 256.02 463.45 Q 254.71 463.45 253.98 463.06 Q 130.55 396.89 69.13 363.86 Q 66.80 362.61 66.78 359.75 Q 66.52 327.29 66.52 256.00 Q 66.52 184.71 66.78 152.25 Q 66.80 149.39 69.13 148.14 Q 130.55 115.11 253.98 48.94 Q 254.71 48.55 256.02 48.55 Z"/>
+    </svg>
+  `;
+  const syncProjectionIcon = () => {
+    if (!toggleProjectionBtn) return;
+    const mode = viewer.getProjectionMode?.() || 'perspective';
+    toggleProjectionBtn.innerHTML = (mode === 'perspective') ? PROJ_ICON_ORTHO : PROJ_ICON_PERSPECTIVE;
+  };
+  syncProjectionIcon();
+  toggleProjectionBtn?.addEventListener("click", () => {
+    viewer.toggleProjection?.();
+    syncProjectionIcon();
+  });
+
+  // Тени по умолчанию включены (как и в левой панели)
+  const setToolbarShadowsActive = (on) => {
+    if (toggleShadowsBtn) toggleShadowsBtn.classList.toggle('btn-active', !!on);
+  };
+  setToolbarShadowsActive(true);
+  toggleShadowsBtn?.addEventListener("click", () => {
+    const next = !(shadowToggle ? !!shadowToggle.checked : true);
+    // Меняем состояние у Viewer
+    viewer.setShadowsEnabled(next);
+    // Синхронизируем UI слева, если он есть
+    if (shadowToggle) shadowToggle.checked = next;
+    setToolbarShadowsActive(next);
+  });
+
   let flatOn = true;
   toggleShading?.addEventListener("click", () => { flatOn = !flatOn; viewer.setFlatShading(flatOn); });
 

package/src/viewer/Viewer.js

@@ -21,6 +21,19 @@ export class Viewer {
     this.renderer = null;
     this.scene = null;
     this.camera = null;
+    // Переключение проекции (добавляем второй "вид без перспективы", не трогая свет/материалы/постпроцесс)
+    this._projection = {
+      mode: 'perspective', // 'perspective' | 'ortho'
+      /** @type {THREE.PerspectiveCamera|null} */
+      persp: null,
+      /** @type {THREE.OrthographicCamera|null} */
+      ortho: null,
+      // Половина высоты орто-фрустума (top=+h,bottom=-h). Подбираем из текущего perspective-вида.
+      orthoHalfHeight: 10,
+      // Пределы зума для Ortho
+      minZoom: 0.25,
+      maxZoom: 8,
+    };
     this.animationId = null;
     this.controls = null;
     this.zoomListeners = new Set();
@@ -147,6 +160,91 @@ export class Viewer {
     this.animate = this.animate.bind(this);
   }
 
+  /**
+   * Меняет FOV перспективной камеры, сохраняя кадрирование (масштаб объекта на экране) по текущему target.
+   * Это позволяет "ослабить перспективу" без резкого зума.
+   * @param {number} fovDeg
+   * @param {{keepFraming?: boolean, log?: boolean}} [opts]
+   */
+  setPerspectiveFov(fovDeg, opts = {}) {
+    const keepFraming = opts.keepFraming !== false;
+    const log = opts.log !== false;
+    if (!this.camera || !this.controls) return;
+    if (!this.camera.isPerspectiveCamera) return;
+
+    const nextFov = Number(fovDeg);
+    if (!Number.isFinite(nextFov)) return;
+    const clamped = Math.min(80, Math.max(10, nextFov));
+
+    const prevFov = this.camera.fov;
+    if (Math.abs(prevFov - clamped) < 1e-6) return;
+
+    const target = this.controls.target.clone();
+    const prevPos = this.camera.position.clone();
+    const prevDist = prevPos.distanceTo(target);
+
+    this.camera.fov = clamped;
+    this.camera.updateProjectionMatrix();
+
+    if (keepFraming) {
+      // dist_new = dist_old * tan(fov_old/2) / tan(fov_new/2)
+      const prev = (prevFov * Math.PI) / 180;
+      const next = (clamped * Math.PI) / 180;
+      const denom = Math.tan(next / 2);
+      const num = Math.tan(prev / 2);
+      if (Number.isFinite(denom) && denom > 1e-9 && Number.isFinite(num)) {
+        const newDist = Math.max(0.01, prevDist * (num / denom));
+        const dir = prevPos.clone().sub(target).normalize();
+        this.camera.position.copy(target.clone().add(dir.multiplyScalar(newDist)));
+        this.camera.updateProjectionMatrix();
+      }
+    }
+
+    this.controls.update();
+    if (log) {
+      try {
+        console.log('[Viewer][FOV]', {
+          prevFov,
+          nextFov: clamped,
+          prevDist: +prevDist.toFixed(3),
+          nextDist: +this.camera.position.distanceTo(target).toFixed(3),
+        });
+      } catch (_) {}
+    }
+  }
+
+  _getAspect() {
+    try {
+      const { width, height } = this._getContainerSize();
+      return Math.max(1e-6, width) / Math.max(1e-6, height);
+    } catch (_) {
+      return 1;
+    }
+  }
+
+  _dumpProjectionDebug(label) {
+    try {
+      const cam = this.camera;
+      const tgt = this.controls?.target;
+      const isPersp = !!cam?.isPerspectiveCamera;
+      const isOrtho = !!cam?.isOrthographicCamera;
+      console.log('[Viewer][Projection]', label, {
+        mode: this._projection?.mode,
+        camera: isPersp ? 'perspective' : isOrtho ? 'ortho' : 'unknown',
+        pos: cam?.position ? { x: +cam.position.x.toFixed(3), y: +cam.position.y.toFixed(3), z: +cam.position.z.toFixed(3) } : null,
+        target: tgt ? { x: +tgt.x.toFixed(3), y: +tgt.y.toFixed(3), z: +tgt.z.toFixed(3) } : null,
+        dist: (cam?.position && tgt) ? +cam.position.distanceTo(tgt).toFixed(3) : null,
+        fov: isPersp ? cam.fov : null,
+        zoom: isOrtho ? cam.zoom : null,
+        near: cam?.near,
+        far: cam?.far,
+        composer: !!this._composer,
+        renderPassHasCamera: !!this._renderPass?.camera,
+        ssaoPassHasCamera: !!this._ssaoPass?.camera,
+      });
+    } catch (_) {}
+  }
+
   init() {
     if (!this.container) throw new Error("Viewer: контейнер не найден");
 
@@ -185,9 +283,11 @@ export class Viewer {
     const width = this.container.clientWidth || window.innerWidth;
     const height = this.container.clientHeight || window.innerHeight;
     const aspect = width / height;
-    this.camera = new THREE.PerspectiveCamera(60, aspect, 0.1, 1000);
-    this.camera.position.set(-22.03, 23.17, 39.12);
+    // Перспектива: уменьшаем FOV (меньше "сужение" вдаль)
+    this.camera = new THREE.PerspectiveCamera(20, aspect, 0.1, 1000);
+    this.camera.position.set(-22.03, 3.17, 39.12);
     this.camera.lookAt(0, 0, 0);
+    this._projection.persp = this.camera;
 
     // OrbitControls
     this.controls = new OrbitControls(this.camera, this.renderer.domElement);
@@ -195,6 +295,30 @@ export class Viewer {
     this.controls.target.set(0, 0, 0);
     this.controls.minDistance = 1;
     this.controls.maxDistance = 20;
+    // Zoom для орто-режима (в перспективе OrbitControls эти поля просто не мешают)
+    this.controls.minZoom = this._projection.minZoom;
+    this.controls.maxZoom = this._projection.maxZoom;
+
+    // Создадим вторую камеру "без перспективы" (orthographic), но не включаем её по умолчанию.
+    // Фрустум подбираем так, чтобы при переключении вид менялся только за счёт перспективных искажений.
+    try {
+      const dist = this.camera.position.distanceTo(this.controls.target);
+      const vFov = (this.camera.fov * Math.PI) / 180;
+      const halfH = Math.max(0.01, dist * Math.tan(vFov / 2));
+      this._projection.orthoHalfHeight = halfH;
+      const ortho = new THREE.OrthographicCamera(
+        -halfH * aspect,
+        halfH * aspect,
+        halfH,
+        -halfH,
+        this.camera.near,
+        this.camera.far
+      );
+      ortho.position.copy(this.camera.position);
+      ortho.zoom = 1;
+      ortho.updateProjectionMatrix();
+      this._projection.ortho = ortho;
+    } catch (_) {}
 
     // Свет
     const amb = new THREE.AmbientLight(0xffffff, 0.6);
@@ -319,9 +443,9 @@ export class Viewer {
     if (!this.container || !this.camera || !this.renderer) return;
     const { width, height } = this._getContainerSize();
     this._updateSize(Math.max(1, width), Math.max(1, height));
-    // Обновим пределы зума под текущий объект без переразмещения камеры
+    // Обновим пределы зума под текущий объект без переразмещения камеры (только в перспективе)
     const subject = this.activeModel || this.demoCube;
-    if (subject) this.applyAdaptiveZoomLimits(subject, { recenter: false });
+    if (subject && this.camera.isPerspectiveCamera) this.applyAdaptiveZoomLimits(subject, { recenter: false });
     // Обновим вспомогательные overlay-виджеты
     if (this.navCube) this.navCube.onResize();
   }
@@ -469,6 +593,14 @@ export class Viewer {
 
   getZoomPercent() {
     if (!this.controls) return 0;
+    if (this.camera?.isOrthographicCamera) {
+      const z = this.camera.zoom || 1;
+      const minZ = this.controls.minZoom ?? this._projection.minZoom;
+      const maxZ = this.controls.maxZoom ?? this._projection.maxZoom;
+      const clampedZ = Math.min(Math.max(z, minZ), maxZ);
+      const t = (clampedZ - minZ) / (maxZ - minZ);
+      return t * 100;
+    }
     const d = this.getDistance();
     const minD = this.controls.minDistance || 1;
     const maxD = this.controls.maxDistance || 20;
@@ -479,11 +611,31 @@ export class Viewer {
 
   zoomIn(factor = 0.9) {
     if (!this.camera || !this.controls) return;
+    if (this.camera.isOrthographicCamera) {
+      const minZ = this.controls.minZoom ?? this._projection.minZoom;
+      const maxZ = this.controls.maxZoom ?? this._projection.maxZoom;
+      const next = (this.camera.zoom || 1) * (1 / factor);
+      this.camera.zoom = Math.min(Math.max(next, minZ), maxZ);
+      this.camera.updateProjectionMatrix();
+      this.controls.update();
+      this._notifyZoomIfChanged(true);
+      return;
+    }
     this.#moveAlongView(factor);
   }
 
   zoomOut(factor = 1.1) {
     if (!this.camera || !this.controls) return;
+    if (this.camera.isOrthographicCamera) {
+      const minZ = this.controls.minZoom ?? this._projection.minZoom;
+      const maxZ = this.controls.maxZoom ?? this._projection.maxZoom;
+      const next = (this.camera.zoom || 1) * (1 / factor);
+      this.camera.zoom = Math.min(Math.max(next, minZ), maxZ);
+      this.camera.updateProjectionMatrix();
+      this.controls.update();
+      this._notifyZoomIfChanged(true);
+      return;
+    }
     this.#moveAlongView(factor);
   }
 
@@ -503,6 +655,8 @@ export class Viewer {
   // Адаптивная настройка пределов зума под габариты объекта
   applyAdaptiveZoomLimits(object3D, options = {}) {
     if (!object3D || !this.camera || !this.controls) return;
+    // Для орто-камеры эта функция (fit по FOV) не применима — здесь мы сознательно не меняем кадр.
+    if (this.camera.isOrthographicCamera) return;
     const padding = options.padding ?? 1.2;      // запас на краях кадра
     const slack = options.slack ?? 2.5;          // во сколько раз можно отъехать дальше «вписанной» дистанции
     const minRatio = options.minRatio ?? 0.05;   // минимальная дистанция как доля от «вписанной»
@@ -583,8 +737,18 @@ export class Viewer {
 
   _updateSize(width, height) {
     if (!this.camera || !this.renderer) return;
-    this.camera.aspect = width / height;
-    this.camera.updateProjectionMatrix();
+    const aspect = width / height;
+    if (this.camera.isPerspectiveCamera) {
+      this.camera.aspect = aspect;
+      this.camera.updateProjectionMatrix();
+    } else if (this.camera.isOrthographicCamera) {
+      const h = this._projection.orthoHalfHeight || 10;
+      this.camera.left = -h * aspect;
+      this.camera.right = h * aspect;
+      this.camera.top = h;
+      this.camera.bottom = -h;
+      this.camera.updateProjectionMatrix();
+    }
     // Третий аргумент false — не менять стилевые размеры, только буфер
     this.renderer.setSize(width, height, false);
     if (this._composer) {
@@ -595,6 +759,93 @@ export class Viewer {
     }
   }
 
+  // ================= Projection (Perspective / Ortho) =================
+  getProjectionMode() {
+    return this._projection?.mode || 'perspective';
+  }
+
+  setProjectionMode(mode) {
+    const next = (mode === 'ortho') ? 'ortho' : 'perspective';
+    if (!this.camera || !this.controls || !this._projection?.persp || !this._projection?.ortho) return;
+    if (next === this._projection.mode) return;
+
+    this._dumpProjectionDebug('before');
+
+    const target = this.controls.target.clone();
+    const currentPos = this.camera.position.clone();
+    const dirVec = currentPos.clone().sub(target);
+    const dirLen = dirVec.length();
+    const viewDir = dirLen > 1e-6 ? dirVec.multiplyScalar(1 / dirLen) : new THREE.Vector3(0, 0, 1);
+    const aspect = this._getAspect();
+
+    if (next === 'ortho') {
+      // Подбираем фрустум под текущий perspective-вью: halfH = dist * tan(fov/2)
+      const persp = this._projection.persp;
+      const dist = Math.max(0.01, currentPos.distanceTo(target));
+      const vFov = (persp.fov * Math.PI) / 180;
+      const halfH = Math.max(0.01, dist * Math.tan(vFov / 2));
+      this._projection.orthoHalfHeight = halfH;
+
+      const ortho = this._projection.ortho;
+      ortho.left = -halfH * aspect;
+      ortho.right = halfH * aspect;
+      ortho.top = halfH;
+      ortho.bottom = -halfH;
+      ortho.near = this.camera.near;
+      ortho.far = this.camera.far;
+      ortho.position.copy(currentPos);
+      ortho.zoom = 1;
+      ortho.updateProjectionMatrix();
+
+      this.camera = ortho;
+    } else {
+      // Перевод Ortho → Perspective с сохранением масштаба в кадре:
+      // видимая halfHeight = orthoHalfHeight / zoom => dist = halfVisible / tan(fov/2)
+      const persp = this._projection.persp;
+      const ortho = this._projection.ortho;
+      const zoom = ortho.zoom || 1;
+      const halfVisible = Math.max(0.01, (this._projection.orthoHalfHeight || Math.abs(ortho.top) || 10) / zoom);
+      const vFov = (persp.fov * Math.PI) / 180;
+      const dist = Math.max(0.01, halfVisible / Math.tan(vFov / 2));
+
+      persp.near = this.camera.near;
+      persp.far = this.camera.far;
+      persp.aspect = aspect;
+      persp.position.copy(target.clone().add(viewDir.multiplyScalar(dist)));
+      persp.updateProjectionMatrix();
+
+      this.camera = persp;
+    }
+
+    this._projection.mode = next;
+
+    // Переключаем controls на новую камеру
+    this.controls.object = this.camera;
+    this.controls.target.copy(target);
+    this.controls.update();
+
+    // Внутренние зависимости, которые держат ссылку на camera
+    if (this.navCube) this.navCube.mainCamera = this.camera;
+    try {
+      if (this._renderPass) this._renderPass.camera = this.camera;
+      if (this._ssaoPass) this._ssaoPass.camera = this.camera;
+    } catch (_) {}
+    try {
+      ['x', 'y', 'z'].forEach((axis) => {
+        const m = this.clipping?.manipulators?.[axis];
+        if (m) m.camera = this.camera;
+      });
+    } catch (_) {}
+
+    this._dumpProjectionDebug('after');
+  }
+
+  toggleProjection() {
+    const next = (this.getProjectionMode() === 'ortho') ? 'perspective' : 'ortho';
+    this.setProjectionMode(next);
+    return this.getProjectionMode();
+  }
+
   _dispatchReady() {
     try {
       this.container.dispatchEvent(new CustomEvent("viewer:ready", { bubbles: true }));
@@ -629,7 +880,7 @@ export class Viewer {
         // Тени управляются единообразно через setShadowsEnabled()
         node.castShadow = !!this.shadowsEnabled;
         // Самозатенение включается только в пресете "Тест"
-        node.receiveShadow = !!this._testPreset?.enabled;
+        node.receiveShadow = !!this.shadowsEnabled && !!this._testPreset?.enabled;
         // Стекло/прозрачность: рендерим после непрозрачных (уменьшает мерцание сортировки)
         try {
           const mats = Array.isArray(node.material) ? node.material : [node.material];
@@ -660,7 +911,9 @@ export class Viewer {
         if (!this.camera || !this.controls) return;
         // Центрируем точку взгляда на центр модели и ставим камеру в заданные координаты
         this.controls.target.copy(center);
-        this.camera.position.set(-22.03, 23.17, 39.12);
+        this.camera.position.set(-22.03, 3.17, 39.12);
+        // Убедимся, что FOV соответствует целевому искаженению (и сохраним кадрирование)
+        this.setPerspectiveFov(20, { keepFraming: true, log: true });
         try {
           // Если камера слишком близко, отъедем до вписанной дистанции, сохранив направление
           const size = box.getSize(new THREE.Vector3());
@@ -1093,7 +1346,7 @@ export class Viewer {
         if (!node?.isMesh) return;
         node.castShadow = next;
         // Самозатенение включается только в пресете "Тест"
-        node.receiveShadow = !!this._testPreset?.enabled;
+        node.receiveShadow = next && !!this._testPreset?.enabled;
       });
     }
   }