jsketcher/web/app/cad/scene/views/openFaceView.js

import {setAttribute} from 'scene/objectData';
import {FACE, SHELL} from 'cad/model/entities';
import {SketchingView} from './faceView';
import {View} from './view';
import {SketchMesh} from './shellView';

export class OpenFaceShellView extends View {

  constructor(ctx, shell) {
    super(ctx, shell);
    this.openFace = new OpenFaceView(ctx, shell.face, this);
    setAttribute(this.rootGroup, SHELL, this);
    setAttribute(this.rootGroup, View.MARKER, this);
  }
  
  get rootGroup() {
    return this.openFace?.rootGroup
  }
  
  dispose() {
    this.openFace.dispose();
  }
}

export class OpenFaceView extends SketchingView {

  constructor(ctx, mFace, parent) {
    super(ctx, mFace, parent);
    this.material = new THREE.MeshPhongMaterial({
      vertexColors: THREE.FaceColors,
      // color: 0xB0C4DE,
      shininess: 0,
      polygonOffset : true,
      polygonOffsetFactor : 1,
      polygonOffsetUnits : 2,
      side : THREE.DoubleSide,
      transparent: true,
      opacity: 0.3
    });
    this.updateBounds();
  }

  dropGeometry() {
    if (this.mesh) {
      this.rootGroup.remove( this.mesh );
      this.mesh.geometry.dispose();
    }
  }

  createGeometry() {
    const geometry = new THREE.Geometry();
    geometry.dynamic = true;
    this.bounds.forEach(v => geometry.vertices.push(v.three()));
    geometry.faces.push(new THREE.Face3(0, 1, 2));
    geometry.faces.push(new THREE.Face3(0, 2, 3));
    geometry.faces.forEach(f => setAttribute(f, FACE, this));
    geometry.computeFaceNormals();
    this.mesh = new SketchMesh(geometry, this.material);
    this.rootGroup.add(this.mesh);
    this.mesh.onMouseEnter = () => {
      this.ctx.highlightService.highlight(this.model.id);
    }
    this.mesh.onMouseLeave = () => {
      this.ctx.highlightService.unHighlight(this.model.id);
    }
  }

  updateBounds() {
    this.dropGeometry();
    
    let bounds2d = [];
    for (let mSketchObject of this.model.sketchObjects) {
      mSketchObject.sketchPrimitive.tessellate().forEach(p => bounds2d.push(p));
    }
    let surface = this.model.shell.surfacePrototype.boundTo(bounds2d, 750, 750, 50);
    this.bounds = [surface.southWestPoint(), surface.southEastPoint(), 
      surface.northEastPoint(), surface.northWestPoint()]; 

    this.createGeometry();
    this.updateVisuals();
  }

  traverse(visitor) {
    super.traverse(visitor);
  }

  updateSketch() {
    super.updateSketch();
    this.updateBounds();
  }

  dispose() {
    this.dropGeometry();
    this.material.dispose();
    super.dispose();
  }
}