listenToPointerEvents( renderer, camera ) {

		this.camera = camera;
		this.element = renderer.domElement;

		this.element.addEventListener( 'pointerdown', this._onPointerEvent );
		this.element.addEventListener( 'pointerup', this._onPointerEvent );
		this.element.addEventListener( 'pointermove', this._onPointerEvent );
		this.element.addEventListener( 'mousedown', this._onPointerEvent );
		this.element.addEventListener( 'mouseup', this._onPointerEvent );
		this.element.addEventListener( 'mousemove', this._onPointerEvent );
		this.element.addEventListener( 'click', this._onPointerEvent );

	}
Calling this method makes sure the interactive group listens to Pointer and Mouse events.
The target is the `domElement` of the given renderer. The camera is required for the internal
raycasting so 3D objects can be detected based on the events.

@param {(WebGPURenderer|WebGLRenderer)} renderer - The renderer.
@param {Camera} camera - The camera.