Selecting 3D-markup is not working

[TVDSC]

Hi @wallabyway

Is it me or is clicking the 3d markups to open the 'tooltip' with extra info is not working anymore in the demo?
https://wallabyway.github.io/markupExt/#

We can't seem to get it to work in our project either.

Does anyone else have that issue?

kind regards,
Thomas Van Driessche

[Smurf-IV]

I replaced the updateHitTest code with the following:

    updateHitTest(event) {
        if (!this.pointCloud)
            return;
        const pointer = event.pointers ? event.pointers[0] : event;
        const pointerVector = new THREE.Vector3();
        const pointerDir = new THREE.Vector3();
        const ray = new THREE.Raycaster();
        ray.params.PointCloud.threshold = 10; // hit-test markup size.  Change this if markup 'hover' doesn't work
        const camera = this.viewer.impl.camera;
        const rect = this.viewer.impl.canvas.getBoundingClientRect();
        const x = ((pointer.clientX - rect.left) / rect.width) * 2 - 1;
        const y = - ((pointer.clientY - rect.top) / rect.height) * 2 + 1;
        if (camera.isPerspective) {
            pointerVector.set(x, y, 0.5);
            pointerVector.unproject(camera);
            ray.set(camera.position, pointerVector.sub(camera.position).normalize());
        } else {
            pointerVector.set(x, y, -1);
            pointerVector.unproject(camera);
            pointerDir.set(0, 0, -1);
            ray.set(pointerVector, pointerDir.transformDirection(camera.matrixWorld));
        }
        var nodes = ray.intersectObject(this.pointCloud);
        if (nodes.length > 0) {
            console.log('Got a Node');
            if (this.lastindex != nodes[0].index) {
                this.lastindex = nodes[0].index;
                if (this.hovered || this.hovered === 0)
                    this.geometry.colors[this.hovered].r = 1.0;
                this.hovered = this.lastindex;
                this.geometry.colors[this.hovered].r = 2.0;
                this.geometry.colorsNeedUpdate = true;
                this.viewer.impl.invalidate(true, true, true);
            }
        }
    };