hi again
i’ve fixed the problem.
t.pathAnimation3.play(0);
}
onMouseMove( event, t ) {
t.mouse.layerX = event.layerX;
t.mouse.layerY = event.layerY;
t.mouse.clientX = event.clientX;
t.mouse.clientY = event.clientY;
var rect = t.renderer.domElement.getBoundingClientRect();
t.mouse.x = ( ( event.clientX - rect.left ) / ( rect.right - rect.left ) ) * 2 - 1;
t.mouse.y = -1 * ( ( event.clientY - rect.top ) / ( rect.bottom - rect.top) ) * 2 + 1;
t.camera.updateMatrixWorld();
t.raycaster.setFromCamera (t.mouse, t.camera);
}
onMouseWheel( event, t ) {
}
onclick (t, event) {
t.hovered = hovered;
console.log ('t567', t.mouse, pos, hovered.object.it.name, hovered.object, intersects);
//break;
}* /
}*/
//const [hovered] = t.raycaster.intersectObjects(t.s2);
if (t.hovered && t.hovered.object.type!=='Line') {
//console.log ('!t.animPlaying', hovered, t.camera, t.s2);
t.drawLines(t);
// Setup label
t.renderer.domElement.className = 'hovered';
//$('#site3D_label')[0].textContent =
// t.hovered.object.it.name.replace(/-\s*[\w]+\.mp3/, '.mp3');
$('#site3D_label')[0].textContent =
t.hovered.object.it.filepath.replace('/0/filesAtRoot/folders/','')+'/'+t.hovered.object.it.name;
// Get offset from object's dimensions
// const offset = new THREE.Vector3();
//debugger;
if (!t.animPlaying) {
// show folder name for item under mouse and closest to the country
$('#site3D_label').css({display:'flex',opacity:1});
delete t.hovered;
const intersects2 = t.raycaster.intersectObjects (t.s2, true);
if (intersects2 && intersects2[0]) {
console.log ('t567-A', intersects2[0].object.it.name, t.mouse);
t.hovered = intersects2[0];
debugger;
}
/*
for (var l = 0; l < t.s2.length-1; l++) {
var width = $(t.renderer.domElement).width(), height = $(t.renderer.domElement).height();
var widthHalf = width / 2, heightHalf = height / 2;
var pos = t.s2[l].position.clone();
and ‘var’ has a limited scope conditions set, ‘const’ is readonly and way too strict for my liking…
1 Like
