@anov/3d-ability 0.0.139 → 0.0.141

package/dist/business/TrafficComponents/RealismTraffic/RealismTraffic.js

@@ -1,43 +1,32 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _class, _descriptor;
 function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-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, _toPropertyKey(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 _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : 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.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
 function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
 /* eslint-disable max-statements-per-line */
 
 import { Box3, LoaderModule, utils } from '@anov/3d-core';
 import { BaseTraffic } from "../base";
-var moveWithLine = utils.moveWithLine;
-var loaderModule = new LoaderModule();
-var overrideVisible = function overrideVisible(target, propertyKey) {
-  var getter = function getter() {
+const {
+  moveWithLine
+} = utils;
+const loaderModule = new LoaderModule();
+const overrideVisible = (target, propertyKey) => {
+  const getter = () => {
     return target._visible;
   };
-  var setter = function setter(newValue) {
+  const setter = newValue => {
     target._visible = newValue;
     if (newValue === false) {
       var _target$_control;
-      (_target$_control = target._control) !== null && _target$_control !== void 0 ? _target$_control : [].forEach(function (control) {
+      (_target$_control = target._control) !== null && _target$_control !== void 0 ? _target$_control : [].forEach(control => {
         control.stop();
       });
     } else {
       var _target$_control2;
-      (_target$_control2 = target._control) !== null && _target$_control2 !== void 0 ? _target$_control2 : [].forEach(function (control) {
+      (_target$_control2 = target._control) !== null && _target$_control2 !== void 0 ? _target$_control2 : [].forEach(control => {
         control.continue();
       });
     }
@@ -53,290 +42,244 @@ var overrideVisible = function overrideVisible(target, propertyKey) {
 /**
  * 写实风格车辆交通组件
  */
-export var RealismTraffic = (_class = /*#__PURE__*/function (_BaseTraffic) {
-  _inherits(RealismTraffic, _BaseTraffic);
-  var _super = _createSuper(RealismTraffic);
-  function RealismTraffic(params) {
-    var _this;
-    _classCallCheck(this, RealismTraffic);
-    _this = _super.call(this, params);
+export let RealismTraffic = (_class = class RealismTraffic extends BaseTraffic {
+  get width() {
+    return this._width;
+  }
+  set width(w) {
+    this._width = w;
+    this.generateLaneLines();
+    this.loadBenchmarkModel();
+  }
+  get divide() {
+    return this._divide;
+  }
+  set divide(num) {
+    this._divide = num;
+    this.generateLaneLines();
+    this.loadBenchmarkModel();
+  }
+  get baseTime() {
+    return this._baseTime;
+  }
+  constructor(params) {
+    super(params);
     /** 车辆模型池 */
-    _defineProperty(_assertThisInitialized(_this), "_resource", void 0);
+    _defineProperty(this, "_resource", void 0);
     /** 基准时间 */
-    _defineProperty(_assertThisInitialized(_this), "_baseTime", void 0);
+    _defineProperty(this, "_baseTime", void 0);
     /** 车辆数量 */
-    _defineProperty(_assertThisInitialized(_this), "_totalNum", 5);
-    _defineProperty(_assertThisInitialized(_this), "_startingPoints", []);
-    _defineProperty(_assertThisInitialized(_this), "_startingLookatPoints", []);
-    _defineProperty(_assertThisInitialized(_this), "_startingProgressPoints", []);
-    _defineProperty(_assertThisInitialized(_this), "_startinglanelinePoints", []);
-    _defineProperty(_assertThisInitialized(_this), "_visible", true);
-    _defineProperty(_assertThisInitialized(_this), "_control", []);
-    _defineProperty(_assertThisInitialized(_this), "_lanelineControl", []);
+    _defineProperty(this, "_totalNum", 5);
+    _defineProperty(this, "_startingPoints", []);
+    _defineProperty(this, "_startingLookatPoints", []);
+    _defineProperty(this, "_startingProgressPoints", []);
+    _defineProperty(this, "_startinglanelinePoints", []);
+    _defineProperty(this, "_visible", true);
+    _defineProperty(this, "_control", []);
+    _defineProperty(this, "_lanelineControl", []);
     /** 基准载具池 */
-    _defineProperty(_assertThisInitialized(_this), "_benchmarkVehicles", []);
+    _defineProperty(this, "_benchmarkVehicles", []);
     /** 实际载具 */
-    _defineProperty(_assertThisInitialized(_this), "_vehicles", []);
+    _defineProperty(this, "_vehicles", []);
     /** 车道线 */
-    _defineProperty(_assertThisInitialized(_this), "lanelines", []);
-    _initializerDefineProperty(_assertThisInitialized(_this), "visible", _descriptor, _assertThisInitialized(_this));
-    var path = params.path,
-      _params$width = params.width,
-      width = _params$width === void 0 ? 2 : _params$width,
-      _params$divide = params.divide,
-      divide = _params$divide === void 0 ? 1 : _params$divide,
-      resource = params.resource,
-      _params$totalNum = params.totalNum,
-      totalNum = _params$totalNum === void 0 ? 5 : _params$totalNum,
-      _params$baseTime = params.baseTime,
-      baseTime = _params$baseTime === void 0 ? 10 : _params$baseTime,
-      _params$control = params.control,
-      control = _params$control === void 0 ? [] : _params$control,
-      _params$corner = params.corner,
-      corner = _params$corner === void 0 ? 10 : _params$corner;
-    _this._path = path;
-    _this._width = width;
-    _this._divide = divide;
-    _this._resource = resource;
-    _this._totalNum = totalNum;
-    _this._baseTime = baseTime;
-    _this._lanelineControl = control;
-    _this._corner = corner;
+    _defineProperty(this, "lanelines", []);
+    _initializerDefineProperty(this, "visible", _descriptor, this);
+    const {
+      path,
+      width = 2,
+      divide = 1,
+      resource,
+      totalNum = 5,
+      baseTime = 10,
+      control = [],
+      corner = 10
+    } = params;
+    this._path = path;
+    this._width = width;
+    this._divide = divide;
+    this._resource = resource;
+    this._totalNum = totalNum;
+    this._baseTime = baseTime;
+    this._lanelineControl = control;
+    this._corner = corner;
     if (width === 0 || divide === 0) {
       console.error('宽度或车道数不能为0');
       throw new Error('宽度或车道数不能为0');
     }
-    _this.generateLaneLines();
-    _this.loadBenchmarkModel();
-    _this.handleVisibilityChange();
-    return _this;
+    this.generateLaneLines();
+    this.loadBenchmarkModel();
+    this.handleVisibilityChange();
   }
 
   /**
    * load benchmark model
    */
-  _createClass(RealismTraffic, [{
-    key: "width",
-    get: function get() {
-      return this._width;
-    },
-    set: function set(w) {
-      this._width = w;
-      this.generateLaneLines();
-      this.loadBenchmarkModel();
-    }
-  }, {
-    key: "divide",
-    get: function get() {
-      return this._divide;
-    },
-    set: function set(num) {
-      this._divide = num;
-      this.generateLaneLines();
-      this.loadBenchmarkModel();
-    }
-  }, {
-    key: "baseTime",
-    get: function get() {
-      return this._baseTime;
-    }
-  }, {
-    key: "loadBenchmarkModel",
-    value: function loadBenchmarkModel() {
-      var _this2 = this;
-      this._benchmarkVehicles = [];
-      if (!this._resource.length) return;
-      var promises = this._resource.map(function (_ref) {
-        var _utils$storeManagemen;
-        var url = _ref.url;
-        return loaderModule.loadGLTF({
-          url: url,
-          draco: true,
-          // todo sdk 接口支持 decoderPath
-          dracoPath: (_utils$storeManagemen = utils.storeManagement.get('decoderPath')) !== null && _utils$storeManagemen !== void 0 ? _utils$storeManagemen : '/draco/'
-        });
-      });
-      Promise.allSettled(promises).then(function (res) {
-        res.forEach(function (modelRes) {
-          if (modelRes.status === 'fulfilled') _this2._benchmarkVehicles.push(_this2.normalizedVehicleSize(modelRes.value.scene));
-        });
-        var randomPool = _this2.generateRandomPool();
-        _this2.generateInitPosition(randomPool);
-      });
-    }
-
-    /**
-     * get max vehicle length
-     */
-  }, {
-    key: "getMaxVehicleLength",
-    value: function getMaxVehicleLength() {
-      var maxLength = this._benchmarkVehicles.reduce(function (max, vehicle) {
-        var box = new Box3().setFromObject(vehicle);
-        var currentLength = box.max.z - box.min.z;
-        return currentLength > max ? currentLength : max;
-      }, 0);
-      return maxLength;
-    }
-
-    /**
-     * check reasonable location
-     */
-  }, {
-    key: "generateRandomPool",
-    value: function generateRandomPool() {
-      var _this3 = this;
-      var lineLengths = this.lanelines.map(function (line) {
-        return line.getLength();
+  loadBenchmarkModel() {
+    this._benchmarkVehicles = [];
+    if (!this._resource.length) return;
+    const promises = this._resource.map(({
+      url
+    }) => {
+      var _utils$storeManagemen;
+      return loaderModule.loadGLTF({
+        url,
+        draco: true,
+        // todo sdk 接口支持 decoderPath
+        dracoPath: (_utils$storeManagemen = utils.storeManagement.get('decoderPath')) !== null && _utils$storeManagemen !== void 0 ? _utils$storeManagemen : '/draco/'
       });
-      var part = lineLengths.map(function (length) {
-        return Math.floor(length / _this3.getMaxVehicleLength());
+    });
+    Promise.allSettled(promises).then(res => {
+      res.forEach(modelRes => {
+        if (modelRes.status === 'fulfilled') this._benchmarkVehicles.push(this.normalizedVehicleSize(modelRes.value.scene));
       });
-      var capacity = part.reduce(function (pre, next) {
-        return pre + next;
-      }, 0);
-      if (capacity < this._totalNum) throw new Error('载具数量不合理');
-      return this.buildRandomPool(part);
-    }
+      const randomPool = this.generateRandomPool();
+      this.generateInitPosition(randomPool);
+    });
+  }
 
-    /**
-     * build random pool
-     */
-  }, {
-    key: "buildRandomPool",
-    value: function buildRandomPool(part) {
-      var pool = [];
-      part.forEach(function (part, i) {
-        for (var j = 0; j < part; j++) {
-          pool.push({
-            t: 1 / part * j,
-            line: i
-          });
-        }
-      });
-      return pool;
-    }
+  /**
+   * get max vehicle length
+   */
+  getMaxVehicleLength() {
+    const maxLength = this._benchmarkVehicles.reduce((max, vehicle) => {
+      const box = new Box3().setFromObject(vehicle);
+      const currentLength = box.max.z - box.min.z;
+      return currentLength > max ? currentLength : max;
+    }, 0);
+    return maxLength;
+  }
 
-    /**
-     * handle requestAnimationFrame pause
-     */
-  }, {
-    key: "handleVisibilityChange",
-    value: function handleVisibilityChange() {
-      var _this4 = this;
-      document.addEventListener('visibilitychange', function () {
-        if (document.hidden) {
-          _this4._control.forEach(function (control) {
-            control.stop();
-          });
-        } else {
-          _this4._control.forEach(function (control) {
-            control.continue();
-          });
-        }
-      });
-    }
+  /**
+   * check reasonable location
+   */
+  generateRandomPool() {
+    const lineLengths = this.lanelines.map(line => line.getLength());
+    const part = lineLengths.map(length => Math.floor(length / this.getMaxVehicleLength()));
+    const capacity = part.reduce((pre, next) => {
+      return pre + next;
+    }, 0);
+    if (capacity < this._totalNum) throw new Error('载具数量不合理');
+    return this.buildRandomPool(part);
+  }
 
-    /**
-     * generate random movement starting point
-     */
-  }, {
-    key: "generateInitPosition",
-    value: function generateInitPosition(randomPool) {
-      for (var i = 0; i < this._totalNum; i++) {
-        var index = Math.floor(Math.random() * randomPool.length);
-        var current = randomPool[index];
-        var currentLaneline = this.lanelines[current.line];
-        var point = currentLaneline.getPointAt(current.t);
-        this._startingPoints.push(point);
-        this._startingLookatPoints.push(currentLaneline.getPointAt((current.t + 0.01) % 1));
-        this._startingProgressPoints.push(current.t);
-        this._startinglanelinePoints.push(current.line);
-        randomPool.splice(index, 1);
+  /**
+   * build random pool
+   */
+  buildRandomPool(part) {
+    const pool = [];
+    part.forEach((part, i) => {
+      for (let j = 0; j < part; j++) {
+        pool.push({
+          t: 1 / part * j,
+          line: i
+        });
       }
-      this.placeVehicle();
-    }
+    });
+    return pool;
+  }
 
-    /**
-     * place vehicle
-     */
-  }, {
-    key: "placeVehicle",
-    value: function placeVehicle() {
-      var _this5 = this;
-      this._vehicles.forEach(function (vehicle, i) {
-        vehicle.removeFromParent();
-        _this5._control[i].remove();
-      });
-      this._vehicles = [];
-      this._control = [];
-      for (var i = 0; i < this._startingPoints.length; i++) {
-        var randomModelIndex = Math.floor(Math.random() * this._benchmarkVehicles.length);
-        var currentVehicle = this._benchmarkVehicles[randomModelIndex].clone();
-        currentVehicle.position.copy(this._startingPoints[i]);
-        currentVehicle.lookAt(this._startingLookatPoints[i]);
-        this._vehicles.push(currentVehicle);
-        this.add(currentVehicle);
-        this.run(this.lanelines[this._startinglanelinePoints[i]], currentVehicle, this._startingProgressPoints[i], this._startinglanelinePoints[i]);
+  /**
+   * handle requestAnimationFrame pause
+   */
+  handleVisibilityChange() {
+    document.addEventListener('visibilitychange', () => {
+      if (document.hidden) {
+        this._control.forEach(control => {
+          control.stop();
+        });
+      } else {
+        this._control.forEach(control => {
+          control.continue();
+        });
       }
-      this.dispatchEvent({
-        type: 'realismTraffic-loaded'
-      });
-    }
+    });
+  }
 
-    /**
-     * run
-     * @param laneline
-     * @param model
-     * @param progress
-     * @param laneIndex
-     */
-  }, {
-    key: "run",
-    value: function run(laneline, model, progress, laneIndex) {
-      var lc = this._lanelineControl.find(function (lc) {
-        return lc.index === laneIndex;
-      });
-      if (this.baseTime === 0) {
-        console.log('baseTime is 0');
-        return;
-      }
-      var control = moveWithLine(model, laneline, {
-        duration: this.baseTime,
-        direction: lc && (lc === null || lc === void 0 ? void 0 : lc.direction) === 0 ? -1 : 1
-      });
-      this._control.push(control);
-      control.setProgress(progress);
+  /**
+   * generate random movement starting point
+   */
+  generateInitPosition(randomPool) {
+    for (let i = 0; i < this._totalNum; i++) {
+      const index = Math.floor(Math.random() * randomPool.length);
+      const current = randomPool[index];
+      const currentLaneline = this.lanelines[current.line];
+      const point = currentLaneline.getPointAt(current.t);
+      this._startingPoints.push(point);
+      this._startingLookatPoints.push(currentLaneline.getPointAt((current.t + 0.01) % 1));
+      this._startingProgressPoints.push(current.t);
+      this._startinglanelinePoints.push(current.line);
+      randomPool.splice(index, 1);
     }
+    this.placeVehicle();
+  }
 
-    /**
-     * normalized vehicle size
-     */
-  }, {
-    key: "normalizedVehicleSize",
-    value: function normalizedVehicleSize(model) {
-      var box = new Box3().setFromObject(model);
-      var currentWidth = box.max.x - box.min.x;
-      var scalingFactor = this._width / (this._divide + 1) / currentWidth * 0.7;
-      model.scale.set(scalingFactor, scalingFactor, scalingFactor);
-      return model;
+  /**
+   * place vehicle
+   */
+  placeVehicle() {
+    this._vehicles.forEach((vehicle, i) => {
+      vehicle.removeFromParent();
+      this._control[i].remove();
+    });
+    this._vehicles = [];
+    this._control = [];
+    for (let i = 0; i < this._startingPoints.length; i++) {
+      const randomModelIndex = Math.floor(Math.random() * this._benchmarkVehicles.length);
+      const currentVehicle = this._benchmarkVehicles[randomModelIndex].clone();
+      currentVehicle.position.copy(this._startingPoints[i]);
+      currentVehicle.lookAt(this._startingLookatPoints[i]);
+      this._vehicles.push(currentVehicle);
+      this.add(currentVehicle);
+      this.run(this.lanelines[this._startinglanelinePoints[i]], currentVehicle, this._startingProgressPoints[i], this._startinglanelinePoints[i]);
     }
-  }, {
-    key: "removeFromParent",
-    value: function removeFromParent() {
-      // todo: 升级three.js后，父对象变化，会触发此函数，重组内部引起关系
-      this.parent && this._control.forEach(function (control) {
-        control.remove();
-      });
-      return _get(_getPrototypeOf(RealismTraffic.prototype), "removeFromParent", this).call(this);
+    this.dispatchEvent({
+      type: 'realismTraffic-loaded'
+    });
+  }
+
+  /**
+   * run
+   * @param laneline
+   * @param model
+   * @param progress
+   * @param laneIndex
+   */
+  run(laneline, model, progress, laneIndex) {
+    const lc = this._lanelineControl.find(lc => lc.index === laneIndex);
+    if (this.baseTime === 0) {
+      console.log('baseTime is 0');
+      return;
     }
-  }]);
-  return RealismTraffic;
-}(BaseTraffic), (_descriptor = _applyDecoratedDescriptor(_class.prototype, "visible", [overrideVisible], {
+    const control = moveWithLine(model, laneline, {
+      duration: this.baseTime,
+      direction: lc && (lc === null || lc === void 0 ? void 0 : lc.direction) === 0 ? -1 : 1
+    });
+    this._control.push(control);
+    control.setProgress(progress);
+  }
+
+  /**
+   * normalized vehicle size
+   */
+  normalizedVehicleSize(model) {
+    const box = new Box3().setFromObject(model);
+    const currentWidth = box.max.x - box.min.x;
+    const scalingFactor = this._width / (this._divide + 1) / currentWidth * 0.7;
+    model.scale.set(scalingFactor, scalingFactor, scalingFactor);
+    return model;
+  }
+  removeFromParent() {
+    // todo: 升级three.js后，父对象变化，会触发此函数，重组内部引起关系
+    this.parent && this._control.forEach(control => {
+      control.remove();
+    });
+    return super.removeFromParent();
+  }
+}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "visible", [overrideVisible], {
   configurable: true,
   enumerable: true,
   writable: true,
-  initializer: function initializer() {
+  initializer: function () {
     return true;
   }
 })), _class);