make menu adaptive to skeptch mode

This commit is contained in:
Stewart Allen 2024-07-24 16:57:42 -04:00
commit fe6fbefa7e
4 changed files with 43 additions and 5 deletions

View file

@ -83,8 +83,9 @@ const selection = {
// eject incompatible types from selection
switch (object.type) {
case 'sketch':
selected = selected.filter(s => s.type === 'sketch');
mode.sketch();
tools.length = 0;
selected.length = 0;
mesh.edges?.end();
break;
case 'group':
@ -897,6 +898,7 @@ const modes = {
face: "face", // facet / triangle
surface: "surface", // normal aligned & adjacent faces
edge: "edge", // edge of a face
sketch: "sketch", // 2D sketching
};
// edit mode
@ -909,6 +911,13 @@ const mode = {
$(`mode-${mode}`).classList.add('selected');
api.mode.check();
mesh.edges?.end();
if (mode === 'sketch') {
$C('sketch-on', null, 'hide');
$C('sketch-off', 'hide', null);
} else {
$C('sketch-off', null, 'hide');
$C('sketch-on', 'hide', null);
}
},
get() {
@ -962,6 +971,13 @@ const mode = {
}
mode.set(modes.edge);
mesh.edges.start();
},
sketch() {
if (!mode.is([ modes.sketch ])) {
selection.clear();
}
mode.set(modes.sketch);
}
};

View file

@ -362,6 +362,8 @@ function ui_build() {
h.button({ _: 'surface', id: "mode-surface", onclick() { mode.surface() } }),
h.button({ _: 'face', id: "mode-face", onclick() { mode.face() } }),
h.button({ _: 'edge', id: "mode-edge", onclick() { mode.edge() } }),
]), h.div([
h.button({ _: 'sketch', id: "mode-sketch", onclick() { mode.sketch() } }),
]) ]);
// create hotkey/action menu (top/left)
@ -380,7 +382,7 @@ function ui_build() {
h.button({ _: 'export', onclick: file.export }),
])
]),
h.div([
h.div({ class: "sketch-off" }, [
h.div({ _: "add", class: "head" }),
h.div({ class: "back"}),
h.div({ class: "pop"}, [
@ -392,6 +394,15 @@ function ui_build() {
devel ? h.button({ _: 'input', onclick: add.input }) : undefined
])
]),
h.div({ class: "sketch-on" }, [
h.div({ _: "add", class: "head" }),
h.div({ class: "back"}),
h.div({ class: "pop"}, [
h.button({ _: 'circle', onclick() { add.cylinder() } }),
h.button({ _: 'square', onclick() { add.cube() } }),
h.button({ _: 'gear', onclick() { add.gear() } }),
])
]),
h.div([
h.div({ _: "view", class: "head" }),
h.div({ class: "back"}),
@ -420,7 +431,7 @@ function ui_build() {
h.button({ _: 'grid', onclick() { api.pattern.grid() } }),
])
]),
h.div([
h.div({ class: "sketch-off" }, [
h.div({ _: "models", class: "head" }),
h.div({ class: "back"}),
h.div({ class: "pop"}, [
@ -434,7 +445,7 @@ function ui_build() {
h.button({ _: 'delete', onclick: api.selection.delete }),
])
]),
h.div([
h.div({ class: "sketch-off" }, [
h.div({ _: "faces", class: "head" }),
h.div({ class: "back"}),
h.div({ class: "pop"}, [
@ -443,7 +454,7 @@ function ui_build() {
h.button({ _: 'delete', onclick: api.selection.delete }),
])
]),
h.div([
h.div({ class: "sketch-off" }, [
h.div({ _: "repair", class: "head" }),
h.div({ class: "back"}),
h.div({ class: "pop"}, [