@anov/3d-ability 0.0.142 → 0.0.143

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

@@ -1,32 +1,43 @@
+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";
-const {
-  moveWithLine
-} = utils;
-const loaderModule = new LoaderModule();
-const overrideVisible = (target, propertyKey) => {
-  const getter = () => {
+var moveWithLine = utils.moveWithLine;
+var loaderModule = new LoaderModule();
+var overrideVisible = function overrideVisible(target, propertyKey) {
+  var getter = function getter() {
     return target._visible;
   };
-  const setter = newValue => {
+  var setter = function setter(newValue) {
     target._visible = newValue;
     if (newValue === false) {
       var _target$_control;
-      (_target$_control = target._control) !== null && _target$_control !== void 0 ? _target$_control : [].forEach(control => {
+      (_target$_control = target._control) !== null && _target$_control !== void 0 ? _target$_control : [].forEach(function (control) {
         control.stop();
       });
     } else {
       var _target$_control2;
-      (_target$_control2 = target._control) !== null && _target$_control2 !== void 0 ? _target$_control2 : [].forEach(control => {
+      (_target$_control2 = target._control) !== null && _target$_control2 !== void 0 ? _target$_control2 : [].forEach(function (control) {
         control.continue();
       });
     }
@@ -42,244 +53,290 @@ const overrideVisible = (target, propertyKey) => {
 /**
  * 写实风格车辆交通组件
  */
-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);
+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);
     /** 车辆模型池 */
-    _defineProperty(this, "_resource", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_resource", void 0);
     /** 基准时间 */
-    _defineProperty(this, "_baseTime", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_baseTime", void 0);
     /** 车辆数量 */
-    _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), "_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, "_benchmarkVehicles", []);
+    _defineProperty(_assertThisInitialized(_this), "_benchmarkVehicles", []);
     /** 实际载具 */
-    _defineProperty(this, "_vehicles", []);
+    _defineProperty(_assertThisInitialized(_this), "_vehicles", []);
     /** 车道线 */
-    _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;
+    _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;
     if (width === 0 || divide === 0) {
       console.error('宽度或车道数不能为0');
       throw new Error('宽度或车道数不能为0');
     }
-    this.generateLaneLines();
-    this.loadBenchmarkModel();
-    this.handleVisibilityChange();
+    _this.generateLaneLines();
+    _this.loadBenchmarkModel();
+    _this.handleVisibilityChange();
+    return _this;
   }
 
   /**
    * load benchmark model
    */
-  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/'
+  _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(res => {
-      res.forEach(modelRes => {
-        if (modelRes.status === 'fulfilled') this._benchmarkVehicles.push(this.normalizedVehicleSize(modelRes.value.scene));
+      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);
       });
-      const randomPool = this.generateRandomPool();
-      this.generateInitPosition(randomPool);
-    });
-  }
+    }
 
-  /**
-   * 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;
-  }
+    /**
+     * 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
-   */
-  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);
-  }
+    /**
+     * check reasonable location
+     */
+  }, {
+    key: "generateRandomPool",
+    value: function generateRandomPool() {
+      var _this3 = this;
+      var lineLengths = this.lanelines.map(function (line) {
+        return line.getLength();
+      });
+      var part = lineLengths.map(function (length) {
+        return Math.floor(length / _this3.getMaxVehicleLength());
+      });
+      var capacity = part.reduce(function (pre, next) {
+        return pre + next;
+      }, 0);
+      if (capacity < this._totalNum) throw new Error('载具数量不合理');
+      return this.buildRandomPool(part);
+    }
 
-  /**
-   * 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
-        });
-      }
-    });
-    return pool;
-  }
+    /**
+     * 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;
+    }
 
-  /**
-   * handle requestAnimationFrame pause
-   */
-  handleVisibilityChange() {
-    document.addEventListener('visibilitychange', () => {
-      if (document.hidden) {
-        this._control.forEach(control => {
-          control.stop();
-        });
-      } else {
-        this._control.forEach(control => {
-          control.continue();
-        });
-      }
-    });
-  }
+    /**
+     * 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();
+          });
+        }
+      });
+    }
 
-  /**
-   * 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);
+    /**
+     * 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);
+      }
+      this.placeVehicle();
     }
-    this.placeVehicle();
-  }
 
-  /**
-   * 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]);
+    /**
+     * 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]);
+      }
+      this.dispatchEvent({
+        type: 'realismTraffic-loaded'
+      });
     }
-    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;
+    /**
+     * 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);
     }
-    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], {
+    /**
+     * 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;
+    }
+  }, {
+    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);
+    }
+  }]);
+  return RealismTraffic;
+}(BaseTraffic), (_descriptor = _applyDecoratedDescriptor(_class.prototype, "visible", [overrideVisible], {
   configurable: true,
   enumerable: true,
   writable: true,
-  initializer: function () {
+  initializer: function initializer() {
     return true;
   }
 })), _class);