@anov/3d 0.0.4-alpha.1 → 0.0.4-alpha12

package/dist/core/mesh.js

@@ -1,180 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { Mesh as TMesh } from 'three';
-import { getObject3dAncestorsNodes } from "../utils";
-import Group from "./group";
-import globalObjectManage from "./global/global";
-var Mesh = /*#__PURE__*/function (_TMesh) {
-  _inherits(Mesh, _TMesh);
-  var _super = _createSuper(Mesh);
-  function Mesh(geometry, material) {
-    var _this;
-    _classCallCheck(this, Mesh);
-    _this = _super.call(this, geometry, material);
-    _defineProperty(_assertThisInitialized(_this), "natureEventMap", new Map());
-    _defineProperty(_assertThisInitialized(_this), "entered", false);
-    return _this;
-  }
-
-  /**
-   * addNatureEventListener
-   * @param type
-   * @param handlefn
-   */
-  _createClass(Mesh, [{
-    key: "addNatureEventListener",
-    value: function addNatureEventListener(type, handlefn) {
-      if (!this.natureEventMap.has(type)) this.natureEventMap.set(type, []);
-      this.natureEventMap.get(type).push(handlefn);
-    }
-
-    /**
-     * removeNatureEventListener
-     * @param type
-     * @param handlefn
-     */
-  }, {
-    key: "removeNatureEventListener",
-    value: function removeNatureEventListener(type, handlefn) {
-      if (!this.natureEventMap.has(type)) return;
-      var handlefns = this.natureEventMap.get(type);
-      var index = handlefns.findIndex(function (fn) {
-        return fn === handlefn;
-      });
-      if (index > -1) handlefns.splice(index, 1);
-    }
-
-    /**
-     * removeAllNatureEventListener
-     */
-  }, {
-    key: "removeAllNatureEventListener",
-    value: function removeAllNatureEventListener() {
-      this.natureEventMap.clear();
-    }
-
-    /**
-     * handle intersect event
-     * @param intersects
-     * @param eventType
-     */
-  }, {
-    key: "handleClick",
-    value: function handleClick(natureEvent, intersect) {
-      var _this2 = this;
-      if (!globalObjectManage.triggerClick) return;
-
-      // get nature event
-      natureEvent.forEach(function (handlefn) {
-        handlefn(_this2, intersect);
-      });
-    }
-
-    /**
-     * handle pointermove event
-     * @param intersects
-     * @param natureEvent
-     */
-  }, {
-    key: "handlePointerMove",
-    value: function handlePointerMove(natureEvent, intersect) {
-      var _this3 = this;
-      natureEvent.forEach(function (handlefn) {
-        handlefn(_this3, intersect);
-      });
-    }
-
-    /**
-     * handle pointerleave event
-     * @param intersects
-     * @param natureEvent
-     */
-  }, {
-    key: "handlePointerleave",
-    value: function handlePointerleave() {
-      var _this4 = this;
-      var pointerleaveCallback = this.natureEventMap.get('pointerleave');
-      pointerleaveCallback && pointerleaveCallback.length > 0 && pointerleaveCallback.forEach(function (handlefn) {
-        handlefn(_this4);
-      });
-    }
-
-    /**
-     * handle bubbling 伪冒泡，仅触发上层group事件
-     * @param object3d
-     */
-  }, {
-    key: "handleBubble",
-    value: function handleBubble(object3d) {
-      if (object3d) {
-        var ancestorObject3d = getObject3dAncestorsNodes(object3d, function (object3d) {
-          return object3d instanceof Group;
-        });
-        for (var i = 0; i < ancestorObject3d.length; i++) ancestorObject3d[i].raycastGroup();
-      }
-    }
-
-    /**
-     * emit parent group mouseleave event
-     * @param object3d
-     */
-  }, {
-    key: "cancelAncestorsBubble",
-    value: function cancelAncestorsBubble(object3d) {
-      if (object3d) {
-        var ancestorObject3d = getObject3dAncestorsNodes(object3d, function (object3d) {
-          return object3d instanceof Group;
-        });
-        for (var i = 0; i < ancestorObject3d.length; i++) ancestorObject3d[i].cancel();
-      }
-    }
-
-    /**
-     * handle mesh raycaster
-     * @param raycaster
-     * @param intersects
-     */
-  }, {
-    key: "raycast",
-    value: function raycast(raycaster, intersects) {
-      _get(_getPrototypeOf(Mesh.prototype), "raycast", this).call(this, raycaster, intersects);
-      var intersect = intersects[0];
-      var object = intersect && intersect.object;
-      object === this && this.handleBubble(this);
-      if (object !== this) this.cancelAncestorsBubble(this);
-      if (this.natureEventMap.size === 0) return;
-      var clickCallback = this.natureEventMap.get('click');
-      var pointerupCallback = this.natureEventMap.get('pointerup');
-      var pointerdownCallback = this.natureEventMap.get('pointerdown');
-      var pointermoveCallback = this.natureEventMap.get('pointermove');
-      if (object === this) {
-        this.entered = true;
-        clickCallback && clickCallback.length > 0 && this.handleClick(clickCallback, intersect);
-        pointerupCallback && pointerupCallback.length > 0 && this.handleClick(pointerupCallback, intersect);
-        pointerdownCallback && pointerdownCallback.length > 0 && this.handleClick(pointerdownCallback, intersect);
-        pointermoveCallback && pointermoveCallback.length > 0 && this.handlePointerMove(pointermoveCallback, intersect);
-      } else {
-        if (this.entered) {
-          this.handlePointerleave();
-          this.entered = false;
-        }
-      }
-    }
-  }]);
-  return Mesh;
-}(TMesh);
-export default Mesh;

package/dist/core/model.d.ts

@@ -1,30 +0,0 @@
-import type { Group } from 'three';
-import type { GLTF } from 'three/examples/jsm/loaders/GLTFLoader';
-declare class ModelLoader {
-    /**
-     * load gltf model
-     * @param url
-     * @param onLoad
-     * @param onProgress
-     * @param onError
-     * @returns
-     */
-    loadGLTF(url: string, openEvents?: boolean, onLoad?: (result: GLTF) => GLTF, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): Promise<GLTF>;
-    /**
-     * fbx model loader
-     * @param url
-     * @param openEvents 是否打开事件传播
-     * @param onLoad
-     * @param onProgress
-     * @param onError
-     */
-    loadFbx(url: string, openEvents?: boolean, onLoad?: (result: Group) => Group, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): Promise<Group>;
-    /**
-     * parse fbx buffer
-     * @param buffer
-     * @param path
-     * @returns
-     */
-    parseFbxBuffer(buffer: ArrayBuffer | string, path: string): Group;
-}
-export default ModelLoader;

package/dist/core/model.js

@@ -1,109 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
-import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader';
-import { getAllMeshChildren } from "../utils";
-import provideEventPrototype from "./events";
-
-/**
- * inject event prototype fn
- * @param object3d
- */
-var injectEventPrototype = function injectEventPrototype(object3d) {
-  var allMesh = getAllMeshChildren(object3d);
-  allMesh.forEach(function (mesh) {
-    Object.assign(mesh, provideEventPrototype(mesh.raycast.bind(mesh), mesh));
-  });
-};
-var ModelLoader = /*#__PURE__*/function () {
-  function ModelLoader() {
-    _classCallCheck(this, ModelLoader);
-  }
-  _createClass(ModelLoader, [{
-    key: "loadGLTF",
-    value:
-    /**
-     * load gltf model
-     * @param url
-     * @param onLoad
-     * @param onProgress
-     * @param onError
-     * @returns
-     */
-    function loadGLTF(url) {
-      var openEvents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var onLoad = arguments.length > 2 ? arguments[2] : undefined;
-      var onProgress = arguments.length > 3 ? arguments[3] : undefined;
-      var onError = arguments.length > 4 ? arguments[4] : undefined;
-      var loader = new GLTFLoader();
-      var dracoLoader = new DRACOLoader();
-
-      // todo: 调优
-      dracoLoader.setDecoderPath('./draco/');
-      dracoLoader.setDecoderConfig({
-        type: 'js'
-      });
-      dracoLoader.preload();
-      loader.setDRACOLoader(dracoLoader);
-      return new Promise(function (resolve, reject) {
-        loader.load(url, function (gltf) {
-          if (openEvents) injectEventPrototype(gltf.scene);
-          onLoad ? resolve(onLoad(gltf)) : resolve(gltf);
-        }, function (xhr) {
-          onProgress && onProgress(xhr);
-        }, function (err) {
-          onError && onError(err);
-          reject(err);
-        });
-      });
-    }
-
-    /**
-     * fbx model loader
-     * @param url
-     * @param openEvents 是否打开事件传播
-     * @param onLoad
-     * @param onProgress
-     * @param onError
-     */
-  }, {
-    key: "loadFbx",
-    value: function loadFbx(url) {
-      var openEvents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var onLoad = arguments.length > 2 ? arguments[2] : undefined;
-      var onProgress = arguments.length > 3 ? arguments[3] : undefined;
-      var onError = arguments.length > 4 ? arguments[4] : undefined;
-      var fbxLoader = new FBXLoader();
-      return new Promise(function (resolve, reject) {
-        fbxLoader.load(url, function (fbx) {
-          if (openEvents) injectEventPrototype(fbx);
-          onLoad ? resolve(onLoad(fbx)) : resolve(fbx);
-        }, function (xhr) {
-          onProgress && onProgress(xhr);
-        }, function (err) {
-          onError && onError(err);
-          reject(err);
-        });
-      });
-    }
-
-    /**
-     * parse fbx buffer
-     * @param buffer
-     * @param path
-     * @returns
-     */
-  }, {
-    key: "parseFbxBuffer",
-    value: function parseFbxBuffer(buffer, path) {
-      return new FBXLoader().parse(buffer, path);
-    }
-  }]);
-  return ModelLoader;
-}();
-export default ModelLoader;

package/dist/core/scene.d.ts

@@ -1,175 +0,0 @@
-import type { Color, ColorRepresentation, ToneMapping } from 'three';
-import { AmbientLight, Raycaster, Scene as TScene, Vector3, WebGLRenderer } from 'three';
-import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
-import Cssrenderer from './cssRenderer';
-import { PerspectiveCamera } from './camera';
-interface SceneOptions {
-    /** renderer options */
-    rendererOps?: {
-        antialias?: boolean;
-        logarithmicDepthBuffer?: boolean;
-        alpha?: boolean;
-        shadowMap?: boolean;
-        toneMapping?: ToneMapping;
-        toneMappingExposure?: number;
-        size?: {
-            width: number;
-            height: number;
-            updateStyle?: boolean;
-        };
-    };
-    /** default camera options */
-    defCameraOps?: {
-        position?: Vector3;
-        fov?: number;
-        aspect?: number;
-        near?: number;
-        far?: number;
-    };
-    /** default ambient light options */
-    defAmbientLightOps?: {
-        position?: Vector3;
-        color?: Color;
-        intensity?: number;
-    };
-    /** 默认射线检测配置 */
-    defRaycasterOps?: {
-        recursive?: boolean;
-    };
-    /** controls */
-    orbitControls?: boolean;
-    /** 是否需要默认环境光 */
-    ambientLight?: boolean;
-    /** on demand render scene, 按需渲染 */
-    onDemand?: boolean;
-    /** 是否开启css2d渲染 */
-    css2DRenderer?: boolean;
-    /** 是否开启css3d渲染 */
-    css3DRenderer?: boolean;
-    /** 是否开启裁剪 */
-    cutout?: boolean;
-    /** 场景背景相关 */
-    background?: {
-        imgs?: Tuple<string>;
-        color?: Color;
-        panorama?: string;
-        alpha?: number;
-    };
-}
-declare type Tuple<TItem> = [TItem, ...TItem[]] & {
-    length: 6;
-};
-interface CutoutAreaType {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-declare class SceneControl {
-    private opts;
-    private pointer;
-    scene: TScene | null;
-    raycaster: Raycaster | null;
-    ambientLight: AmbientLight | null;
-    camera: PerspectiveCamera | null;
-    renderer: WebGLRenderer | null;
-    cssRenderer: Cssrenderer | null;
-    controls: OrbitControls | null;
-    domElement: HTMLElement | null;
-    /** 裁剪相关 */
-    cutoutCamera: PerspectiveCamera | null;
-    cutoutBackground: ColorRepresentation | null;
-    cutoutBackgroundAlpha: number;
-    cutoutArea: CutoutAreaType;
-    constructor(opts?: SceneOptions);
-    /**
-     * init default scene components
-     */
-    private defaultInit;
-    /**
-     * init scene
-     * @param camera
-     * @param renderer
-     */
-    resetScene(camera: PerspectiveCamera, renderer: WebGLRenderer): void;
-    /**
-     * init renderer
-     */
-    private initRenderer;
-    /**
-     * main view cut
-     * @param renderer
-     */
-    private cutMain;
-    /**
-     * mini view cut
-     * @param renderer
-     */
-    private cutSub;
-    private initCssRenderer;
-    /**
-     * init skybox
-     * @param imgs
-     */
-    private initSkyBox;
-    /**
-     * init default camera
-     */
-    private initDefaultPerspectiveCamera;
-    /**
-     * init ambient light
-     * @param position
-     * @param color
-     * @param intensity
-     * @returns
-     */
-    private initAmbientLight;
-    /**
-     * frame render
-     * @param frameAnimate
-     */
-    startFrameAnimate(frameAnimate?: (renderer: WebGLRenderer) => void): void;
-    /**
-     * scene add object3d
-     * @param object3d
-     */
-    add(object3d: any): void;
-    /**
-     * update raycaster
-     */
-    private updateRaycaster;
-    private getPointerPosition;
-    /**
-     * handle pointerup event
-     * @param event
-     */
-    private onPointerPointerup;
-    /**
-     * handle pointerdown event
-     * @param event
-     */
-    private onPointerDown;
-    /**
-     * handle pointermove event
-     * @param event
-     */
-    private onPointerMove;
-    /**
-     * handle pointerleave event
-     * @param event
-     */
-    private onPointerLeave;
-    /**
-     * handle event register
-     * @param target
-     */
-    private registerEvent;
-    /**
-     * render scene
-     * @param target
-     */
-    render(target: HTMLElement): void;
-    private updateRenderForCut;
-    destroy(): void;
-}
-export default SceneControl;