@polygonjs/polygonjs/src/modules/core/controls/MapControls.js

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

import {MOUSE, TOUCH} from 'three';

import {OrbitControls} from './OrbitControls.js';

// MapControls performs orbiting, dollying (zooming), and panning.
// Unlike TrackballControls, it maintains the "up" direction object.up (+Y by default).
//
//    Orbit - right mouse, or left mouse + ctrl/meta/shiftKey / touch: two-finger rotate
//    Zoom - middle mouse, or mousewheel / touch: two-finger spread or squish
//    Pan - left mouse, or arrow keys / touch: one-finger move

class MapControls extends OrbitControls {
	constructor(object, domElement) {
		super(object, domElement);

		this.screenSpacePanning = false; // pan orthogonal to world-space direction camera.up

		this.mouseButtons = {LEFT: MOUSE.PAN, MIDDLE: MOUSE.DOLLY, RIGHT: MOUSE.ROTATE};

		this.touches = {ONE: TOUCH.PAN, TWO: TOUCH.DOLLY_ROTATE};
	}
}

export {MapControls};