@anov/3d 0.0.1 → 0.0.2

package/dist/index.d.ts

@@ -1,6 +1,3 @@
-import Anove3DScene from './core/scene';
-import Anov3DMesh from './core/mesh';
-import { Anov3DPerspectiveCamera } from './core/camera';
-import Anov3DModelLoader from './core/model';
-import { ModelType } from './commonEnu';
-export { Anove3DScene, Anov3DMesh, Anov3DPerspectiveCamera, Anov3DModelLoader, ModelType, };
+import * as anov3d from './export';
+export * from './export';
+export { anov3d as ANOV, };

package/dist/index.js

@@ -1,6 +1,5 @@
-import Anove3DScene from "./core/scene";
-import Anov3DMesh from "./core/mesh";
-import { Anov3DPerspectiveCamera } from "./core/camera";
-import Anov3DModelLoader from "./core/model";
-import { ModelType } from "./commonEnu";
-export { Anove3DScene, Anov3DMesh, Anov3DPerspectiveCamera, Anov3DModelLoader, ModelType };
+import * as anov3d from "./export";
+export * from "./export";
+
+// umd
+export { anov3d as ANOV };

package/dist/threeCell.d.ts

@@ -0,0 +1,8 @@
+export { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
+export { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
+export { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
+export { CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer';
+export { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer';
+export { LineGeometry } from 'three/examples/jsm/lines/LineGeometry';
+export { LineMaterial } from 'three/examples/jsm/lines/LineMaterial';
+export { Line2 } from 'three/examples/jsm/lines/Line2';

package/dist/threeCell.js

@@ -0,0 +1,16 @@
+// control
+export { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
+
+// loader
+export { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
+export { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
+
+// renderer
+export { CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer';
+export { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer';
+
+// line
+
+export { LineGeometry } from 'three/examples/jsm/lines/LineGeometry';
+export { LineMaterial } from 'three/examples/jsm/lines/LineMaterial';
+export { Line2 } from 'three/examples/jsm/lines/Line2';

package/dist/type.d.ts

@@ -1,3 +1,4 @@
-import type TwinsThreeMesh from './core/mesh';
-export declare type CubeEventType = 'pointerup' | 'pointerdown' | 'pointermove' | 'pointerleave';
-export declare type EventHandleFn<T> = (event: TwinsThreeMesh) => void;
+import type { Intersection } from 'three';
+import type Mesh from './core/mesh';
+export declare type CubeEventType = 'click' | 'pointerup' | 'pointerdown' | 'pointermove' | 'pointerleave';
+export declare type EventHandleFn<T> = (event: Mesh, intersect?: Intersection) => void;

package/dist/utils/createElement.d.ts

@@ -0,0 +1,103 @@
+export interface OpsType {
+    textContent?: string;
+    innerHTML?: string;
+    id?: string;
+    class?: string;
+    classList?: string[];
+    attrs?: {
+        [key: string]: string;
+    };
+    style?: {
+        [key: string]: string;
+    };
+    events?: {
+        [key: string]: () => void;
+    };
+}
+/**
+ * setAttributes
+ * @param el
+ * @param attrs
+ */
+export declare const setAttributes: (el: HTMLElement, attrs?: OpsType['attrs']) => void;
+/**
+ * setClassList
+ * @param el
+ * @param classList
+ */
+export declare const setClassList: (el: HTMLElement, classList: string[]) => void;
+/**
+ * setEventListeners
+ * @param el
+ * @param events
+ */
+export declare const setEventListeners: (el: HTMLElement, events?: OpsType['events']) => void;
+/**
+ * appendChildren
+ * @param node
+ * @param children
+ */
+export declare const appendChildren: (node: HTMLElement, children: HTMLElement[]) => void;
+/**
+ * createElement
+ * @param tag
+ * @param options
+ * @param children
+ * @returns
+ */
+export declare const createElement: (tag: string, options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+/**
+ * create
+ * @param tags
+ * @returns
+ */
+export declare const create: (...tags: string[]) => ((options?: OpsType, children?: HTMLElement[]) => HTMLDivElement)[];
+export declare const a: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const article: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const aside: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const b: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const br: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const button: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const canvas: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const div: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const fieldset: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const footer: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const form: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const h1: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const h2: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const h3: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const h4: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const h5: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const h6: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const header: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const hr: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const i: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const iframe: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const img: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const input: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const label: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const li: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const link: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const main: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const meta: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const nav: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const ol: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const option: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const p: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const progress: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const script: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const section: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const select: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const span: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const style: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const sub: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const sup: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const svg: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const table: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const tbody: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const td: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const textarea: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const th: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const tr: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const ul: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;
+export declare const video: (options?: OpsType, children?: HTMLElement[]) => HTMLDivElement;

package/dist/utils/createElement.js

@@ -0,0 +1,145 @@
+import { handleCamelCaseString } from "../utils";
+/**
+ * setAttributes
+ * @param el
+ * @param attrs
+ */
+export var setAttributes = function setAttributes(el) {
+  var attrs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  Object.keys(attrs).forEach(function (attrName) {
+    if (attrs[attrName]) el.setAttribute(attrName, attrs[attrName]);
+  });
+};
+var setStyle = function setStyle(el) {
+  var style = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var styleString = Object.keys(style).reduce(function (pre, cur) {
+    return "".concat(pre, " ").concat(handleCamelCaseString(cur), ":").concat(style[cur], ";");
+  }, '');
+  el.setAttribute('style', styleString);
+};
+
+/**
+ * setClassList
+ * @param el
+ * @param classList
+ */
+export var setClassList = function setClassList(el, classList) {
+  classList.forEach(function (className) {
+    return el.classList.add(className);
+  });
+};
+
+/**
+ * setEventListeners
+ * @param el
+ * @param events
+ */
+export var setEventListeners = function setEventListeners(el) {
+  var events = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  Object.keys(events).forEach(function (eventName) {
+    var eventFn = events[eventName];
+    el.addEventListener(eventName, eventFn);
+  });
+};
+
+/**
+ * appendChildren
+ * @param node
+ * @param children
+ */
+export var appendChildren = function appendChildren(node, children) {
+  children.forEach(function (child) {
+    return node.appendChild(child);
+  });
+};
+
+/**
+ * createElement
+ * @param tag
+ * @param options
+ * @param children
+ * @returns
+ */
+export var createElement = function createElement(tag) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var children = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var result = document.createElement(tag);
+  var parent = document.createElement('div');
+  parent.appendChild(result);
+  if (options.textContent) result.textContent = options.textContent;
+  if (options.innerHTML) result.innerHTML = options.innerHTML;
+  if (options.id) result.id = options.id;
+  if (options.class) result.className = options.class;
+  setAttributes(result, options.attrs);
+  setClassList(result, options.classList || []);
+  setEventListeners(result, options.events);
+  setStyle(result, options.style || {});
+  appendChildren(result, children);
+  return parent;
+};
+/**
+ * create
+ * @param tags
+ * @returns
+ */
+export var create = function create() {
+  for (var _len = arguments.length, tags = new Array(_len), _key = 0; _key < _len; _key++) {
+    tags[_key] = arguments[_key];
+  }
+  return tags.map(function (tag) {
+    return function () {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var children = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+      return createElement(tag, options, children);
+    };
+  });
+};
+export var a = create('a')[0];
+export var article = create('article')[0];
+export var aside = create('aside')[0];
+export var b = create('b')[0];
+export var br = create('br')[0];
+export var button = create('button')[0];
+export var canvas = create('canvas')[0];
+export var div = create('div')[0];
+export var fieldset = create('fieldset')[0];
+export var footer = create('footer')[0];
+export var form = create('form')[0];
+export var h1 = create('h1')[0];
+export var h2 = create('h2')[0];
+export var h3 = create('h3')[0];
+export var h4 = create('h4')[0];
+export var h5 = create('h5')[0];
+export var h6 = create('h6')[0];
+export var header = create('header')[0];
+export var hr = create('hr')[0];
+export var i = create('i')[0];
+export var iframe = create('iframe')[0];
+export var img = create('img')[0];
+export var input = create('input')[0];
+export var label = create('label')[0];
+export var li = create('li')[0];
+export var link = create('link')[0];
+export var main = create('main')[0];
+export var meta = create('meta')[0];
+export var nav = create('nav')[0];
+export var ol = create('ol')[0];
+export var option = create('option')[0];
+export var p = create('p')[0];
+export var progress = create('progress')[0];
+export var script = create('script')[0];
+export var section = create('section')[0];
+export var select = create('select')[0];
+export var span = create('span')[0];
+export var style = create('style')[0];
+export var sub = create('sub')[0];
+export var sup = create('sup')[0];
+export var svg = create('svg')[0];
+export var table = create('table')[0];
+export var tbody = create('tbody')[0];
+export var td = create('td')[0];
+export var textarea = create('textarea')[0];
+export var th = create('th')[0];
+export var tr = create('tr')[0];
+export var ul = create('ul')[0];
+export var video = create('video')[0];

package/dist/utils/createLabel.d.ts

@@ -0,0 +1,2 @@
+import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
+export declare const createLabel: (dom: HTMLElement) => CSS2DObject;

package/dist/utils/createLabel.js

@@ -0,0 +1,4 @@
+import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
+export var createLabel = function createLabel(dom) {
+  return new CSS2DObject(dom);
+};

package/dist/utils/index.d.ts

@@ -1,3 +1,5 @@
+import type { Object3D } from 'three';
+import { Vector3 } from 'three';
 export declare const emitter: {
     on: {
         <Key extends import("mitt").EventType>(type: Key, handler: import("mitt").Handler<Record<import("mitt").EventType, unknown>[Key]>): void;
@@ -13,3 +15,37 @@ export declare const emitter: {
     };
     all: import("mitt").EventHandlerMap<Record<import("mitt").EventType, unknown>>;
 };
+interface Node {
+    children?: Node[];
+    [k: string]: any;
+}
+/**
+ * get ancestors nodes
+ * @param array
+ * @param targetId
+ * @param key
+ * @returns
+ */
+export declare const getAncestorsNodes: <T extends Node>(array: T[], targetId: string | number, key?: string) => T[];
+/**
+ * get object3d ancestors nodes
+ * @param object3d
+ * @returns
+ */
+export declare const getObject3dAncestorsNodes: (object3d: Object3D) => Object3D<import("three").Event>[];
+/**
+ * handle small hump
+ * @param camelCaseString
+ * @returns
+ */
+export declare const handleCamelCaseString: (camelCaseString: string) => string;
+/**
+ * mousePointTo3DPoint
+ * @param mouseX
+ * @param mouseY
+ * @param camera
+ * @param renderer
+ * @returns
+ */
+export declare const mousePointTo3DPoint: (mouseX: number, mouseY: number, camera: THREE.Camera, renderer: THREE.WebGLRenderer) => Vector3;
+export {};

package/dist/utils/index.js

@@ -1,3 +1,4 @@
+import { Vector3 } from 'three';
 import mitt from 'mitt';
 var emitterHandle = mitt();
 export var emitter = {
@@ -5,4 +6,79 @@ export var emitter = {
   off: emitterHandle.off,
   emit: emitterHandle.emit,
   all: emitterHandle.all
+};
+/**
+ * get ancestors nodes
+ * @param array
+ * @param targetId
+ * @param key
+ * @returns
+ */
+export var getAncestorsNodes = function getAncestorsNodes(array, targetId) {
+  var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'id';
+  var ancestorsNodes = [];
+  var run = function run(currentAttr) {
+    for (var i = 0; i < currentAttr.length; i++) {
+      if (!currentAttr[i][key]) throw new Error("The key ".concat(key, " is not defined in the object"));
+      if (currentAttr[i][key] && currentAttr[i][key] === targetId) return true;
+      if (currentAttr[i].children && Array.isArray(currentAttr[i].children)) {
+        var endRecursiveLoop = run(currentAttr[i].children);
+        if (endRecursiveLoop) {
+          ancestorsNodes.push(currentAttr[i]);
+          return true;
+        }
+        run(currentAttr[i].children);
+      }
+    }
+  };
+  run(array);
+  return ancestorsNodes;
+};
+
+/**
+ * get object3d ancestors nodes
+ * @param object3d
+ * @returns
+ */
+export var getObject3dAncestorsNodes = function getObject3dAncestorsNodes(object3d) {
+  var ancestorsNodes = [];
+  var currentObject3d = object3d;
+  while (currentObject3d.parent) {
+    ancestorsNodes.push(currentObject3d.parent);
+    currentObject3d = currentObject3d.parent;
+  }
+  return ancestorsNodes;
+};
+
+/**
+ * handle small hump
+ * @param camelCaseString
+ * @returns
+ */
+export var handleCamelCaseString = function handleCamelCaseString(camelCaseString) {
+  var result = '';
+  for (var i = 0; i < camelCaseString.length; i++) {
+    var char = camelCaseString[i];
+    if (char === char.toUpperCase()) result += "-".concat(char.toLowerCase());else result += char;
+  }
+  if (result && result[0] === '-') result = result.slice(1);
+  return result;
+};
+
+/**
+ * mousePointTo3DPoint
+ * @param mouseX
+ * @param mouseY
+ * @param camera
+ * @param renderer
+ * @returns
+ */
+export var mousePointTo3DPoint = function mousePointTo3DPoint(mouseX, mouseY, camera, renderer) {
+  var vector = new Vector3();
+  vector.set(mouseX / renderer.domElement.clientWidth * 2 - 1, -(mouseY / renderer.domElement.clientHeight) * 2 + 1, 0.5);
+  vector.unproject(camera);
+  var dir = vector.sub(camera.position).normalize();
+  var distance = -camera.position.z / dir.z;
+  var pos = camera.position.clone().add(dir.multiplyScalar(distance));
+  return pos;
 };

package/dist/utils/move.d.ts

@@ -0,0 +1,48 @@
+import type { Object3D, Vector3 } from 'three';
+import { CatmullRomCurve3 } from 'three';
+import * as TWEEN from '@tweenjs/tween.js';
+export declare enum Direction {
+    plus = "plus",
+    minus = "minus"
+}
+/**
+ * moveTo 直线移动
+ * @param currentObject3D
+ * @param targetObject3D
+ * @param direction
+ * @param distance
+ * @param duration
+ * @param animationMethod
+ */
+export declare const moveTo: (currentObject3D: Object3D, targetObject3D: Object3D, distance: number, direction: Direction, duration?: number, animationMethod?: string) => TWEEN.Tween<Vector3>;
+export interface ControlsRetuenFuncType {
+    remove: () => void;
+    increaseSpeed: (currentStep: number) => void;
+    recoverSpeed: () => void;
+}
+export interface OffsetType {
+    x?: number;
+    y?: number;
+    z?: number;
+}
+/**
+ * 曲线路径移动
+ * @param currentObject
+ * @param curve
+ * @param points 曲线分割数, 同时也决定了运动速度
+ * @param lookat 默认曲线方向
+ */
+export declare const moveWithLine: (currentObject: Object3D, curve: CatmullRomCurve3, points?: number, offset?: OffsetType, lookat?: Vector3) => ControlsRetuenFuncType;
+/**
+ * base 圆周运动
+ * @param currentObject3d
+ * @param speed
+ * @param duration
+ */
+export declare const moveWithRound: (currentObject3d: Object3D, speed?: number, duration?: number) => void;
+/**
+ * move 方法2 移动辅助线
+ * @param currentObject3D
+ * @param targetObject3D
+ */
+export declare const moveLine: (currentObject3D: Object3D, targetObject3D: Object3D) => void;

package/dist/utils/move.js

@@ -0,0 +1,149 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { BufferGeometry, CatmullRomCurve3, Line, LineBasicMaterial } from 'three';
+import * as TWEEN from '@tweenjs/tween.js';
+import { PerspectiveCamera } from "../core/camera";
+import globalObjectManage from "../core/global/global";
+import globalControl from "../core/global/globalControl";
+var AnimationMethod;
+(function (AnimationMethod) {})(AnimationMethod || (AnimationMethod = {}));
+export var Direction;
+
+/**
+ * moveTo 直线移动
+ * @param currentObject3D
+ * @param targetObject3D
+ * @param direction
+ * @param distance
+ * @param duration
+ * @param animationMethod
+ */
+(function (Direction) {
+  Direction["plus"] = "plus";
+  Direction["minus"] = "minus";
+})(Direction || (Direction = {}));
+export var moveTo = function moveTo(currentObject3D, targetObject3D, distance, direction, duration, animationMethod) {
+  var targetPosition = targetObject3D.position;
+  var cameraPosition = currentObject3D.position;
+
+  // 单位方向向量
+  var toward = targetPosition.clone().sub(cameraPosition).normalize();
+  if (direction === Direction.minus) toward = toward.negate();
+  var target = cameraPosition.clone().add(toward.multiplyScalar(distance));
+  var totalDistance = cameraPosition.distanceTo(targetPosition);
+  var currentDistance = cameraPosition.distanceTo(target);
+  var lastPosition = target.clone();
+  if (direction === Direction.plus && currentDistance > totalDistance) lastPosition = targetPosition;
+  var tween = new TWEEN.Tween(cameraPosition);
+  tween.to(lastPosition, duration || 1000);
+  tween.start();
+  if (currentObject3D instanceof PerspectiveCamera) {
+    globalControl.add(function () {
+      currentObject3D.lookAt(targetPosition);
+    }, (duration || 1000) * 1.01);
+    globalControl.start();
+  }
+  return tween;
+};
+
+/**
+ * create line
+ * @param points
+ * @returns
+ */
+var createLine = function createLine(points) {
+  var curve = new CatmullRomCurve3(_toConsumableArray(points));
+  var curvePoints = curve.getPoints(50);
+  var geometry = new BufferGeometry().setFromPoints(curvePoints);
+  var material = new LineBasicMaterial({
+    opacity: 1
+  });
+  return [new Line(geometry, material), curve];
+};
+/**
+ * 曲线路径移动
+ * @param currentObject
+ * @param curve
+ * @param points 曲线分割数, 同时也决定了运动速度
+ * @param lookat 默认曲线方向
+ */
+export var moveWithLine = function moveWithLine(currentObject, curve) {
+  var points = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 500;
+  var offset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+    x: 0,
+    y: 0,
+    z: 0
+  };
+  var lookat = arguments.length > 4 ? arguments[4] : undefined;
+  var totlePoints = curve.getPoints(points);
+  var totle = totlePoints.length;
+  var index = 0;
+  var step = 1;
+  var calcIndex = function calcIndex(index) {
+    return index > totle ? index - totle - 1 : index;
+  };
+  var handleCallback = function handleCallback() {
+    if (index >= totle) index = calcIndex(index);
+    var nextPoint = totlePoints[calcIndex(index) % totle];
+    currentObject.position.set(nextPoint.x + offset.x || 0, nextPoint.y + offset.y || 0, nextPoint.z + offset.z || 0);
+    if (lookat) currentObject.lookAt(lookat);else currentObject.lookAt(totlePoints[calcIndex(index + 1) % totle]);
+    index += step;
+  };
+  globalControl.add(handleCallback, 100000);
+  globalControl.start();
+  return {
+    remove: function remove() {
+      return globalControl.remove(handleCallback);
+    },
+    increaseSpeed: function increaseSpeed() {
+      var currentStep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      step = currentStep + step;
+    },
+    recoverSpeed: function recoverSpeed() {
+      step = 1;
+    }
+  };
+};
+
+/**
+ * base 圆周运动
+ * @param currentObject3d
+ * @param speed
+ * @param duration
+ */
+export var moveWithRound = function moveWithRound(currentObject3d) {
+  var speed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.1;
+  var duration = arguments.length > 2 ? arguments[2] : undefined;
+  var angle = 0;
+  var x = 0;
+  var z = 0;
+  var handleCallback = function handleCallback() {
+    angle += speed;
+    x = 4 * Math.sin(angle);
+    z = 4 * Math.cos(angle);
+    currentObject3d.position.set(x, 0, z);
+  };
+  globalControl.add(handleCallback, duration);
+  globalControl.start();
+};
+
+/**
+ * move 方法2 移动辅助线
+ * @param currentObject3D
+ * @param targetObject3D
+ */
+export var moveLine = function moveLine(currentObject3D, targetObject3D) {
+  var _createLine = createLine([currentObject3D.position, targetObject3D.position]),
+    _createLine2 = _slicedToArray(_createLine, 2),
+    curveObject = _createLine2[0],
+    curve = _createLine2[1];
+  globalObjectManage.scene.add(curveObject);
+};

package/examples/fonts/LICENSE

@@ -0,0 +1,13 @@
+Copyright @ 2004 by MAGENTA Ltd. All Rights Reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of the fonts accompanying this license ("Fonts") and associated documentation files (the "Font Software"), to reproduce and distribute the Font Software, including without limitation the rights to use, copy, merge, publish, distribute, and/or sell copies of the Font Software, and to permit persons to whom the Font Software is furnished to do so, subject to the following conditions:
+
+The above copyright and this permission notice shall be included in all copies of one or more of the Font Software typefaces.
+
+The Font Software may be modified, altered, or added to, and in particular the designs of glyphs or characters in the Fonts may be modified and additional glyphs or characters may be added to the Fonts, only if the fonts are renamed to names not containing the word "MgOpen", or if the modifications are accepted for inclusion in the Font Software itself by the each appointed Administrator.
+
+This License becomes null and void to the extent applicable to Fonts or Font Software that has been modified and is distributed under the "MgOpen" name.
+
+The Font Software may be sold as part of a larger software package but no copy of one or more of the Font Software typefaces may be sold by itself.
+
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL MAGENTA OR PERSONS OR BODIES IN CHARGE OF ADMINISTRATION AND MAINTENANCE OF THE FONT SOFTWARE BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.