mylingo3d/src/display/utils/pointerToWorld.ts

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { Point3d } from "@lincode/math"
import { scaleDown } from "../../engine/constants"
import { LingoMouseEvent } from "../../interface/IMouse"
import { getCameraPointerLock } from "../../states/useCameraPointerLock"
import { getCameraRendered } from "../../states/useCameraRendered"
import getWorldPosition from "./getWorldPosition"
import normalizeClientPosition from "./normalizeClientPosition"
import { vector3 } from "./reusables"
import { vec2Point } from "./vec2Point"

export default (ev: { clientX: number; clientY: number }) => {
    const distance = 500
    const [xNorm, yNorm, clientX, clientY] = normalizeClientPosition(
        ev.clientX,
        ev.clientY
    )

    if (getCameraPointerLock())
        return new LingoMouseEvent(
            clientX,
            clientY,
            0,
            0,
            new Point3d(0, 0, 0),
            distance,
            undefined
        )

    const camera = getCameraRendered()
    vector3.set(xNorm, yNorm, 0.5)
    vector3.unproject(camera)

    const cameraPosition = getWorldPosition(camera)
    vector3.sub(cameraPosition).normalize()
    const vec = cameraPosition.add(vector3.multiplyScalar(distance * scaleDown))

    return new LingoMouseEvent(
        clientX,
        clientY,
        xNorm,
        yNorm,
        vec2Point(vec),
        distance,
        undefined
    )
}