How to get the coordinate value through the mouse？

jess yan

Hi, all! How to get the coordinates in the coordinate system through the mouse?

When the mouse clicks here, get the clicked coordinates (1, 0).

Maybe a method similar to Vector3 requires unproject() to complete?

In Threejs：

unproject( camera ) {

		return this.applyMatrix4( camera.projectionMatrixInverse ).applyMatrix4( camera.matrixWorld );

	}

jess yan

I use camera-unproject to do coordinate mapping, but the obtained coordinates are obviously wrong.

code:

    const regl = this.$el
    const handleMouseDown = (e) => {
      const x = 1 - (e.offsetX / regl.clientWidth) * 2
      const y = (e.offsetY / regl.clientHeight) * 2 - 1

      const point = vec3.fromValues(x, y, 0.5)

      const { projection, view, viewport } = this.camera

      const combinedProjView = mat4.multiply([], projection, view)

      const invProjView = mat4.invert([], combinedProjView)

      const result = unproject([], point, viewport, invProjView)

      console.log('convasSize: ', [regl.clientWidth, regl.clientHeight])
      console.log('viewport: ', viewport)
      console.log('clickPoint: ', [x, y])
      console.log('unproject result:', result)
    }
    this.$el.addEventListener('mousedown', handleMouseDown.bind(this))

Could it be that I did something wrong?