AI_Assistant/grid-apps-cmms
Watch
1
0
Fork
You've already forked grid-apps-cmms
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix import centering. add model/group position info

Browse source
This commit is contained in:
Stewart Allen 2022-01-05 17:58:37 -05:00
commit 8f02e19330
7 changed files with 121 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

58
src/main/mesh.js
View file

@ -112,6 +112,23 @@ function ui_build() {
let { grouplist } = bound;
let api = mesh.api;
function grid(v1, v2, side = [ "pos", "rot"], top = [ "X", "Y", "Z" ]) {
return h.div({ class: "grid"}, [
h.div({ _: "" }),
h.div({ _: top[0], class: "top" }),
h.div({ _: top[1], class: "top" }),
h.div({ _: top[2], class: "top" }),
h.div({ _: side[0], class: "side" }),
h.label({ _: v1[0] }),
h.label({ _: v1[1] }),
h.label({ _: v1[2] }),
h.div({ _: side[1], class: "side" }),
h.label({ _: v2[0] }),
h.label({ _: v2[1] }),
h.label({ _: v2[2] }),
]);
}
function build() {
let selHas = api.selection.contains;
// map groups to divs
@ -134,25 +151,42 @@ function ui_build() {
)
]));
h.bind(grouplist, groups);
let s_grp = api.selection.groups(true);
let s_mdl = api.selection.models(true);
// map selection to divs
let sel_grp = api.selection.groups()
.map(g => h.div([
let h_grp = s_grp.map(g => h.div([
h.button({
_: `group`,
title: g.id,
class: [ "group" ],
}),
h.div({ class: "grid"}, [
h.div({ _: "X" }),
h.div({ _: "Y" }),
h.div({ _: "Z" }),
h.div({ _: "pos" }),
h.div({ _: "rot" }),
h.label({ id: "gp-x" }),
grid([
g.object.position.x.toFixed(2),
g.object.position.y.toFixed(2),
g.object.position.z.toFixed(2),
],[
g.object.rotation.x.toFixed(2),
g.object.rotation.y.toFixed(2),
g.object.rotation.z.toFixed(2),
])
]));
let sel_mdl = api.selection.models();
h.bind(selectlist, sel_grp);
let h_mdl = s_mdl.map(m => h.div([
h.button({
_: `model`,
title: m.id,
class: [ "model" ],
}),
grid([
m.object.position.x.toFixed(2),
m.object.position.y.toFixed(2),
m.object.position.z.toFixed(2),
],[
m.object.rotation.x.toFixed(2),
m.object.rotation.y.toFixed(2),
m.object.rotation.z.toFixed(2),
])
]));
h.bind(selectlist, [...h_grp, ...h_mdl]);
}
// listen for api calls
@ -264,7 +298,7 @@ function space_init(data) {
break;
case 'Backspace':
case 'Delete':
for (let s of selection.list()) {
for (let s of selection.list(true)) {
selection.remove(s);
s.showBounds(false);
s.remove();

22
src/mesh/api.js
View file

@ -23,13 +23,13 @@ let groups = [];
let selected = [];
let selection = {
// @returns {MeshObject[]}
list() {
return selected.length ? selected.slice() : groups.slice();
// @returns {MeshObject[]} or all groups if not strict and no selection
list(strict = false) {
return selected.length || strict ? selected.slice() : groups.slice();
},
groups() {
let all = selection.list();
groups(strict) {
let all = selection.list(strict);
let grp = all.filter(s => s instanceof mesh.group);
let mdl = all.filter(s => s instanceof mesh.model);
for (let m of mdl) {
@ -38,8 +38,8 @@ let selection = {
return grp;
},
models() {
let all = selection.list();
models(strict) {
let all = selection.list(strict);
let grp = all.filter(s => s instanceof mesh.group);
let mdl = all.filter(s => s instanceof mesh.model);
for (let g of grp) {
@ -180,7 +180,7 @@ let selection = {
},
bounds() {
return util.bounds(selected.map(s => s.object()));
return util.bounds(selected.map(s => s.object));
}
};
@ -248,7 +248,7 @@ let api = mesh.api = {
objects() {
// return model objects suitable for finding ray intersections
return group.list().map(o => o.models).flat().map(o => o.object());
return group.list().map(o => o.models).flat().map(o => o.object);
}
};
@ -295,10 +295,10 @@ let util = mesh.util = {
let box = new THREE.Box3();
if (Array.isArray(object)) {
for (let o of object) {
util.box3expand(box, o instanceof mesh.object ? o.object() : o);
util.box3expand(box, o instanceof mesh.object ? o.object : o);
}
} else if (object) {
util.box3expand(box, object instanceof mesh.object ? object.object() : object);
util.box3expand(box, object instanceof mesh.object ? object.object : object);
} else {
return box;
}

6
src/mesh/group.js
View file

@ -35,11 +35,11 @@ mesh.group = class MeshGroup extends mesh.object {
}
}
type() {
get type() {
return "group";
}
object() {
get object() {
return this.group;
}
@ -92,7 +92,7 @@ mesh.group = class MeshGroup extends mesh.object {
// center objects to group bounds
// dependent on first being added to world/scene
centerModels() {
let bounds = this.bounds();
let bounds = this.bounds;
for (let model of this.models) {
model.center(bounds);
}

8
src/mesh/model.js
View file

@ -26,7 +26,7 @@ let materials = mesh.material = {
side: THREE.DoubleSide,
transparent: true,
shininess: 100,
specular: 0x181818,
specular: 0x202020,
color: 0xffff00,
opacity: 1
}),
@ -34,7 +34,7 @@ let materials = mesh.material = {
side: THREE.DoubleSide,
transparent: true,
shininess: 100,
specular: 0x181818,
specular: 0x202020,
color: 0x00ff00,
opacity: 1
}),
@ -68,11 +68,11 @@ mesh.model = class MeshModel extends mesh.object {
mapp.db.space.put(this.id, { file, mesh });
}
type() {
get type() {
return "model";
}
object() {
get object() {
return this.mesh;
}

36
src/mesh/object.js
View file

@ -20,40 +20,40 @@ mesh.object = class MeshObject {
constructor(id) {
this.id = id || mesh.util.uuid();
worker.object_create({id: this.id, type: this.type()});
worker.object_create({id: this.id, type: this.type});
}
type() {
get type() {
throw "type() requires implementation";
}
// @returns {THREE.Object3D}
object() {
get object() {
throw "object() requires implementation";
}
bounds() {
return mesh.util.bounds(this.object());
get bounds() {
return mesh.util.bounds(this.object);
}
focus() {
mesh.api.focus(this.object());
mesh.api.focus(this.object);
}
floor() {
let b = this.bounds();
let b = this.bounds;
this.move(0, 0, -b.min.z);
return this;
}
center(bounds) {
let b = bounds || this.bounds();
this.move(-b.center.x, b.center.y, -b.center.z);
let b = bounds || this.bounds;
this.move(-b.center.x, -b.center.y, -b.center.z);
return this;
}
centerXY(bounds) {
let b = bounds || this.bounds();
let b = bounds || this.bounds;
this.move(-b.center.x, -b.center.y, 0);
return this;
}
@ -68,7 +68,7 @@ mesh.object = class MeshObject {
}
scale() {
let scale = this.object().scale;
let scale = this.object.scale;
if (arguments.length === 0) {
return scale;
}
@ -80,9 +80,9 @@ mesh.object = class MeshObject {
}
rotate(x = 0, y = 0, z = 0) {
if (x) this.object().rotateOnWorldAxis(new THREE.Vector3(1,0,0), x);
if (y) this.object().rotateOnWorldAxis(new THREE.Vector3(0,1,0), y);
if (z) this.object().rotateOnWorldAxis(new THREE.Vector3(0,0,1), z);
if (x) this.object.rotateOnWorldAxis(new THREE.Vector3(1,0,0), x);
if (y) this.object.rotateOnWorldAxis(new THREE.Vector3(0,1,0), y);
if (z) this.object.rotateOnWorldAxis(new THREE.Vector3(0,0,1), z);
this.updateBoundsBox();
worker.object_rotate({id: this.id, x, y, z});
space.update();
@ -90,7 +90,7 @@ mesh.object = class MeshObject {
}
rotation() {
let rotation = this.object().rotation;
let rotation = this.object.rotation;
if (arguments.length === 0) {
return rotation;
}
@ -103,7 +103,7 @@ mesh.object = class MeshObject {
}
qrotation(quaternion) {
this.object().setRotationFromQuaternion(quaternion);
this.object.setRotationFromQuaternion(quaternion);
this.updateBoundsBox();
let { w, x, y, z } = quaternion;
worker.object_qrotation({id: this.id, w, x, y, z});
@ -112,7 +112,7 @@ mesh.object = class MeshObject {
}
position() {
let pos = this.object().position;
let pos = this.object.position;
if (arguments.length === 0) {
return pos;
}
@ -137,7 +137,7 @@ mesh.object = class MeshObject {
world.remove(helper);
}
if (this._showBounds) {
let { center, size } = this.bounds();
let { center, size } = this.bounds;
let b3 = new THREE.Box3().setFromCenterAndSize(
new THREE.Vector3(center.x, center.y, center.z),
new THREE.Vector3(size.x, size.y, size.z)

2
src/moto/webui.js
View file

@ -80,7 +80,7 @@ function build(data, context) {
}
html.appendAll(snips.flat());
}
if (text) {
if (text !== undefined) {
html.push(text);
}
html.push(`</${type}>`);