85 lines
2.0 KiB
JavaScript
85 lines
2.0 KiB
JavaScript
|
import * as THREE from 'three/src/Three'
|
||
|
|
|
||
|
|
export function onHover(e) {
|
||
|
|
if (this.mode || e.buttons) return
|
||
|
|
if (this.hovered && !this.selected.has(this.hovered)) {
|
||
|
|
this.hovered.material.color.set(0x555555)
|
||
|
|
}
|
||
|
|
|
||
|
|
this.raycaster.setFromCamera(
|
||
|
|
new THREE.Vector2(
|
||
|
|
(e.clientX / window.innerWidth) * 2 - 1,
|
||
|
|
- (e.clientY / window.innerHeight) * 2 + 1
|
||
|
|
),
|
||
|
|
this.camera
|
||
|
|
);
|
||
|
|
|
||
|
|
const hoverPts = this.raycaster.intersectObjects(this.children)
|
||
|
|
// console.log(hoverPts)
|
||
|
|
|
||
|
|
if (hoverPts.length) {
|
||
|
|
let minDist = Infinity;
|
||
|
|
let idx = 0
|
||
|
|
for (let i = 0; i < hoverPts.length; i++) {
|
||
|
|
if (hoverPts[i].distanceToRay && hoverPts[i].distanceToRay <= minDist) {
|
||
|
|
minDist = hoverPts[i].distanceToRay
|
||
|
|
idx = i
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
hoverPts[idx].object.material.color.set(0xff0000)
|
||
|
|
this.hovered = hoverPts[idx].object
|
||
|
|
this.dispatchEvent({ type: 'change' })
|
||
|
|
return
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if (this.hovered) {
|
||
|
|
this.hovered = null;
|
||
|
|
this.dispatchEvent({ type: 'change' })
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
export function onPick(e) {
|
||
|
|
if (this.mode || e.buttons != 1) return
|
||
|
|
|
||
|
|
if (this.hovered) {
|
||
|
|
this.selected.add(this.hovered)
|
||
|
|
if (this.hovered.type === "Points") {
|
||
|
|
this.grabPtIdx = this.children.indexOf(
|
||
|
|
this.hovered
|
||
|
|
)
|
||
|
|
this.domElement.addEventListener('pointermove', this.onDrag);
|
||
|
|
this.domElement.addEventListener('pointerup', this.onRelease)
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
for (let obj of this.selected) {
|
||
|
|
obj.material.color.set(0x555555)
|
||
|
|
}
|
||
|
|
this.dispatchEvent({ type: 'change' })
|
||
|
|
this.selected.clear()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export function onDrag(e) {
|
||
|
|
const mouseLoc = this.getLocation(e);
|
||
|
|
|
||
|
|
this.ptsBuf.set(
|
||
|
|
mouseLoc,
|
||
|
|
this.objIdx.get(this.children[this.grabPtIdx].id) * 3
|
||
|
|
)
|
||
|
|
|
||
|
|
this.solve()
|
||
|
|
this.dispatchEvent({ type: 'change' })
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
export function onRelease() {
|
||
|
|
this.domElement.removeEventListener('pointermove', this.onDrag)
|
||
|
|
this.domElement.removeEventListener('pointerup', this.onRelease)
|
||
|
|
this.children[this.grabPtIdx].geometry.computeBoundingSphere()
|
||
|
|
}
|
||
|
|
|