polygonjs-engine/src/engine/viewers/utils/CamerasController.ts

node-based webgl 3D engine https://polygonjs.com

// import {Camera} from 'three/src/cameras/Camera';
import {Vector2} from 'three/src/math/Vector2';
import {BaseViewerType} from '../_Base';

export class ViewerCamerasController {
	// private _is_active: boolean = false;
	// private _camera_node: BaseThreejsCameraObjNodeType | undefined;
	// private _camera: Camera;

	private _size: Vector2 = new Vector2(100, 100);
	private _aspect: number = 1;

	constructor(private _viewer: BaseViewerType) {}

	cameraNode() {
		return this._viewer.cameraNode();
	}
	get size() {
		return this._size;
	}
	get aspect() {
		return this._aspect;
	}

	computeSizeAndAspect() {
		this._update_size();
		this.cameraNode().scene().uniforms_controller.update_resolution_dependent_uniform_owners(this._size);
		this._aspect = this._get_aspect();
	}

	private _update_size() {
		this._size.x = this._viewer.container().offsetWidth;
		this._size.y = this._viewer.container().offsetHeight;
	}
	private _get_aspect(): number {
		return this._size.x / this._size.y;
	}

	updateCameraAspect() {
		this.cameraNode().setup_for_aspect_ratio(this._aspect);
	}

	async prepareCurrentCamera() {
		await this.cameraNode().requestContainer(); // ensure the camera is cooked
		await this._update_from_camera_container(); //container, graph_node_id)
	}

	async _update_from_camera_container() {
		this.updateCameraAspect();
		await this._viewer.controlsController?.create_controls();
	}
}