huanld/speckle-server
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

small comments

Browse Source
This commit is contained in:
NGimbal
2021-02-03 13:14:36 -05:00
parent 03466e056d
commit 35dc0464bb
3 changed files with 22 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/viewer/example/demo.js
+11 -12
View File
@@ -1666,7 +1666,6 @@ var SectionBox = function SectionBox(viewer) {
this.viewer.controls.enabled = false;
this.dragging = true;
if (this.mouseDown.equals(new three__WEBPACK_IMPORTED_MODULE_0__.Vector3())) this.mouseDown = new three__WEBPACK_IMPORTED_MODULE_0__.Vector3(e.x, e.y, 0.0);
console.log("4");
this.viewer.renderer.domElement.style.cursor = 'move'; // get screen space vector of plane normal
// project mouse displacement vector onto it
// move plane by that much
@@ -1688,6 +1687,7 @@ var SectionBox = function SectionBox(viewer) {
var mag = mD.length();
mD.normalize();
console.log(mD); // quantity of mD on ssNorm
// need a persistent quantity for displacement so it doesn't keep accumulating
var d = ssNorm.dot(mD) / ssNorm.lengthSq();
console.log(d);
@@ -1698,18 +1698,17 @@ var SectionBox = function SectionBox(viewer) {
if (!planeObj.indices.includes(i)) return;
this.boxMesh.geometry.vertices[i].add(displacement);
});
this.boxMesh.geometry.verticesNeedUpdate = true;
console.log("5"); //https://threejsfundamentals.org/threejs/lessons/threejs-align-html-elements-to-3d.html
this.boxMesh.geometry.verticesNeedUpdate = true; //https://threejsfundamentals.org/threejs/lessons/threejs-align-html-elements-to-3d.html
// let ssNormStart = plane.normal.clone().multiplyScalar(plane.constant)
var ssNormStart = plane.normal.clone().multiplyScalar(plane.constant);
var ssNormEnd = ssNormStart.clone().multiplyScalar(2);
ssNormStart.project(this.viewer.camera);
ssNormEnd.project(this.viewer.camera);
var x = (ssNormStart.x * .5 + 0.5) * this.viewer.renderer.domElement.clientWidth;
var y = (ssNormStart.y * .5 + 0.5) * this.viewer.renderer.domElement.clientHeight;
this.elem1.style.transform = "translate(-50%,-50%) translate(" + x + "px," + y + "px)";
x = (ssNormEnd.x * .5 + 0.5) * this.viewer.renderer.domElement.clientWidth;
y = (ssNormEnd.y * .5 + 0.5) * this.viewer.renderer.domElement.clientHeight * -1;
var ssNormEnd = plane.normal.clone().multiplyScalar(plane.constant * 2); // ssNormStart.project(this.viewer.camera)
ssNormEnd.project(this.viewer.camera); // let x = (ssNormStart.x * .5 + 0.5) * this.viewer.renderer.domElement.clientWidth
// let y = (ssNormStart.y * .5 + 0.5) * this.viewer.renderer.domElement.clientHeight
// this.elem1.style.transform = `translate(-50%,-50%) translate(${x}px,${y}px)`
var x = (ssNormEnd.x * .5 + 0.5) * this.viewer.renderer.domElement.clientWidth;
var y = (ssNormEnd.y * .5 + 0.5) * this.viewer.renderer.domElement.clientHeight * -1;
this.elem2.style.transform = "translate(-50%,-50%) translate(" + x + "px," + y + "px)";
});
} // https://github.com/mrdoob/three.js/blob/master/examples/webgl_clipping_stencil.html
packages/viewer/example/demo.js.map
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/viewer/src/modules/SectionBox.js
+10 -10
View File
@@ -182,7 +182,6 @@ export default class SectionBox {
this.dragging = true
if(this.mouseDown.equals(new THREE.Vector3())) this.mouseDown = new THREE.Vector3(e.x, e.y, 0.0)
console.log("4")
this.viewer.renderer.domElement.style.cursor = 'move';
@@ -211,6 +210,7 @@ export default class SectionBox {
console.log(mD)
// quantity of mD on ssNorm
// need a persistent quantity for displacement so it doesn't keep accumulating
let d = (ssNorm.dot(mD) / ssNorm.lengthSq())
console.log(d)
let displacement = new THREE.Vector3(d,d,d).multiply(plane.normal).multiplyScalar(mag)
@@ -222,18 +222,18 @@ export default class SectionBox {
this.boxMesh.geometry.vertices[i].add(displacement)
})
this.boxMesh.geometry.verticesNeedUpdate = true
console.log("5")
//https://threejsfundamentals.org/threejs/lessons/threejs-align-html-elements-to-3d.html
let ssNormStart = plane.normal.clone().multiplyScalar(plane.constant)
let ssNormEnd = ssNormStart.clone().multiplyScalar(2)
ssNormStart.project(this.viewer.camera)
// let ssNormStart = plane.normal.clone().multiplyScalar(plane.constant)
let ssNormEnd = plane.normal.clone().multiplyScalar(plane.constant * 2)
// ssNormStart.project(this.viewer.camera)
ssNormEnd.project(this.viewer.camera)
let x = (ssNormStart.x * .5 + 0.5) * this.viewer.renderer.domElement.clientWidth
let y = (ssNormStart.y * .5 + 0.5) * this.viewer.renderer.domElement.clientHeight
this.elem1.style.transform = `translate(-50%,-50%) translate(${x}px,${y}px)`
x = (ssNormEnd.x * .5 + 0.5) * this.viewer.renderer.domElement.clientWidth
y = (ssNormEnd.y * .5 + 0.5) * this.viewer.renderer.domElement.clientHeight * -1
// let x = (ssNormStart.x * .5 + 0.5) * this.viewer.renderer.domElement.clientWidth
// let y = (ssNormStart.y * .5 + 0.5) * this.viewer.renderer.domElement.clientHeight
// this.elem1.style.transform = `translate(-50%,-50%) translate(${x}px,${y}px)`
let x = (ssNormEnd.x * .5 + 0.5) * this.viewer.renderer.domElement.clientWidth
let y = (ssNormEnd.y * .5 + 0.5) * this.viewer.renderer.domElement.clientHeight * -1
this.elem2.style.transform = `translate(-50%,-50%) translate(${x}px,${y}px)`
})
}