bytev-charts/lib/plugin/three.js/examples/js/animation/AnimationClipCreator.js

基于echarts和JavaScript及ES6封装的一个可以直接调用的图表组件库，内置主题设计，简单快捷，且支持用户自定义配置； npm 安装方式: npm install bytev-charts 若启动提示还需额外install插件,则运行 npm install @babel/runtime-corejs2 即可;

import "core-js/modules/es.object.to-string.js";
import "core-js/modules/es.promise.js";
console.warn("THREE.AnimationClipCreator: As part of the transition to ES6 Modules, the files in 'examples/js' were deprecated in May 2020 (r117) and will be deleted in December 2020 (r124). You can find more information about developing using ES6 Modules in https://threejs.org/docs/#manual/en/introduction/Installation.");

THREE.AnimationClipCreator = function () {};

THREE.AnimationClipCreator.CreateRotationAnimation = function (period, axis) {
  var times = [0, period],
      values = [0, 360];
  axis = axis || 'x';
  var trackName = '.rotation[' + axis + ']';
  var track = new THREE.NumberKeyframeTrack(trackName, times, values);
  return new THREE.AnimationClip(null, period, [track]);
};

THREE.AnimationClipCreator.CreateScaleAxisAnimation = function (period, axis) {
  var times = [0, period],
      values = [0, 1];
  axis = axis || 'x';
  var trackName = '.scale[' + axis + ']';
  var track = new THREE.NumberKeyframeTrack(trackName, times, values);
  return new THREE.AnimationClip(null, period, [track]);
};

THREE.AnimationClipCreator.CreateShakeAnimation = function (duration, shakeScale) {
  var times = [],
      values = [],
      tmp = new THREE.Vector3();

  for (var i = 0; i < duration * 10; i++) {
    times.push(i / 10);
    tmp.set(Math.random() * 2.0 - 1.0, Math.random() * 2.0 - 1.0, Math.random() * 2.0 - 1.0).multiply(shakeScale).toArray(values, values.length);
  }

  var trackName = '.position';
  var track = new THREE.VectorKeyframeTrack(trackName, times, values);
  return new THREE.AnimationClip(null, duration, [track]);
};

THREE.AnimationClipCreator.CreatePulsationAnimation = function (duration, pulseScale) {
  var times = [],
      values = [],
      tmp = new THREE.Vector3();

  for (var i = 0; i < duration * 10; i++) {
    times.push(i / 10);
    var scaleFactor = Math.random() * pulseScale;
    tmp.set(scaleFactor, scaleFactor, scaleFactor).toArray(values, values.length);
  }

  var trackName = '.scale';
  var track = new THREE.VectorKeyframeTrack(trackName, times, values);
  return new THREE.AnimationClip(null, duration, [track]);
};

THREE.AnimationClipCreator.CreateVisibilityAnimation = function (duration) {
  var times = [0, duration / 2, duration],
      values = [true, false, true];
  var trackName = '.visible';
  var track = new THREE.BooleanKeyframeTrack(trackName, times, values);
  return new THREE.AnimationClip(null, duration, [track]);
};

THREE.AnimationClipCreator.CreateMaterialColorAnimation = function (duration, colors) {
  var times = [],
      values = [],
      timeStep = duration / colors.length;

  for (var i = 0; i <= colors.length; i++) {
    times.push(i * timeStep);
    values.push(colors[i % colors.length]);
  }

  var trackName = '.material[0].color';
  var track = new THREE.ColorKeyframeTrack(trackName, times, values);
  return new THREE.AnimationClip(null, duration, [track]);
};