0

I am having a problem on an experiment involving Google maps WebglOverlayView and Three.js.

Basically I want that after an user interaction the scene, along with the 3d object and the camera, gets 'moved' on another canvas rendered by a new renderer. The problem is that in the new state i'd need to be able to animate the camera attributes (ie position,rotation..) and the camera was handled by Google maps via only a projectionMatrix.

How could i 'fill' the camera properties (or clone it to a new one with the properties set) from its matrices?

My code is ATM heavily based on https://github.com/ubilabs/threejs-overlay-view/blob/main/src/threejs-overlay-view.ts#L286

I tried several approaches to convert the matrices to the camera attributes to no avail:

How to extract camera parameters from Projection matrix

Inverse of Object3D.updateMatrix() in Three.js?

jurito
  • 351
  • 3
  • 16

0 Answers0