mirror of
https://github.com/xibyte/jsketcher
synced 2025-12-09 18:02:50 +01:00
102 lines
3.2 KiB
JavaScript
102 lines
3.2 KiB
JavaScript
import {AXIS, IDENTITY_BASIS} from '../../math/l3space'
|
|
import * as tk from '../../ui/toolkit.js'
|
|
import {FACE_COLOR} from '../cad-utils'
|
|
import {addBehavior} from './wizard-commons'
|
|
|
|
export function PlaneWizard(viewer, initParams) {
|
|
this.previewGroup = new THREE.Object3D();
|
|
this.viewer = viewer;
|
|
viewer.scene.add(this.previewGroup);
|
|
this.previewGroup.add(this.plane = this.createPlane());
|
|
this.operationParams = {
|
|
basis : IDENTITY_BASIS,
|
|
depth : 0
|
|
};
|
|
if (!initParams) {
|
|
initParams = PlaneWizard.DEFAULT_PARAMS;
|
|
}
|
|
this.ui = {};
|
|
this.createUI.apply(this, initParams);
|
|
addBehavior(this);
|
|
this.focus = () => this.ui.depth.input.focus();
|
|
this.synch();
|
|
}
|
|
|
|
PlaneWizard.DEFAULT_PARAMS = ['XY', 0];
|
|
|
|
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) {
|
|
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.viewer.render();
|
|
};
|
|
|
|
PlaneWizard.prototype.createUI = function(orientation, w) {
|
|
this.ui.box = new tk.Box();
|
|
var folder = new tk.Folder("Add a Plane");
|
|
tk.add(this.ui.box, folder);
|
|
var choice = ['XY', 'XZ', 'ZY'];
|
|
this.ui.orientation = new tk.InlineRadio(choice, choice, choice.indexOf(orientation));
|
|
this.ui.depth = new tk.Number("Depth", w);
|
|
tk.add(folder, this.ui.orientation);
|
|
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);
|
|
tk.add(folder, new tk.ButtonRow(["Cancel", "OK"], [tk.methodRef(this, "cancelClick"), tk.methodRef(this, "okClick")]));
|
|
};
|
|
|
|
PlaneWizard.prototype.synch = function() {
|
|
this.update.apply(this, this.getParams());
|
|
this.viewer.render();
|
|
};
|
|
|
|
PlaneWizard.prototype.getParams = function() {
|
|
return [this.ui.orientation.getValue(), this.ui.depth.input.val()]
|
|
};
|
|
|
|
PlaneWizard.prototype.createRequest = function() {
|
|
return {
|
|
type: 'PLANE',
|
|
solids : [],
|
|
params : this.operationParams,
|
|
protoParams : this.getParams()
|
|
}
|
|
};
|
|
|
|
PlaneWizard.prototype.dispose = function() {
|
|
this.viewer.scene.remove(this.previewGroup);
|
|
this.ui.box.close();
|
|
this.viewer.render();
|
|
};
|