jsketcher/web/app/cad/legacy/mesh/wizards/plane.js

import {AXIS} from 'math/l3space'
import * as tk from '../../../../ui/toolkit.js'
import {FACE_COLOR} from '../../../cad-utils'
import {Wizard} from './wizard-commons'
import {IDENTITY_BASIS} from 'math/basis';

export function PlaneWizard(app, initParams) {
  Wizard.call(this, app.viewer, initParams);
  this.app = app;
  this.previewGroup = new THREE.Object3D();
  this.viewer.scene.add(this.previewGroup);
  this.previewGroup.add(this.plane = this.createPlane());
  this.operationParams = {
    basis : IDENTITY_BASIS,
    depth : 0,
    relativeToFaceId: ''
  };
  this.selectionListener = () => {
    const face = this.getFirstSelectedFace();
    if (face) {
      this.ui.relativeToFace.input.val(face.id);
      this.synch();
    }
  };
  app.bus.subscribe('selection', this.selectionListener);

  this.focus = () => this.ui.depth.input.focus();
  this.synch();
}

PlaneWizard.prototype = Object.create( Wizard.prototype );

PlaneWizard.prototype.DEFAULT_PARAMS = ['XY', 0, ''];

PlaneWizard.prototype.title = function() {
  return "Add a Plane";
};

PlaneWizard.prototype.createPlane = function() {
  var geometry = new THREE.PlaneGeometry(750,750,1,1,1);
  var material = new THREE.MeshLambertMaterial( { color : FACE_COLOR, transparent: true, opacity:0.5, side: THREE.DoubleSide });
  return new THREE.Mesh(geometry, material);
};

PlaneWizard.prototype.update = function(orientation, w, relativeToFaceId) {
  if (relativeToFaceId != '') {
    const face = this.app.findFace(relativeToFaceId);
    const m = new THREE.Matrix4();
    m.makeBasis.apply(m, face.basis());
    const wVec = new THREE.Vector3(0, 0, w + face.depth());
    wVec.applyMatrix4(m); 
    m.setPosition(wVec);
    this.plane.matrix.identity();
    this.plane.applyMatrix(m);
  } else if (orientation === 'XY') {
    this.plane.rotation.x = 0;
    this.plane.rotation.y = 0;
    this.plane.rotation.z = 0;
    this.plane.position.x = 0;
    this.plane.position.y = 0;
    this.plane.position.z = w;
    this.operationParams.basis = IDENTITY_BASIS;
  } else if (orientation === 'XZ') {
    this.plane.rotation.x = Math.PI / 2;
    this.plane.rotation.y = 0;
    this.plane.rotation.z = 0;
    this.plane.position.x = 0;
    this.plane.position.y = w;
    this.plane.position.z = 0;
    this.operationParams.basis = [AXIS.X, AXIS.Z, AXIS.Y];
  } else if (orientation === 'ZY') {
    this.plane.rotation.x = 0;
    this.plane.rotation.y = Math.PI / 2;
    this.plane.rotation.z = 0;
    this.plane.position.x = w;
    this.plane.position.y = 0;
    this.plane.position.z = 0;
    this.operationParams.basis = [AXIS.Z, AXIS.Y, AXIS.X];
  } else {
    throw orientation + " isn't supported yet";
  }
  this.operationParams.depth = w;
  this.operationParams.relativeToFaceId = relativeToFaceId;
  this.viewer.render();
};

PlaneWizard.prototype.createUI = function(orientation, w, relativeToFaceId) {
  const folder = this.ui.folder;
  const choice = ['XY', 'XZ', 'ZY'];
  this.ui.orientation = new tk.InlineRadio(choice, choice, choice.indexOf(orientation));
  this.ui.depth = new tk.Number("Depth", w);
  this.ui.relativeToFace = new tk.Text("Relative to Face", relativeToFaceId === undefined ? '' : relativeToFaceId);
  tk.add(folder, this.ui.orientation);
  tk.add(folder, this.ui.relativeToFace);
  tk.add(folder, this.ui.depth);
  
  var onChange = tk.methodRef(this, "synch");
  this.ui.orientation.root.find('input:radio').change(onChange);
  this.ui.depth.input.on('t-change', onChange);
};

PlaneWizard.prototype.synch = function() {
  this.update.apply(this, this.getParams());
  this.viewer.render();
};

PlaneWizard.prototype.getParams = function() {
  return [this.ui.orientation.getValue(), parseFloat(this.ui.depth.input.val()), this.ui.relativeToFace.input.val()]
};

PlaneWizard.prototype.createRequest = function(done) {
  done({
    type: 'PLANE',
    solids : [],
    params : this.operationParams,
    protoParams : this.getParams()
  });
};

PlaneWizard.prototype.dispose = function() {
  Wizard.prototype.dispose.call(this);
  this.viewer.scene.remove(this.previewGroup);
  this.viewer.render();
};