three-pointerlock-ts/index.js

Three.js Pointer Lock Controls as a typescript module

var __extends = (this && this.__extends) || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var three_1 = require("three");
var PointerLockControls = (function (_super) {
    __extends(PointerLockControls, _super);
    function PointerLockControls(cam, domElement) {
        var _this = this;
        _super.call(this);
        this.onMouseMove = function (event) {
            if (_this.isLocked === false)
                return;
            console.log("Move on lock");
            var movementX = 
            //@ts-ignore
            event.movementX || event.mozMovementX || event.webkitMovementX || 0;
            var movementY = 
            //@ts-ignore
            event.movementY || event.mozMovementY || event.webkitMovementY || 0;
            _this.yawObject.rotation.y -= movementX * 0.002;
            _this.pitchObject.rotation.x -= movementY * 0.002;
            _this.pitchObject.rotation.x = Math.max(-_this.PI_2, Math.min(_this.PI_2, _this.pitchObject.rotation.x));
        };
        this.onPointerlockChange = function () {
            if (document.pointerLockElement === _this.domElement) {
                _this.dispatchEvent({ type: "lock" });
                _this.isLocked = true;
            }
            else {
                _this.dispatchEvent({ type: "unlock" });
                _this.isLocked = false;
            }
        };
        this.onPointerlockError = function () {
            console.error("THREE.PointerLockControls: Unable to use Pointer Lock API");
        };
        this.connect = function () {
            document.addEventListener("mousemove", _this.onMouseMove, false);
            document.addEventListener("pointerlockchange", _this.onPointerlockChange, false);
            document.addEventListener("pointerlockerror", _this.onPointerlockError, false);
        };
        this.disconnect = function () {
            document.removeEventListener("mousemove", _this.onMouseMove, false);
            document.removeEventListener("pointerlockchange", _this.onPointerlockChange, false);
            document.removeEventListener("pointerlockerror", _this.onPointerlockError, false);
        };
        this.dispose = function () {
            _this.disconnect();
        };
        this.getObject = function () {
            return _this.yawObject;
        };
        this.getDirection = function (v) {
            _this.rotation.set(_this.pitchObject.rotation.x, _this.yawObject.rotation.y, 0);
            v.copy(_this.direction).applyEuler(_this.rotation);
            return v;
        };
        this.lock = function () {
            _this.domElement.requestPointerLock();
        };
        this.unlock = function () {
            document.exitPointerLock();
        };
        this.domElement = domElement || document.body;
        this.isLocked = false;
        this.pitchObject = new three_1.Object3D();
        this.yawObject = new three_1.Object3D();
        this.PI_2 = Math.PI / 2;
        this.camera = cam;
        this.direction = new three_1.Vector3(0, 0, -1);
        this.rotation = new three_1.Euler(0, 0, 0, "YXZ");
        var _a = this, camera = _a.camera, pitchObject = _a.pitchObject, yawObject = _a.yawObject;
        camera.rotation.set(0, 0, 0);
        pitchObject.add(camera);
        yawObject.position.y = 10;
        yawObject.add(pitchObject);
        this.connect();
    }
    return PointerLockControls;
})(three_1.EventDispatcher);
exports["default"] = PointerLockControls;