make menu adaptive to skeptch mode
This commit is contained in:
parent
ef0f4c3efd
commit
fe6fbefa7e
4 changed files with 43 additions and 5 deletions
|
|
@ -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);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -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"}, [
|
||||
|
|
|
|||
Loading…
Reference in a new issue