@polygonjs/polygonjs/src/core/thirdParty/Mapbox/plane/OutOfViewController.ts

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

import {Triangle, BufferGeometry, Vector2, Vector3} from 'three';
import mapboxgl from 'mapbox-gl';
import {expandTriangle} from '../../../math/_Module';
import {BaseCorePoint, CorePoint} from '../../../geometry/entities/point/CorePoint';
import {Vector2Like} from '../../../../types/GlobalTypes';
import {CoreGeometryBuilderMesh} from '../../../geometry/modules/three/builders/Mesh';
import {CoreMapboxUtils} from '../Utils';
import {CoreObjectType, ObjectContent} from '../../../geometry/ObjectContent';
import {pointsFromObject} from '../../../geometry/entities/point/CorePointUtils';

const _points: CorePoint<CoreObjectType>[] = [];
export class MapboxPlaneFrustumController<T extends CoreObjectType> {
	constructor() {}

	deleteOutOfView(
		map: mapboxgl.Map,
		object: ObjectContent<T>,
		plane_dimensions: Vector2,
		segments_counts: Vector2Like
	) {
		const near_lng_lat_pts = CoreMapboxUtils.verticalNearLngLatPoints(map);
		const far_lng_lat_pts = CoreMapboxUtils.verticalFarLngLatPoints(map);
		if (!near_lng_lat_pts || !far_lng_lat_pts) {
			return;
		}
		let delete_out_of_view_bound_pts = near_lng_lat_pts.concat(far_lng_lat_pts);
		// if (this.node.pv.mapbox_transform) {
		// 	const mapbox_delete_out_of_view_bound_pts: mapboxgl.LngLat[] = [];
		// 	for (let p of delete_out_of_view_bound_pts) {
		// 		const pt3d = new Vector3(p.lng, 0, p.lat);
		// 		console.log(pt3d);
		// 		transformer.transform_position_FINAL(pt3d);
		// 		console.log(pt3d.x, pt3d.z);
		// 		const lng_lat = new mapboxgl.LngLat(pt3d.x, pt3d.z);
		// 		mapbox_delete_out_of_view_bound_pts.push(lng_lat);
		// 	}
		// 	delete_out_of_view_bound_pts = mapbox_delete_out_of_view_bound_pts;
		// }
		const delete_out_of_view_margin = Math.max(
			plane_dimensions.x / segments_counts.x,
			plane_dimensions.y / segments_counts.y
		);
		return this._deleteOutOfView(
			object,
			delete_out_of_view_bound_pts,
			delete_out_of_view_margin * 2 // *2 just to be safe
		);
	}

	private _triangle_a = new Triangle();
	private _triangle_b = new Triangle();
	private _point_pos = new Vector3();
	private _deleteOutOfView(
		object: ObjectContent<T>,
		bound_pts: mapboxgl.LngLat[],
		margin: number
	): BufferGeometry | null {
		pointsFromObject(object, _points);
		const positions = bound_pts.map((bound_pt) => new Vector3(bound_pt.lng, 0, bound_pt.lat));
		this._triangle_a.a.copy(positions[0]);
		this._triangle_a.b.copy(positions[1]);
		this._triangle_a.c.copy(positions[2]);
		this._triangle_b.a.copy(positions[2]);
		this._triangle_b.b.copy(positions[3]);
		this._triangle_b.c.copy(positions[1]);
		expandTriangle(this._triangle_a, margin);
		expandTriangle(this._triangle_b, margin);
		const keptPoints: BaseCorePoint[] = [];
		for (const point of _points) {
			point.position(this._point_pos);
			if (
				// this._triangle_a.containsPoint(this._point_pos) ||
				this._triangle_b.containsPoint(this._point_pos)
			) {
				keptPoints.push(point);
			}
		}

		return new CoreGeometryBuilderMesh().fromPoints(object, keptPoints);
	}
}