Method initThreeScene

assets/main.js:1905–1953

()

  }

  initThreeScene() {
    this.scene = new THREE.Scene();
    this.scene.background = null;

    this.renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
    this.renderer.setPixelRatio(window.devicePixelRatio);
    this.renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(this.renderer.domElement);
    this.fpsMonitor = this.options.showFpsOverlay ? new FpsMonitor() : null;

    this.labelGroup = new THREE.Group();
    this.scene.add(this.labelGroup);

    this.camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 200);
    this.camera.position.set(-15, 0, 15);

    this.controls = new THREE.OrbitControls(this.camera, this.renderer.domElement);
    this.controls.enableDamping = true;
    this.controls.dampingFactor = 0.08;
    this.controls.minDistance = 8;
    this.controls.maxDistance = 52;
    this.controls.target.set(0, 0, 0);

    const ambient = new THREE.AmbientLight(0xffffff, 1.2);
    this.scene.add(ambient);
    const hemisphere = new THREE.HemisphereLight(0xffffff, 0x1a1d2e, 0.9);
    hemisphere.position.set(0, 20, 0);
    this.scene.add(hemisphere);
    const directional = new THREE.DirectionalLight(0xffffff, 1.4);
    directional.position.set(18, 26, 24);
    directional.castShadow = true;
    this.scene.add(directional);
    const fillLight = new THREE.DirectionalLight(0xa8c5ff, 0.8);
    fillLight.position.set(-20, 18, -18);
    this.scene.add(fillLight);
    const rimLight = new THREE.PointLight(0x88a4ff, 0.6, 60, 1.6);
    rimLight.position.set(0, 12, -24);
    this.scene.add(rimLight);

    this.renderer.domElement.addEventListener("pointerdown", (event) => this.handleScenePointerDown(event));
    this.renderer.domElement.addEventListener("pointerup", (event) => this.handleScenePointerUp(event));
    window.addEventListener("resize", () => this.handleResize());
    window.addEventListener("keydown", (event) => {
      if (event.defaultPrevented) return;
      if (event.key === "Escape") {
        this.clearSelection();
      }
    });
  }

  handleScenePointerDown(event) {
    if (!event.isPrimary && event.isPrimary !== undefined) return;