@polygonjs/polygonjs/src/engine/scene/utils/actors/rayObjectIntersection/RayObjectIntersectionsPointerdownController.ts

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

import {Object3D} from 'three';
import {ConvertToStrings} from '../../../../../types/GlobalTypes';
import {BaseRayObjectIntersectionsController} from './_BaseRayObjectIntersectionsController';
import {
	ObjectOptions,
	GPUOptions,
	CPUOptions,
	PriorityOptions,
	ButtonAndModifierOptions,
	ButtonAndModifierOptionsAsString,
	filterObjectsWithMatchButtonConfig,
	ButtonConfig,
	buttonConfigFromEvent,
	propertyMatchesButtonConfig,
} from './Common';
import {MouseButton} from '../../../../../core/MouseButton';

interface PointerdownOptions {
	callback: () => void;
}
export interface ObjectToObjectPointerdownOptions extends ObjectOptions {
	pointerdown: PointerdownOptions;
	config: ButtonAndModifierOptions;
}
export interface ObjectToObjectPointerdownOptionsAsString {
	priority: ConvertToStrings<PriorityOptions>;
	cpu?: ConvertToStrings<CPUOptions>;
	gpu?: ConvertToStrings<GPUOptions>;
	pointerdown: ConvertToStrings<PointerdownOptions>;
	config: ButtonAndModifierOptionsAsString;
}

const _buttonConfig: ButtonConfig = {button: MouseButton.LEFT, ctrl: false, shift: false, alt: false};

export class RayObjectIntersectionsPointerdownController extends BaseRayObjectIntersectionsController {
	protected override _propertiesListByObject: Map<Object3D, ObjectToObjectPointerdownOptions[]> = new Map();
	protected _intersectedStateByObject: Map<Object3D, boolean> = new Map();
	private _objectsMatchingEventConfig: Object3D[] = [];

	onPointerdown(event: Readonly<PointerEvent | MouseEvent | TouchEvent>) {
		filterObjectsWithMatchButtonConfig(
			event,
			this._objects,
			this._propertiesListByObject,
			this._objectsMatchingEventConfig
		);
		if (this._objectsMatchingEventConfig.length == 0) {
			return;
		}

		this._setIntersectedState(this._objectsMatchingEventConfig, this._intersectedStateByObject);
		buttonConfigFromEvent(event, _buttonConfig);

		const objects = this._objects;

		for (const object of objects) {
			const propertiesList = this._propertiesListByObject.get(object);
			if (propertiesList) {
				const isIntersecting = this._intersectedStateByObject.get(object);
				if (isIntersecting == true) {
					for (const properties of propertiesList) {
						if (propertyMatchesButtonConfig(properties.config, _buttonConfig)) {
							properties.pointerdown.callback();
						}
					}
				}
			}
		}
	}

	// protected override _setEvent() {
	// 	console.log('_setEvent', this._objects.length);
	// 	if (this._objects.length > 0) {
	// 		document.addEventListener('pointerdown', this._processBound);
	// 	} else {
	// 		document.removeEventListener('pointerdown', this._processBound);
	// 	}
	// }
}