polygonjs-engine/src/engine/nodes/event/Viewer.ts

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

/**
 * Activates events for the viewer
 *
 * @param
 * For instance, this can be useful after a raycast node to set an 'active' class on the html canvas, so that the cursor reflect what the mouse is hovering over.
 *
 */
import {TypedEventNode} from './_Base';
import {EventContext} from '../../scene/utils/events/_BaseEventsController';
import {EventConnectionPoint, EventConnectionPointType} from '../utils/io/connections/Event';

import {NodeParamsConfig, ParamConfig} from '../utils/params/ParamsConfig';
class ViewerParamsConfig extends NodeParamsConfig {
	/** @param sets the class of the viewer */
	className = ParamConfig.STRING('active');
}
const ParamsConfig = new ViewerParamsConfig();

export class ViewerEventNode extends TypedEventNode<ViewerParamsConfig> {
	params_config = ParamsConfig;

	static type() {
		return 'viewer';
	}

	initializeNode() {
		this.io.inputs.setNamedInputConnectionPoints([
			// class
			new EventConnectionPoint('set', EventConnectionPointType.BASE, this._process_trigger_setClass.bind(this)),
			new EventConnectionPoint(
				'unset',
				EventConnectionPointType.BASE,
				this._process_trigger_unsetClass.bind(this)
			),
			// controls
			new EventConnectionPoint(
				'createControls',
				EventConnectionPointType.BASE,
				this._process_trigger_createControls.bind(this)
			),
			new EventConnectionPoint(
				'disposeControls',
				EventConnectionPointType.BASE,
				this._process_trigger_disposeControls.bind(this)
			),
		]);
	}

	private _process_trigger_setClass(context: EventContext<MouseEvent>) {
		const canvas = context.viewer?.canvas();
		if (canvas) {
			canvas.classList.add(this.pv.className);
		}
	}

	private _process_trigger_unsetClass(context: EventContext<MouseEvent>) {
		const canvas = context.viewer?.canvas();
		if (canvas) {
			canvas.classList.remove(this.pv.className);
		}
	}
	private _process_trigger_createControls(context: EventContext<MouseEvent>) {
		this.scene().viewersRegister.traverseViewers((v) => {
			v.controlsController?.create_controls();
		});
	}
	private _process_trigger_disposeControls(context: EventContext<MouseEvent>) {
		this.scene().viewersRegister.traverseViewers((v) => {
			v.controlsController?.dispose_controls();
		});
	}
}