opal-js_wrap-three 0.1.1 → 0.1.2

data/lib-opal/js_wrap/three/controls/DragControls.js

@@ -0,0 +1,234 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "three"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("three"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.three);
+    global.DragControls = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.DragControls = void 0;
+
+  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+  function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+  var _plane = new _three.Plane();
+
+  var _raycaster = new _three.Raycaster();
+
+  var _pointer = new _three.Vector2();
+
+  var _offset = new _three.Vector3();
+
+  var _intersection = new _three.Vector3();
+
+  var _worldPosition = new _three.Vector3();
+
+  var _inverseMatrix = new _three.Matrix4();
+
+  var DragControls = /*#__PURE__*/function (_EventDispatcher) {
+    _inherits(DragControls, _EventDispatcher);
+
+    var _super = _createSuper(DragControls);
+
+    function DragControls(_objects, _camera, _domElement) {
+      var _this;
+
+      _classCallCheck(this, DragControls);
+
+      _this = _super.call(this);
+      _domElement.style.touchAction = 'none'; // disable touch scroll
+
+      var _selected = null,
+          _hovered = null;
+      var _intersections = []; //
+
+      var scope = _assertThisInitialized(_this);
+
+      function activate() {
+        _domElement.addEventListener('pointermove', onPointerMove);
+
+        _domElement.addEventListener('pointerdown', onPointerDown);
+
+        _domElement.addEventListener('pointerup', onPointerCancel);
+
+        _domElement.addEventListener('pointerleave', onPointerCancel);
+      }
+
+      function deactivate() {
+        _domElement.removeEventListener('pointermove', onPointerMove);
+
+        _domElement.removeEventListener('pointerdown', onPointerDown);
+
+        _domElement.removeEventListener('pointerup', onPointerCancel);
+
+        _domElement.removeEventListener('pointerleave', onPointerCancel);
+
+        _domElement.style.cursor = '';
+      }
+
+      function dispose() {
+        deactivate();
+      }
+
+      function getObjects() {
+        return _objects;
+      }
+
+      function getRaycaster() {
+        return _raycaster;
+      }
+
+      function onPointerMove(event) {
+        if (scope.enabled === false) return;
+        updatePointer(event);
+
+        _raycaster.setFromCamera(_pointer, _camera);
+
+        if (_selected) {
+          if (_raycaster.ray.intersectPlane(_plane, _intersection)) {
+            _selected.position.copy(_intersection.sub(_offset).applyMatrix4(_inverseMatrix));
+          }
+
+          scope.dispatchEvent({
+            type: 'drag',
+            object: _selected
+          });
+          return;
+        } // hover support
+
+
+        if (event.pointerType === 'mouse' || event.pointerType === 'pen') {
+          _intersections.length = 0;
+
+          _raycaster.setFromCamera(_pointer, _camera);
+
+          _raycaster.intersectObjects(_objects, true, _intersections);
+
+          if (_intersections.length > 0) {
+            var object = _intersections[0].object;
+
+            _plane.setFromNormalAndCoplanarPoint(_camera.getWorldDirection(_plane.normal), _worldPosition.setFromMatrixPosition(object.matrixWorld));
+
+            if (_hovered !== object && _hovered !== null) {
+              scope.dispatchEvent({
+                type: 'hoveroff',
+                object: _hovered
+              });
+              _domElement.style.cursor = 'auto';
+              _hovered = null;
+            }
+
+            if (_hovered !== object) {
+              scope.dispatchEvent({
+                type: 'hoveron',
+                object: object
+              });
+              _domElement.style.cursor = 'pointer';
+              _hovered = object;
+            }
+          } else {
+            if (_hovered !== null) {
+              scope.dispatchEvent({
+                type: 'hoveroff',
+                object: _hovered
+              });
+              _domElement.style.cursor = 'auto';
+              _hovered = null;
+            }
+          }
+        }
+      }
+
+      function onPointerDown(event) {
+        if (scope.enabled === false) return;
+        updatePointer(event);
+        _intersections.length = 0;
+
+        _raycaster.setFromCamera(_pointer, _camera);
+
+        _raycaster.intersectObjects(_objects, true, _intersections);
+
+        if (_intersections.length > 0) {
+          _selected = scope.transformGroup === true ? _objects[0] : _intersections[0].object;
+
+          _plane.setFromNormalAndCoplanarPoint(_camera.getWorldDirection(_plane.normal), _worldPosition.setFromMatrixPosition(_selected.matrixWorld));
+
+          if (_raycaster.ray.intersectPlane(_plane, _intersection)) {
+            _inverseMatrix.copy(_selected.parent.matrixWorld).invert();
+
+            _offset.copy(_intersection).sub(_worldPosition.setFromMatrixPosition(_selected.matrixWorld));
+          }
+
+          _domElement.style.cursor = 'move';
+          scope.dispatchEvent({
+            type: 'dragstart',
+            object: _selected
+          });
+        }
+      }
+
+      function onPointerCancel() {
+        if (scope.enabled === false) return;
+
+        if (_selected) {
+          scope.dispatchEvent({
+            type: 'dragend',
+            object: _selected
+          });
+          _selected = null;
+        }
+
+        _domElement.style.cursor = _hovered ? 'pointer' : 'auto';
+      }
+
+      function updatePointer(event) {
+        var rect = _domElement.getBoundingClientRect();
+
+        _pointer.x = (event.clientX - rect.left) / rect.width * 2 - 1;
+        _pointer.y = -(event.clientY - rect.top) / rect.height * 2 + 1;
+      }
+
+      activate(); // API
+
+      _this.enabled = true;
+      _this.transformGroup = false;
+      _this.activate = activate;
+      _this.deactivate = deactivate;
+      _this.dispose = dispose;
+      _this.getObjects = getObjects;
+      _this.getRaycaster = getRaycaster;
+      return _this;
+    }
+
+    return _createClass(DragControls);
+  }(_three.EventDispatcher);
+
+  _exports.DragControls = DragControls;
+});

data/lib-opal/js_wrap/three/controls/FirstPersonControls.js

@@ -0,0 +1,301 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "three"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("three"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.three);
+    global.FirstPersonControls = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.FirstPersonControls = void 0;
+
+  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+  var _lookDirection = new _three.Vector3();
+
+  var _spherical = new _three.Spherical();
+
+  var _target = new _three.Vector3();
+
+  var FirstPersonControls = /*#__PURE__*/_createClass(function FirstPersonControls(object, domElement) {
+    _classCallCheck(this, FirstPersonControls);
+
+    if (domElement === undefined) {
+      console.warn('THREE.FirstPersonControls: The second parameter "domElement" is now mandatory.');
+      domElement = document;
+    }
+
+    this.object = object;
+    this.domElement = domElement; // API
+
+    this.enabled = true;
+    this.movementSpeed = 1.0;
+    this.lookSpeed = 0.005;
+    this.lookVertical = true;
+    this.autoForward = false;
+    this.activeLook = true;
+    this.heightSpeed = false;
+    this.heightCoef = 1.0;
+    this.heightMin = 0.0;
+    this.heightMax = 1.0;
+    this.constrainVertical = false;
+    this.verticalMin = 0;
+    this.verticalMax = Math.PI;
+    this.mouseDragOn = false; // internals
+
+    this.autoSpeedFactor = 0.0;
+    this.mouseX = 0;
+    this.mouseY = 0;
+    this.moveForward = false;
+    this.moveBackward = false;
+    this.moveLeft = false;
+    this.moveRight = false;
+    this.viewHalfX = 0;
+    this.viewHalfY = 0; // private variables
+
+    var lat = 0;
+    var lon = 0; //
+
+    this.handleResize = function () {
+      if (this.domElement === document) {
+        this.viewHalfX = window.innerWidth / 2;
+        this.viewHalfY = window.innerHeight / 2;
+      } else {
+        this.viewHalfX = this.domElement.offsetWidth / 2;
+        this.viewHalfY = this.domElement.offsetHeight / 2;
+      }
+    };
+
+    this.onMouseDown = function (event) {
+      if (this.domElement !== document) {
+        this.domElement.focus();
+      }
+
+      if (this.activeLook) {
+        switch (event.button) {
+          case 0:
+            this.moveForward = true;
+            break;
+
+          case 2:
+            this.moveBackward = true;
+            break;
+        }
+      }
+
+      this.mouseDragOn = true;
+    };
+
+    this.onMouseUp = function (event) {
+      if (this.activeLook) {
+        switch (event.button) {
+          case 0:
+            this.moveForward = false;
+            break;
+
+          case 2:
+            this.moveBackward = false;
+            break;
+        }
+      }
+
+      this.mouseDragOn = false;
+    };
+
+    this.onMouseMove = function (event) {
+      if (this.domElement === document) {
+        this.mouseX = event.pageX - this.viewHalfX;
+        this.mouseY = event.pageY - this.viewHalfY;
+      } else {
+        this.mouseX = event.pageX - this.domElement.offsetLeft - this.viewHalfX;
+        this.mouseY = event.pageY - this.domElement.offsetTop - this.viewHalfY;
+      }
+    };
+
+    this.onKeyDown = function (event) {
+      switch (event.code) {
+        case 'ArrowUp':
+        case 'KeyW':
+          this.moveForward = true;
+          break;
+
+        case 'ArrowLeft':
+        case 'KeyA':
+          this.moveLeft = true;
+          break;
+
+        case 'ArrowDown':
+        case 'KeyS':
+          this.moveBackward = true;
+          break;
+
+        case 'ArrowRight':
+        case 'KeyD':
+          this.moveRight = true;
+          break;
+
+        case 'KeyR':
+          this.moveUp = true;
+          break;
+
+        case 'KeyF':
+          this.moveDown = true;
+          break;
+      }
+    };
+
+    this.onKeyUp = function (event) {
+      switch (event.code) {
+        case 'ArrowUp':
+        case 'KeyW':
+          this.moveForward = false;
+          break;
+
+        case 'ArrowLeft':
+        case 'KeyA':
+          this.moveLeft = false;
+          break;
+
+        case 'ArrowDown':
+        case 'KeyS':
+          this.moveBackward = false;
+          break;
+
+        case 'ArrowRight':
+        case 'KeyD':
+          this.moveRight = false;
+          break;
+
+        case 'KeyR':
+          this.moveUp = false;
+          break;
+
+        case 'KeyF':
+          this.moveDown = false;
+          break;
+      }
+    };
+
+    this.lookAt = function (x, y, z) {
+      if (x.isVector3) {
+        _target.copy(x);
+      } else {
+        _target.set(x, y, z);
+      }
+
+      this.object.lookAt(_target);
+      setOrientation(this);
+      return this;
+    };
+
+    this.update = function () {
+      var targetPosition = new _three.Vector3();
+      return function update(delta) {
+        if (this.enabled === false) return;
+
+        if (this.heightSpeed) {
+          var y = _three.MathUtils.clamp(this.object.position.y, this.heightMin, this.heightMax);
+
+          var heightDelta = y - this.heightMin;
+          this.autoSpeedFactor = delta * (heightDelta * this.heightCoef);
+        } else {
+          this.autoSpeedFactor = 0.0;
+        }
+
+        var actualMoveSpeed = delta * this.movementSpeed;
+        if (this.moveForward || this.autoForward && !this.moveBackward) this.object.translateZ(-(actualMoveSpeed + this.autoSpeedFactor));
+        if (this.moveBackward) this.object.translateZ(actualMoveSpeed);
+        if (this.moveLeft) this.object.translateX(-actualMoveSpeed);
+        if (this.moveRight) this.object.translateX(actualMoveSpeed);
+        if (this.moveUp) this.object.translateY(actualMoveSpeed);
+        if (this.moveDown) this.object.translateY(-actualMoveSpeed);
+        var actualLookSpeed = delta * this.lookSpeed;
+
+        if (!this.activeLook) {
+          actualLookSpeed = 0;
+        }
+
+        var verticalLookRatio = 1;
+
+        if (this.constrainVertical) {
+          verticalLookRatio = Math.PI / (this.verticalMax - this.verticalMin);
+        }
+
+        lon -= this.mouseX * actualLookSpeed;
+        if (this.lookVertical) lat -= this.mouseY * actualLookSpeed * verticalLookRatio;
+        lat = Math.max(-85, Math.min(85, lat));
+
+        var phi = _three.MathUtils.degToRad(90 - lat);
+
+        var theta = _three.MathUtils.degToRad(lon);
+
+        if (this.constrainVertical) {
+          phi = _three.MathUtils.mapLinear(phi, 0, Math.PI, this.verticalMin, this.verticalMax);
+        }
+
+        var position = this.object.position;
+        targetPosition.setFromSphericalCoords(1, phi, theta).add(position);
+        this.object.lookAt(targetPosition);
+      };
+    }();
+
+    this.dispose = function () {
+      this.domElement.removeEventListener('contextmenu', contextmenu);
+      this.domElement.removeEventListener('mousedown', _onMouseDown);
+      this.domElement.removeEventListener('mousemove', _onMouseMove);
+      this.domElement.removeEventListener('mouseup', _onMouseUp);
+      window.removeEventListener('keydown', _onKeyDown);
+      window.removeEventListener('keyup', _onKeyUp);
+    };
+
+    var _onMouseMove = this.onMouseMove.bind(this);
+
+    var _onMouseDown = this.onMouseDown.bind(this);
+
+    var _onMouseUp = this.onMouseUp.bind(this);
+
+    var _onKeyDown = this.onKeyDown.bind(this);
+
+    var _onKeyUp = this.onKeyUp.bind(this);
+
+    this.domElement.addEventListener('contextmenu', contextmenu);
+    this.domElement.addEventListener('mousemove', _onMouseMove);
+    this.domElement.addEventListener('mousedown', _onMouseDown);
+    this.domElement.addEventListener('mouseup', _onMouseUp);
+    window.addEventListener('keydown', _onKeyDown);
+    window.addEventListener('keyup', _onKeyUp);
+
+    function setOrientation(controls) {
+      var quaternion = controls.object.quaternion;
+
+      _lookDirection.set(0, 0, -1).applyQuaternion(quaternion);
+
+      _spherical.setFromVector3(_lookDirection);
+
+      lat = 90 - _three.MathUtils.radToDeg(_spherical.phi);
+      lon = _three.MathUtils.radToDeg(_spherical.theta);
+    }
+
+    this.handleResize();
+    setOrientation(this);
+  });
+
+  _exports.FirstPersonControls = FirstPersonControls;
+
+  function contextmenu(event) {
+    event.preventDefault();
+  }
+});