FirstPersonControls.js

// Generated by CoffeeScript 2.5.1
var FirstPersonControls;

import * as THREE from './build/three.module.js';

FirstPersonControls = class FirstPersonControls {
  constructor(options) {
    this.kc = {
      87: "forward",
      65: "right",
      83: "back",
      68: "left",
      32: "jump",
      16: "sneak",
      82: "sprint"
    };
    this.keys = {};
    this.canvas = options.canvas;
    this.camera = options.camera;
    this.socket = options.socket;
    this.TWEEN = options.TWEEN;
    this.setState("menu");
    this.listen();
  }

  updatePosition(e) {
    //Updatowanie kursora
    if (this.gameState === "gameLock") {
      this.camera.rotation.x -= THREE.MathUtils.degToRad(e.movementY / 10);
      this.camera.rotation.y -= THREE.MathUtils.degToRad(e.movementX / 10);
      if (THREE.MathUtils.radToDeg(this.camera.rotation.x) < -90) {
        this.camera.rotation.x = THREE.MathUtils.degToRad(-90);
      }
      if (THREE.MathUtils.radToDeg(this.camera.rotation.x) > 90) {
        this.camera.rotation.x = THREE.MathUtils.degToRad(90);
      }
      this.socket.emit("rotate", [this.camera.rotation.y, this.camera.rotation.x]);
    }
  }

  listen() {
    var _this, lockChangeAlert;
    _this = this;
    $(document).keydown(function(z) {
      var to;
      //Kliknięcie
      _this.keys[z.keyCode] = true;
      //Klawisz Escape
      if (z.keyCode === 27 && _this.gameState === "inventory") {
        _this.setState("menu");
      }
      //Klawisz Enter
      if (z.keyCode === 13 && _this.gameState === "chat") {
        _this.socket.emit("command", $(".com_i").val());
        $(".com_i").val("");
      }
      //Klawisz E
      if ((z.keyCode === 69) && (_this.gameState !== "chat") && (_this.gameState !== "menu")) {
        _this.setState("inventory");
      }
      //Klawisz T lub /
      if ((z.keyCode === 84 || z.keyCode === 191) && _this.gameState === "gameLock") {
        if (z.keyCode === 191) {
          $(".com_i").val("/");
        }
        _this.setState("chat");
        z.preventDefault();
      }
      //Klawisz `
      if (z.keyCode === 192) {
        z.preventDefault();
        if ((_this.gameState === "menu") || (_this.gameState === "chat") || (_this.gameState === "inventory")) {
          _this.setState("game");
        } else {
          _this.setState("menu");
        }
      }
      if (z.keyCode === 27 && _this.gameState === "chat") {
        _this.setState("menu");
      }
      //Wysyłanie state'u do serwera
      if (_this.kc[z.keyCode] !== void 0 && _this.gameState === "gameLock") {
        _this.socket.emit("move", _this.kc[z.keyCode], true);
        if (_this.kc[z.keyCode] === "sprint") {
          to = {
            fov: 105
          };
          new _this.TWEEN.Tween(_this.camera).to(to, 200).easing(_this.TWEEN.Easing.Quadratic.Out).onUpdate(function() {
            return _this.camera.updateProjectionMatrix();
          }).start();
        }
      }
    });
    $(document).keyup(function(z) {
      var to;
      //Odkliknięcie
      delete _this.keys[z.keyCode];
      //Wysyłanie state'u do serwera
      if (_this.kc[z.keyCode] !== void 0) {
        _this.socket.emit("move", _this.kc[z.keyCode], false);
        if (_this.kc[z.keyCode] === "sprint") {
          to = {
            fov: 95
          };
          new _this.TWEEN.Tween(_this.camera).to(to, 200).easing(_this.TWEEN.Easing.Quadratic.Out).onUpdate(function() {
            return _this.camera.updateProjectionMatrix();
          }).start();
        }
      }
    });
    $(".gameOn").click(function() {
      _this.setState("game");
    });
    lockChangeAlert = function() {
      if (document.pointerLockElement === _this.canvas || document.mozPointerLockElement === _this.canvas) {
        //Lock
        if (_this.gameState === "game") {
          _this.setState("gameLock");
        }
      } else {
        //Unlock
        if ((_this.gameState === "gameLock") && (_this.gameState !== "inventory")) {
          _this.setState("menu");
        }
      }
    };
    document.addEventListener('pointerlockchange', lockChangeAlert, false);
    document.addEventListener('mozpointerlockchange', lockChangeAlert, false);
    document.addEventListener("mousemove", function(e) {
      return _this.updatePosition(e);
    }, false);
    return this;
  }

  reqLock() {
    return this.canvas.requestPointerLock();
  }

  unLock() {
    document.exitPointerLock = document.exitPointerLock || document.mozExitPointerLock;
    return document.exitPointerLock();
  }

  state(state) {
    this.gameState = state;
    return console.log("Game state: " + state);
  }

  resetState() {
    $(".chat").removeClass("focus");
    $(".chat").addClass("blur");
    $(".com_i").blur();
    $(".com").hide();
    return $(".inv_window").hide();
  }

  setState(state) {
    this.resetState();
    switch (state) {
      case "game":
        this.state("game");
        return this.reqLock();
      case "gameLock":
        this.state("gameLock");
        return $(".gameMenu").hide();
      case "menu":
        this.state("menu");
        $(".gameMenu").show();
        return this.unLock();
      case "chat":
        if (this.gameState === "gameLock") {
          $(".chat").addClass("focus");
          $(".chat").removeClass("blur");
          $(".gameMenu").hide();
          this.state("chat");
          this.unLock();
          $(".com").show();
          return $(".com_i").focus();
        }
        break;
      case "inventory":
        if (this.gameState !== "menu") {
          $(".gameMenu").hide();
          if (this.gameState !== "inventory") {
            this.state("inventory");
            $(".inv_window").show();
            return this.unLock();
          } else {
            return this.setState("game");
          }
        }
    }
  }

};

export {
  FirstPersonControls
};