64 lines
1.9 KiB
JavaScript
64 lines
1.9 KiB
JavaScript
import BaseTool from './BaseTool.js';
|
|
import { Vector, Utils } from '@doodle3d/cal';
|
|
import * as humanReadable from '../../utils/humanReadable.js';
|
|
import { dimensionsText } from '../texts.js';
|
|
// import createDebug from 'debug';
|
|
// const debug = createDebug('d3d:2d:tool:polygon');
|
|
|
|
export default class PolygonTool extends BaseTool {
|
|
constructor(dispatch, sceneSpaceContainer, renderRequest) {
|
|
super(dispatch, sceneSpaceContainer, renderRequest);
|
|
|
|
this.drawRuler = false;
|
|
|
|
this.rulerLength = 0;
|
|
this.rulerAngle = 0;
|
|
this.rulerPosition = new Vector();
|
|
|
|
// this.anglePosition = new Vector();
|
|
// this.angleDegrees = 0;
|
|
}
|
|
update(state) {
|
|
const activeShape = state.d2.activeShape && state.objectsById[state.d2.activeShape];
|
|
if (activeShape) {
|
|
this.drawRuler = true;
|
|
|
|
const pointA = activeShape.points[activeShape.points.length - 2];
|
|
const pointB = activeShape.points[activeShape.points.length - 1];
|
|
|
|
this.rulerPosition.copy(pointA.add(pointB).scale(0.5));
|
|
this.rulerLength = pointA.distanceTo(pointB);
|
|
this.rulerAngle = pointB
|
|
.subtract(pointA)
|
|
.scale(Utils.MathExtended.sign(pointB.subtract(pointA).x) || 1)
|
|
.angle();
|
|
|
|
// this.anglePosition.copy(pointA);
|
|
// this.angleDegrees = (pointB.subtract(pointA).angle() + (Math.PI * 2.0)) % (Math.PI * 2.0);
|
|
|
|
return true;
|
|
} else if (this.drawRuler) {
|
|
this.drawRuler = false;
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
draw(context, matrix) {
|
|
if (this.drawRuler) {
|
|
context.save();
|
|
|
|
const rulerPosition = this.rulerPosition.applyMatrix(matrix);
|
|
context.translate(rulerPosition.x, rulerPosition.y);
|
|
context.rotate(this.rulerAngle);
|
|
|
|
const text = humanReadable.distance(this.rulerLength);
|
|
dimensionsText.drawText(context, text, 0, -5);
|
|
|
|
context.restore();
|
|
|
|
context.beginPath();
|
|
}
|
|
}
|
|
}
|