How to get viewport topLeft, topRight, bottomLeft, bottomRight

Questions
1

How to get viewport (camera) topLeft, topRight, bottomLeft, bottomRight position

How to apply static fixed sprite to these positions

2

One way through position center
And using center and half of window.innerWidth

3

Does this demo give a hint for your case?

4

There expected to be something in math books that cover the case

5

The Math is straightforward – you only do two matrix multiplications (with the inverse of the projection matrix and then with the global matrix). This is effectively what Vector3.unproject() does.

objs[0].position.set( -1, -1, 0.5 ).unproject( camera );
objs[1].position.set( -1, +1, 0.5 ).unproject( camera );
objs[2].position.set( +1, -1, 0.5 ).unproject( camera );
objs[3].position.set( +1, +1, 0.5 ).unproject( camera );

In this demo there are 4 objects in the 4 corners.

https://codepen.io/boytchev/full/NPpKLmx

6

Thanks

I luckly did it with

function pixelsToWorld(pixels, distance) {
  const visibleHeight =
    2 * Math.tan(THREE.MathUtils.degToRad(camera.fov / 2)) * distance;

  const visibleWidth = visibleHeight * camera.aspect;

  return pixels * visibleWidth / window.innerWidth;
}

I am using PerspectiveCamera and there exists OrthographicCamera what i didnt used earlier


there is video size