checkpt
howard
parent
e1255f339f
commit
5634479cb8
|
|
@ -23,22 +23,23 @@
|
|||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="20.540932"
|
||||
inkscape:cx="3.3726703"
|
||||
inkscape:cy="-0.099609255"
|
||||
inkscape:zoom="10.270466"
|
||||
inkscape:cx="-9.1074268"
|
||||
inkscape:cy="19.96038"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
inkscape:document-rotation="0"
|
||||
showgrid="false"
|
||||
inkscape:window-width="1514"
|
||||
inkscape:window-height="1199"
|
||||
inkscape:window-x="1031"
|
||||
inkscape:window-y="111"
|
||||
inkscape:window-x="550"
|
||||
inkscape:window-y="74"
|
||||
inkscape:window-maximized="0"
|
||||
units="px"
|
||||
inkscape:snap-object-midpoints="true"
|
||||
inkscape:snap-text-baseline="true"
|
||||
inkscape:snap-center="true" />
|
||||
inkscape:snap-center="true"
|
||||
inkscape:snap-global="false" />
|
||||
<metadata
|
||||
id="metadata2109">
|
||||
<rdf:RDF>
|
||||
|
|
@ -60,34 +61,64 @@
|
|||
id="path1525"
|
||||
sodipodi:type="arc"
|
||||
sodipodi:cx="1.75"
|
||||
sodipodi:cy="13.631019"
|
||||
sodipodi:cy="14.25"
|
||||
sodipodi:rx="12.5"
|
||||
sodipodi:ry="12.5"
|
||||
sodipodi:start="5.2879172"
|
||||
sodipodi:end="6.1912839"
|
||||
sodipodi:start="4.8869219"
|
||||
sodipodi:end="5.2708943"
|
||||
sodipodi:arc-type="arc"
|
||||
d="M 8.5534749,3.1447071 A 12.5,12.5 0 0 1 14.19725,12.483867"
|
||||
d="M 3.9206022,1.9399031 A 12.5,12.5 0 0 1 8.3739904,3.6493985"
|
||||
sodipodi:open="true" />
|
||||
<rect
|
||||
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="rect1542-6"
|
||||
width="2"
|
||||
height="2"
|
||||
x="0.75"
|
||||
y="12.631019" />
|
||||
<rect
|
||||
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="rect1542-6-7"
|
||||
width="2"
|
||||
height="2"
|
||||
x="6.75"
|
||||
y="1.3499995" />
|
||||
x="0.75"
|
||||
y="0.75" />
|
||||
<rect
|
||||
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="rect1542-6-5"
|
||||
width="2"
|
||||
height="2"
|
||||
x="13.24998"
|
||||
y="12.631019" />
|
||||
y="13.25" />
|
||||
<rect
|
||||
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="rect1542-6-3"
|
||||
width="2"
|
||||
height="2"
|
||||
x="9.4330788"
|
||||
y="4.3360553" />
|
||||
<rect
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.0328;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="rect1542-6-6"
|
||||
width="0.80000001"
|
||||
height="4"
|
||||
x="1.35"
|
||||
y="12"
|
||||
ry="0" />
|
||||
<rect
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.1547;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="rect1542-6-6-7"
|
||||
width="0.80000001"
|
||||
height="4"
|
||||
x="-14.65"
|
||||
y="0"
|
||||
ry="0"
|
||||
transform="rotate(-90)" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:0.7;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path1525-3"
|
||||
sodipodi:type="arc"
|
||||
sodipodi:cx="1.75"
|
||||
sodipodi:cy="14.25"
|
||||
sodipodi:rx="12.5"
|
||||
sodipodi:ry="12.5"
|
||||
sodipodi:start="5.6897734"
|
||||
sodipodi:end="6.1261057"
|
||||
sodipodi:arc-type="arc"
|
||||
sodipodi:open="true"
|
||||
d="M 12.11297,7.2600891 A 12.5,12.5 0 0 1 14.096104,12.29457" />
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 4.0 KiB |
|
|
@ -13,7 +13,7 @@
|
|||
version="1.1"
|
||||
id="svg2112"
|
||||
inkscape:version="1.0.2 (1.0.2+r75+1)"
|
||||
sodipodi:docname="line.svg">
|
||||
sodipodi:docname="line_alt.svg">
|
||||
<defs
|
||||
id="defs2106" />
|
||||
<sodipodi:namedview
|
||||
|
|
@ -23,9 +23,9 @@
|
|||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="19.921569"
|
||||
inkscape:cx="1.0263926"
|
||||
inkscape:cy="6.0925762"
|
||||
inkscape:zoom="21.732946"
|
||||
inkscape:cx="12.114256"
|
||||
inkscape:cy="10.927332"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
inkscape:document-rotation="0"
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
id="layer1">
|
||||
<path
|
||||
style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 2.5,13 2,-4 M 6,8 h 4 m 1.5,-1 2,-4"
|
||||
d="m 2.75,11.75 1.5,-4.5 m 2.5,-0.5 2.5,2.5 m 2.5,-0.5 1.5,-4.5"
|
||||
id="path1710"
|
||||
sodipodi:nodetypes="cccccc" />
|
||||
<rect
|
||||
|
|
@ -73,14 +73,14 @@
|
|||
width="2"
|
||||
height="2"
|
||||
x="4"
|
||||
y="7" />
|
||||
y="4" />
|
||||
<rect
|
||||
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="rect1542-6-5-6-9"
|
||||
width="2"
|
||||
height="2"
|
||||
x="10"
|
||||
y="7" />
|
||||
y="10" />
|
||||
<rect
|
||||
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="rect1542-6-5-6-1"
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 3.0 KiB |
|
|
@ -0,0 +1,70 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16.000001"
|
||||
version="1.1"
|
||||
id="svg2112"
|
||||
inkscape:version="1.0.2 (1.0.2+r75+1)"
|
||||
sodipodi:docname="tangent.svg">
|
||||
<defs
|
||||
id="defs2106" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="45.254834"
|
||||
inkscape:cx="7.7067495"
|
||||
inkscape:cy="8.4442635"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
inkscape:document-rotation="0"
|
||||
showgrid="false"
|
||||
inkscape:window-width="1514"
|
||||
inkscape:window-height="964"
|
||||
inkscape:window-x="578"
|
||||
inkscape:window-y="307"
|
||||
inkscape:window-maximized="0"
|
||||
units="px"
|
||||
inkscape:snap-object-midpoints="true"
|
||||
inkscape:snap-text-baseline="true"
|
||||
inkscape:snap-center="true" />
|
||||
<metadata
|
||||
id="metadata2109">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 1.4973263,15.00401 15.343728,6.3184778"
|
||||
id="path835"
|
||||
sodipodi:nodetypes="cc" />
|
||||
<circle
|
||||
style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="path834"
|
||||
cx="5.25"
|
||||
cy="5.25"
|
||||
r="4.5" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
|
|
@ -441,7 +441,7 @@ async function addSketch() {
|
|||
}
|
||||
|
||||
window.sc = new Scene(store)
|
||||
sc.loadState()
|
||||
// sc.loadState()
|
||||
|
||||
// sc.camera.layers.enable(1)
|
||||
// rc.layers.set(1)
|
||||
|
|
@ -4,9 +4,9 @@ import * as THREE from '../node_modules/three/src/Three';
|
|||
|
||||
import { _vec2, _vec3, raycaster, awaitSelection, ptObj } from './shared'
|
||||
|
||||
import { drawOnClick1, drawOnClick2, drawPreClick2, drawClear, drawPoint } from './drawEvents'
|
||||
import { drawOnClick1, drawOnClick2, drawPreClick2, drawOnClick3, drawPreClick3, drawClear, drawPoint } from './drawEvents'
|
||||
import { onHover, onDrag, onPick, onRelease } from './mouseEvents'
|
||||
import { setCoincident, setOrdinate } from './constraintEvents'
|
||||
import { setCoincident, setOrdinate, setTangent } from './constraintEvents'
|
||||
import { get3PtArc } from './drawArc'
|
||||
import { replacer, reviver } from './utils'
|
||||
import { AxesHelper } from './sketchAxes'
|
||||
|
|
@ -127,6 +127,9 @@ class Sketch {
|
|||
this.drawPreClick2 = drawPreClick2.bind(this);
|
||||
this.drawOnClick2 = drawOnClick2.bind(this);
|
||||
|
||||
this.drawPreClick3 = drawPreClick3.bind(this);
|
||||
this.drawOnClick3 = drawOnClick3.bind(this);
|
||||
|
||||
this.drawDimension = drawDimension.bind(this)
|
||||
this._onMoveDimension = _onMoveDimension.bind(this)
|
||||
this.setDimLines = setDimLines.bind(this)
|
||||
|
|
@ -202,13 +205,13 @@ class Sketch {
|
|||
onKeyPress(e) {
|
||||
switch (e.key) {
|
||||
case 'Escape':
|
||||
drawClear.bind(this)()
|
||||
drawClear.call(this)
|
||||
this.mode = ""
|
||||
document.activeElement.blur()
|
||||
break;
|
||||
case 'l':
|
||||
if (this.mode == 'line') {
|
||||
drawClear.bind(this)()
|
||||
drawClear.call(this)
|
||||
}
|
||||
this.canvas.addEventListener('pointerdown', this.drawOnClick1)
|
||||
this.mode = "line"
|
||||
|
|
@ -243,7 +246,10 @@ class Sketch {
|
|||
setOrdinate.call(this, 1)
|
||||
this.mode = ""
|
||||
break;
|
||||
|
||||
case 't':
|
||||
setTangent.call(this)
|
||||
this.mode = ""
|
||||
break;
|
||||
case 'z':
|
||||
var string = JSON.stringify(this.toJSON());
|
||||
window.string = string;
|
||||
|
|
@ -340,7 +346,7 @@ class Sketch {
|
|||
this.constraintsBuf.set(
|
||||
[
|
||||
this.constraintNum[obj[0]], obj[1],
|
||||
...obj[2].map(ele => this.objIdx.get(ele) ?? -1),
|
||||
...obj[2].map(ele => this.objIdx.get(ele) ?? 0),
|
||||
],
|
||||
(i) * 6
|
||||
)
|
||||
|
|
@ -459,7 +465,9 @@ class Sketch {
|
|||
if (obj[0] != 'arc') continue;
|
||||
const [p1, p2, c, arc] = obj[1].map(e => this.obj3d.children[this.objIdx.get(e)])
|
||||
|
||||
const points = get3PtArc(
|
||||
let points
|
||||
|
||||
points = get3PtArc(
|
||||
p1.geometry.attributes.position.array,
|
||||
p2.geometry.attributes.position.array,
|
||||
c.geometry.attributes.position.array
|
||||
|
|
@ -469,15 +477,10 @@ class Sketch {
|
|||
arc.needsUpdate = true;
|
||||
}
|
||||
|
||||
|
||||
this.setDimLines()
|
||||
// this.setAngLines()
|
||||
|
||||
// this.obj3d.dispatchEvent({ type: 'change' })
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
const _m1 = new THREE.Matrix4()
|
||||
|
|
|
|||
|
|
@ -12,12 +12,15 @@ export async function setCoincident() {
|
|||
)
|
||||
} else {
|
||||
const idx = selection[0].userData.type == 'point' ? [0, 1] : [1, 0]
|
||||
|
||||
this.constraints.set(++this.c_id,
|
||||
[
|
||||
'pt_on_line', -1,
|
||||
selection[idx[1]].userData.ccw !== undefined ? 'pt_on_circle' : 'pt_on_line'
|
||||
, -1,
|
||||
[selection[idx[0]].name, -1, selection[idx[1]].name, -1] ///////
|
||||
]
|
||||
)
|
||||
|
||||
}
|
||||
|
||||
selection[1].userData.constraints.push(this.c_id)
|
||||
|
|
@ -37,17 +40,63 @@ export async function setCoincident() {
|
|||
}
|
||||
|
||||
|
||||
export function setOrdinate(dir = 0) {
|
||||
export async function setOrdinate(dir = 0) {
|
||||
let selection = await this.awaitSelection({ point: 2 }, { line: 1 })
|
||||
if (selection == null) return;
|
||||
|
||||
let arr
|
||||
if (this.selected.length == 1) {
|
||||
arr = [-1, -1, selection[0].name, -1]
|
||||
} else {
|
||||
arr = [selection[0].name, selection[1].name, -1, -1]
|
||||
}
|
||||
|
||||
const line = this.selected[0]
|
||||
this.constraints.set(++this.c_id,
|
||||
[
|
||||
dir ? 'vertical' : 'horizontal', -1,
|
||||
[-1, -1, line.name, -1] ///////
|
||||
arr
|
||||
]
|
||||
)
|
||||
line.userData.constraints.push(this.c_id)
|
||||
selection.forEach(element => {
|
||||
element.userData.constraints.push(this.c_id)
|
||||
});
|
||||
|
||||
|
||||
this.updateOtherBuffers()
|
||||
this.solve()
|
||||
this.updateBoundingSpheres()
|
||||
|
||||
this.selected = []
|
||||
this.obj3d.dispatchEvent({ type: 'change' })
|
||||
}
|
||||
|
||||
export async function setTangent() {
|
||||
let selection = await this.awaitSelection({ line: 2 })
|
||||
if (selection == null) return;
|
||||
|
||||
let idx = -1
|
||||
for (let i = 0; i < 2; i++) {
|
||||
if (selection[i].userData.ccw == undefined) {
|
||||
idx = i
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
let arr = idx == 0 ?
|
||||
[-1, -1, selection[1].name, selection[0].name] :
|
||||
[-1, -1, selection[0].name, selection[1].name];
|
||||
|
||||
let type = idx == -1 ? 'curve_curve_tangent' : 'arc_line_tangent'
|
||||
|
||||
this.constraints.set(++this.c_id,
|
||||
[
|
||||
type, -1,
|
||||
arr
|
||||
]
|
||||
)
|
||||
selection.forEach(element => {
|
||||
element.userData.constraints.push(this.c_id)
|
||||
});
|
||||
|
||||
|
||||
this.updateOtherBuffers()
|
||||
|
|
@ -59,3 +108,4 @@ export function setOrdinate(dir = 0) {
|
|||
}
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
|
||||
|
||||
import { Vector2 } from 'three';
|
||||
import { ptObj, lineObj } from './shared'
|
||||
|
||||
const n = 30
|
||||
|
|
@ -16,6 +17,7 @@ export function drawArc(mouseLoc) {
|
|||
|
||||
const arc = lineObj(n)
|
||||
arc.frustumCulled = false;
|
||||
arc.userData.constraints = []
|
||||
|
||||
const p3 = ptObj()
|
||||
p3.matrixAutoUpdate = false;
|
||||
|
|
@ -44,6 +46,81 @@ export function drawArc2(mouseLoc, toPush) {
|
|||
p3.geometry.computeBoundingSphere()
|
||||
}
|
||||
|
||||
|
||||
|
||||
const mdpt1 = new Vector2()
|
||||
const mdpt2 = new Vector2()
|
||||
const bis1 = new Vector2()
|
||||
const bis2 = new Vector2()
|
||||
const _vec2 = new Vector2()
|
||||
const _p1 = new Vector2()
|
||||
const _p2 = new Vector2()
|
||||
const _l12 = new Vector2()
|
||||
|
||||
|
||||
export function arcOnClick2(p1, p2) {
|
||||
_p1.set(
|
||||
p1.geometry.attributes.position.array[0],
|
||||
p1.geometry.attributes.position.array[1]
|
||||
)
|
||||
_p2.set(
|
||||
p2.geometry.attributes.position.array[0],
|
||||
p2.geometry.attributes.position.array[1]
|
||||
)
|
||||
_l12.subVectors(_p2, _p1)
|
||||
bis1.set(-_l12.y, _l12.x)
|
||||
mdpt1.addVectors(_p1, _l12.multiplyScalar(0.5))
|
||||
}
|
||||
|
||||
let r_cross_s, centerScalar, ccw, points
|
||||
export function drawArc3(mouseLoc, toPush) {
|
||||
const [p1, p2, p3, arc] = toPush
|
||||
|
||||
_vec2.set(mouseLoc.x - _p1.x, mouseLoc.y - _p1.y)
|
||||
|
||||
ccw = _l12.cross(_vec2) < 0 ? 1 : 0;
|
||||
|
||||
bis2.set(-_vec2.y, _vec2.x)
|
||||
mdpt2.addVectors(_p1, _vec2.multiplyScalar(0.5))
|
||||
|
||||
// https://stackoverflow.com/questions/563198/
|
||||
r_cross_s = bis1.cross(bis2);
|
||||
if (r_cross_s === 0) {
|
||||
centerScalar = 0.5
|
||||
} else {
|
||||
centerScalar = _vec2.subVectors(mdpt2, mdpt1).cross(bis1) / r_cross_s;
|
||||
}
|
||||
|
||||
p3.geometry.attributes.position.set(
|
||||
_vec2.addVectors(mdpt2, bis2.multiplyScalar(centerScalar)).toArray()
|
||||
);
|
||||
|
||||
p3.geometry.attributes.position.needsUpdate = true;
|
||||
p3.geometry.computeBoundingSphere()
|
||||
|
||||
if (ccw) {
|
||||
points = get3PtArc(
|
||||
p1.geometry.attributes.position.array,
|
||||
p2.geometry.attributes.position.array,
|
||||
p3.geometry.attributes.position.array
|
||||
)
|
||||
} else {
|
||||
points = get3PtArc(
|
||||
p2.geometry.attributes.position.array,
|
||||
p1.geometry.attributes.position.array,
|
||||
p3.geometry.attributes.position.array
|
||||
)
|
||||
}
|
||||
|
||||
arc.geometry.attributes.position.set(
|
||||
points
|
||||
);
|
||||
arc.geometry.attributes.position.needsUpdate = true;
|
||||
arc.userData.ccw = ccw;
|
||||
|
||||
return ccw
|
||||
}
|
||||
|
||||
export function get2PtArc(p1, p2, divisions = n) {
|
||||
|
||||
const dx = p2[0] - p1[0]
|
||||
|
|
|
|||
|
|
@ -314,7 +314,6 @@ function updateDistance(linegeom, pointgeom, _p1, _p2, offset) {
|
|||
proj1 = dir.clone().multiplyScalar(hyp1.dot(dir))
|
||||
|
||||
hyp2 = tagPos.clone().sub(p2) // note that this value is used to calculate tag-p2 offset
|
||||
console.log(hyp2, 'hereeeeee')
|
||||
proj2 = dir.clone().multiplyScalar(hyp2.dot(dir))
|
||||
|
||||
p1eArr = tagPos.clone().sub(proj1).toArray()
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
|
||||
import { drawArc, drawArc2 } from './drawArc'
|
||||
import { drawArc, drawArc2, arcOnClick2, drawArc3 } from './drawArc'
|
||||
import { drawLine, drawLine2 } from './drawLine'
|
||||
import { ptObj } from './shared'
|
||||
|
||||
|
|
@ -15,10 +15,8 @@ export function drawOnClick1(e) {
|
|||
this.toPush = drawLine.call(this, mouseLoc)
|
||||
} else if (this.mode == "arc") {
|
||||
this.toPush = drawArc(mouseLoc)
|
||||
} else if (this.mode == 'dim') {
|
||||
this.curDimension = drawDimension.call(this)
|
||||
} else if (this.mode == 'point') {
|
||||
this.toPush = drawPoint.call(this, mouseLoc)
|
||||
this.toPush = drawPoint(mouseLoc)
|
||||
}
|
||||
|
||||
this.toPush.forEach(element => {
|
||||
|
|
@ -61,28 +59,43 @@ export function drawOnClick2(e) {
|
|||
this.subsequent = true
|
||||
this.drawOnClick1(e)
|
||||
|
||||
} else if (this.mode == "arc") {
|
||||
// this.toPush = []
|
||||
// this.canvas.addEventListener('pointermove', this.drawPreClick3)
|
||||
// this.canvas.addEventListener('pointerdown', this.drawOnClick3)
|
||||
} else if (this.mode == "point") {
|
||||
this.drawOnClick1(e)
|
||||
} else if (this.mode == "arc") {
|
||||
|
||||
arcOnClick2(this.toPush[0], this.toPush[1])
|
||||
|
||||
this.canvas.addEventListener('pointermove', this.drawPreClick3)
|
||||
this.canvas.addEventListener('pointerdown', this.drawOnClick3)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
let ccw;
|
||||
export function drawPreClick3(e) {
|
||||
const mouseLoc = this.getLocation(e).toArray();
|
||||
|
||||
const mouseLoc = this.getLocation(e);
|
||||
ccw = drawArc3(mouseLoc, this.toPush)
|
||||
sc.render()
|
||||
}
|
||||
|
||||
|
||||
export function drawOnClick3(e) {
|
||||
if (e.buttons !== 1) return;
|
||||
this.canvas.removeEventListener('pointermove', this.drawPreClick3);
|
||||
this.canvas.removeEventListener('pointerdown', this.drawOnClick3);
|
||||
if (!ccw) {
|
||||
let temp
|
||||
const ent = this.linkedObjs.get(this.l_id - 1)
|
||||
temp = ent[1][0]
|
||||
ent[1][0] = ent[1][1]
|
||||
ent[1][1] = temp
|
||||
this.linkedObjs.set(this.l_id - 1, ent)
|
||||
let i = (this.linkedObjs.size - 1) * 5
|
||||
temp = this.linksBuf[i + 1]
|
||||
this.linksBuf[i + 1] = this.linksBuf[i + 2]
|
||||
this.linksBuf[i + 2] = temp
|
||||
}
|
||||
this.canvas.addEventListener('pointerdown', this.drawOnClick1)
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -97,6 +110,18 @@ export function drawClear() {
|
|||
|
||||
this.delete(this.obj3d.children[this.updatePoint])
|
||||
|
||||
this.obj3d.dispatchEvent({ type: 'change' })
|
||||
this.subsequent = false
|
||||
this.toPush = []
|
||||
} if (this.mode == "arc") {
|
||||
this.canvas.removeEventListener('pointerdown', this.drawOnClick1)
|
||||
this.canvas.removeEventListener('pointermove', this.drawPreClick2);
|
||||
this.canvas.removeEventListener('pointerdown', this.drawOnClick2);
|
||||
this.canvas.removeEventListener('pointermove', this.drawPreClick3);
|
||||
this.canvas.removeEventListener('pointerdown', this.drawOnClick3);
|
||||
|
||||
this.delete(this.obj3d.children[this.updatePoint])
|
||||
|
||||
this.obj3d.dispatchEvent({ type: 'change' })
|
||||
this.subsequent = false
|
||||
this.toPush = []
|
||||
|
|
|
|||
|
|
@ -8,17 +8,25 @@ function Arc(props) {
|
|||
viewBox="0 0 16 16"
|
||||
{...props}
|
||||
>
|
||||
<g stroke="currentColor">
|
||||
<path
|
||||
d="M8.553 3.145a12.5 12.5 0 015.644 9.339"
|
||||
d="M3.92 1.94a12.5 12.5 0 014.454 1.71"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
stroke="currentColor"
|
||||
strokeLinecap="round"
|
||||
d="M.75 12.631h2v2h-2zM6.75 1.35h2v2h-2zM13.25 12.631h2v2h-2z"
|
||||
d="M.75.75h2v2h-2zM13.25 13.25h2v2h-2zM9.433 4.336h2v2h-2z"
|
||||
/>
|
||||
<rect width={0.8} height={4} x={1.35} y={12} ry={0} />
|
||||
<rect width={0.8} height={4} x={-14.65} ry={0} transform="rotate(-90)" />
|
||||
<path
|
||||
d="M12.113 7.26a12.5 12.5 0 011.983 5.035"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
|
@ -355,10 +363,14 @@ function Line(props) {
|
|||
{...props}
|
||||
>
|
||||
<g stroke="currentColor">
|
||||
<path d="M2.5 13l2-4M6 8h4m1.5-1l2-4" fill="none" strokeWidth={1.5} />
|
||||
<path
|
||||
d="M2.75 11.75l1.5-4.5m2.5-.5l2.5 2.5m2.5-.5l1.5-4.5"
|
||||
fill="none"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
strokeLinecap="round"
|
||||
d="M1 13h2v2H1zM4 7h2v2H4zM10 7h2v2h-2zM13 1h2v2h-2z"
|
||||
d="M1 13h2v2H1zM4 4h2v2H4zM10 10h2v2h-2zM13 1h2v2h-2z"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
@ -437,6 +449,29 @@ function Subtract(props) {
|
|||
);
|
||||
}
|
||||
|
||||
function Tangent(props) {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="1em"
|
||||
height="1em"
|
||||
viewBox="0 0 16 16"
|
||||
{...props}
|
||||
>
|
||||
<g fill="none" stroke="currentColor">
|
||||
<path d="M1.497 15.004l13.847-8.686" strokeWidth={2} />
|
||||
<circle
|
||||
cx={5.25}
|
||||
cy={5.25}
|
||||
r={4.5}
|
||||
strokeWidth={1.5}
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
function Union(props) {
|
||||
return (
|
||||
<svg
|
||||
|
|
@ -549,4 +584,4 @@ function Vertical(props) {
|
|||
</svg>
|
||||
);
|
||||
}
|
||||
export { Arc, Coincident, Dimension, Extrude, Extrude_master, Horizontal, Intersect, Intersect_thin, Line, Stl, Subtract, Union, Union_thin, Vertical };
|
||||
export { Arc, Coincident, Dimension, Extrude, Extrude_master, Horizontal, Intersect, Intersect_thin, Line, Stl, Subtract, Tangent, Union, Union_thin, Vertical };
|
||||
|
|
@ -8,7 +8,7 @@ import { FaCube, FaEdit } from 'react-icons/fa'
|
|||
import { BsBoxArrowUp } from 'react-icons/bs'
|
||||
import { MdDone, MdSave, MdFolder } from 'react-icons/md'
|
||||
import * as Icon from "./icons";
|
||||
|
||||
import { setCoincident, setOrdinate, setTangent } from '../constraintEvents'
|
||||
|
||||
|
||||
export const NavBar = () => {
|
||||
|
|
@ -55,9 +55,10 @@ export const NavBar = () => {
|
|||
[Icon.Dimension, () => sc.activeSketch.drawDimension(), 'Dimension [d]'],
|
||||
[Icon.Line, () => sc.extrude(treeEntries.byId[activeSketchId]), 'Line [l]'],
|
||||
[Icon.Arc, () => sc.extrude(treeEntries.byId[activeSketchId]), 'Arc [a]'],
|
||||
[Icon.Coincident, () => sc.extrude(treeEntries.byId[activeSketchId]), 'Arc [space]'],
|
||||
[Icon.Vertical, () => sc.extrude(treeEntries.byId[activeSketchId]), 'Arc [v]'],
|
||||
[Icon.Horizontal, () => sc.extrude(treeEntries.byId[activeSketchId]), 'Arc [h]'],
|
||||
[Icon.Coincident, () => setCoincident.call(sc.activeSketch), 'Coincident [c]'],
|
||||
[Icon.Vertical, () => setOrdinate.call(sc.activeSketch, 0), 'Vertical [v]'],
|
||||
[Icon.Horizontal, () => setOrdinate.call(sc.activeSketch, 1), 'Horizontal [h]'],
|
||||
[Icon.Tangent, () => setTangent.call(sc.activeSketch), 'Tangent [t]'],
|
||||
]
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue