@gamelearn/arcade-components 2.27.0 → 2.29.2

package/dist/helpers/LangIsRtl.js

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var LangIsRtl = function LangIsRtl() {
   var langsRtl = ['ar', 'fa', 'he', 'ku', 'ur'];
   var currentLang = document.querySelector('html').getAttribute('lang');
-
   if (langsRtl.includes(currentLang)) {
     return true;
   }
-
   return false;
 };
-
 var _default = LangIsRtl;
 exports.default = _default;

package/dist/helpers/LightSet.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var LightSet = function LightSet() {
   return /*#__PURE__*/_react.default.createElement("group", null, /*#__PURE__*/_react.default.createElement("pointLight", {
     position: [-2.29, 17.35, 2.56],
@@ -34,6 +31,5 @@ var LightSet = function LightSet() {
     position: [0, 500, 0]
   }));
 };
-
 var _default = LightSet;
 exports.default = _default;

package/dist/helpers/LodController.js

@@ -4,25 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _drei = require("@react-three/drei");
-
 var _react = require("react");
-
 var _fiber = require("@react-three/fiber");
-
 var _drawLOD = _interopRequireDefault(require("./drawLOD"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var LodController = function LodController() {
   var scene = (0, _fiber.useThree)(function (state) {
     return state.scene;
   });
-
   var _useProgress = (0, _drei.useProgress)(),
-      active = _useProgress.active;
-
+    active = _useProgress.active;
   (0, _react.useEffect)(function () {
     if (!active) {
       setTimeout(function () {
@@ -32,6 +24,5 @@ var LodController = function LodController() {
   }, [active, scene]);
   return null;
 };
-
 var _default = LodController;
 exports.default = _default;

package/dist/helpers/deviceDetection.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DeviceDetection = exports.BrowserDetection = void 0;
-
 var DeviceDetection = function DeviceDetection() {
-  return navigator.userAgent.match(/(android)/i) || ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
+  return navigator.userAgent.match(/(android)/i) || ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) ||
+  // iPad on iOS 13 detection
   navigator.userAgent.includes('Mac') && 'ontouchend' in document;
 };
-
 exports.DeviceDetection = DeviceDetection;
-
 var BrowserDetection = function BrowserDetection() {
   var ua = navigator.userAgent.toLowerCase();
   var isFirefox = ua.indexOf('firefox') > -1;
@@ -20,5 +18,4 @@ var BrowserDetection = function BrowserDetection() {
   if (isFirefox) res = 'firefox';else if (isSafari) res = 'safari';
   return res;
 };
-
 exports.BrowserDetection = BrowserDetection;

package/dist/helpers/drawLOD.js

@@ -1,22 +1,15 @@
 "use strict";
 
 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); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var THREE = _interopRequireWildcard(require("three"));
-
 var _lodStats = _interopRequireDefault(require("./lodStats"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var loadingManager = new THREE.LoadingManager();
 var imgLoader = new THREE.ImageLoader(loadingManager);
 var pureGlbMode = false;
@@ -43,7 +36,6 @@ var blueImage = new Image();
 blueImage.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPj/HwADBwIAMCbHYQAAAABJRU5ErkJggg==';
 var whiteImage = new Image();
 whiteImage.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+ip1sAAAAASUVORK5CYII=';
-
 function roundedRectangle(ctx, rect, radius) {
   var pi = Math.PI;
   var x1 = rect[0];
@@ -53,11 +45,8 @@ function roundedRectangle(ctx, rect, radius) {
   var cr = radius;
   ctx.beginPath();
   ctx.arc(x1 + cr, y1 + cr, cr, pi, 1.5 * pi); // upper left corner
-
   ctx.arc(x2 - cr, y1 + cr, cr, 1.5 * pi, 0); // upper right corner
-
   ctx.arc(x2 - cr, y2 - cr, cr, 0, 0.5 * pi); // lower right corner
-
   ctx.arc(x1 + cr, y2 - cr, cr, 0.5 * pi, pi); // lower left corner
 
   ctx.closePath();
@@ -65,23 +54,25 @@ function roundedRectangle(ctx, rect, radius) {
   ctx.lineWidth = 20;
   ctx.stroke();
 }
-
 function makeTextSprite(message, opts) {
   var parameters = opts || {};
   var fontface = parameters.fontface || 'Helvetica';
   var fontsize = parameters.fontsize || 120;
   var canvas = document.createElement('canvas');
   var context = canvas.getContext('2d');
-  context.font = "".concat(fontsize, "px ").concat(fontface); // get size data (height depends only on font size)
+  context.font = "".concat(fontsize, "px ").concat(fontface);
+
+  // get size data (height depends only on font size)
   // var metrics = context.measureText(message);
   // var textWidth = metrics.width;
-  // text color
 
+  // text color
   context.fillStyle = 'rgba(255,255,255,1.0)';
   roundedRectangle(context, [0, 0, canvas.width, canvas.height], 25);
   context.fillStyle = 'rgba(255, 255, 255, 1.0)';
-  context.fillText(message, 0, fontsize); // canvas contents will be used for a texture
+  context.fillText(message, 0, fontsize);
 
+  // canvas contents will be used for a texture
   var texture = new THREE.Texture(canvas);
   texture.minFilter = THREE.LinearFilter;
   texture.needsUpdate = true;
@@ -94,6 +85,7 @@ function makeTextSprite(message, opts) {
   sprite.center.set(0.5, 0.5);
   return sprite;
 }
+
 /*
 const texturablesDone = (params) => {
   params.texturableElements.forEach((elem) => {
@@ -102,31 +94,28 @@ const texturablesDone = (params) => {
 }
 */
 
-
 var materialize = function materialize(params, lod) {
   var totalLods = 0;
   var doneLods = 0;
-
   var checkPromises = function checkPromises() {
     if (doneLods >= totalLods) {
       if (progressiveMode) {
         var currentIndex = progressiveOrder.indexOf(lod);
         var lastIndex = progressiveOrder.indexOf(params.currentLOD);
-
         if (currentIndex < lastIndex) {
           materialize(params, progressiveOrder[currentIndex + 1]);
-        } else {// texturablesDone(params);
+        } else {
+          // texturablesDone(params);
         }
-      } else {// texturablesDone(params);
+      } else {
+        // texturablesDone(params);
       }
     }
   };
-
   params.texturableElements.forEach(function (elem) {
     if (params.texturesDistance && elem.distanceToCam > lodDistances[lod]) {
       return;
     }
-
     var jsonUrl = elem.userData.url.replace('.glb', '.json');
     fetch(jsonUrl).then(function (response) {
       return response.json();
@@ -136,7 +125,6 @@ var materialize = function materialize(params, lod) {
           obj.material.wireframe = false;
           if (!obj.material.isDone) obj.material.isDone = {};
           obj.material.isDone[lod] = true;
-
           if (materials[obj.material.name]) {
             materials[obj.material.name].forEach(function (item) {
               var imgSrc = "".concat(elem.userData.url, ".textures.").concat(lod, ".").concat(item.positionInArray, ".png");
@@ -144,32 +132,24 @@ var materialize = function materialize(params, lod) {
                 if (params.showStats) {
                   statsTextures(lod, imgSrc, result);
                 }
-
                 obj.material[item.key].image = result;
-
                 if (params.rgbSimulation) {
                   var image;
-
                   switch (lod) {
                     case 'divideby64':
                       image = redImage;
                       break;
-
                     case 'divideby16':
                       image = greenImage;
                       break;
-
                     case 'divideby4':
                       image = blueImage;
                       break;
-
                     default:
                       image = result;
                   }
-
                   obj.material[item.key].image = image;
                 }
-
                 obj.material[item.key].needsUpdate = true;
                 doneLods += 1;
                 checkPromises();
@@ -182,7 +162,6 @@ var materialize = function materialize(params, lod) {
     });
   });
 };
-
 var updateSceneLods = function updateSceneLods(params) {
   if (!pureGlbMode && !pureGeometryMode) {
     if (progressiveMode) {
@@ -192,22 +171,18 @@ var updateSceneLods = function updateSceneLods(params) {
     }
   }
 };
-
 var invalidateOutOfFrustum = function invalidateOutOfFrustum(params) {
   params.texturableElements = params.texturableElements.filter(function (elem) {
     var bbox = new THREE.Box3().setFromObject(elem);
     var insideFrustum = params.frustum.intersectsBox(bbox);
     elem.bbox = bbox;
-
     if (params.showHelpers) {
       var boundingHelper = new THREE.Box3Helper(bbox, insideFrustum ? 0x00ff00 : 0xff0000);
       params.helpers.add(boundingHelper);
     }
-
     return insideFrustum;
   });
 };
-
 var checkDistances = function checkDistances(params) {
   params.texturableElements.forEach(function (elem) {
     var center = new THREE.Vector3();
@@ -215,7 +190,6 @@ var checkDistances = function checkDistances(params) {
     var bsphere = elem.bbox.getBoundingSphere(new THREE.Sphere(center));
     var distance = params.camera.position.distanceTo(center) - bsphere.radius;
     elem.distanceToCam = distance;
-
     if (params.showHelpers) {
       var sphere = new THREE.Mesh(new THREE.SphereGeometry(bsphere.radius, 32, 32), new THREE.MeshStandardMaterial({
         color: 0xffffff,
@@ -232,7 +206,6 @@ var checkDistances = function checkDistances(params) {
     }
   });
 };
-
 var statsGeometries = function statsGeometries(params) {
   params.texturableElements.forEach(function (item) {
     var url = item.userData.url.replace('.glb', '.geometry.glb');
@@ -246,7 +219,6 @@ var statsGeometries = function statsGeometries(params) {
     });
   });
 };
-
 var statsTextures = function statsTextures(lod, url) {
   fetch(url).then(function (response) {
     return response.blob();
@@ -257,7 +229,6 @@ var statsTextures = function statsTextures(lod, url) {
     (0, _lodStats.default)(obj);
   });
 };
-
 var setTexturableElements = function setTexturableElements(params) {
   params.texturableElements = [];
   params.scene.traverse(function (item) {
@@ -268,12 +239,10 @@ var setTexturableElements = function setTexturableElements(params) {
   (0, _lodStats.default)({
     reset: true
   });
-
   if (params.showStats) {
     statsGeometries(params);
   }
 };
-
 var getHelpers = function getHelpers(scene) {
   var helper = null;
   scene.children.forEach(function (item) {
@@ -283,20 +252,16 @@ var getHelpers = function getHelpers(scene) {
   });
   return helper;
 };
-
 var drawLOD = function drawLOD(scene, camera, settings) {
   var currentCamera = camera;
-
   if (!currentCamera.parent) {
     scene.traverse(function (node) {
       var _node$userData;
-
       if (node.isPerspectiveCamera && (_node$userData = node.userData) !== null && _node$userData !== void 0 && _node$userData.defaultCamera) {
         currentCamera = node;
       }
     });
   }
-
   var params = {};
   params.currentLOD = settings !== null && settings !== void 0 && settings.currentLOD ? settings.currentLOD : currentLOD;
   params.rgbSimulation = settings !== null && settings !== void 0 && settings.rgbSimulation ? settings.rgbSimulation : rgbSimulation;
@@ -314,7 +279,6 @@ var drawLOD = function drawLOD(scene, camera, settings) {
   params.scene.add(params.helpers);
   params.camera = currentCamera;
   params.frustum = null;
-
   if (params.texturesFrustum || params.texturesDistance) {
     if (params.camera) {
       params.camera.updateMatrixWorld();
@@ -325,7 +289,6 @@ var drawLOD = function drawLOD(scene, camera, settings) {
       params.texturesFrustum = false;
       params.texturesDistance = false;
     }
-
     if (params.showHelpers) {
       var helper = new THREE.CameraHelper(params.camera.clone());
       params.helpers.add(helper);
@@ -334,19 +297,14 @@ var drawLOD = function drawLOD(scene, camera, settings) {
       params.helpers.add(axesHelper);
     }
   }
-
   setTexturableElements(params);
-
   if (params.texturesFrustum) {
     invalidateOutOfFrustum(params);
   }
-
   if (params.texturesDistance) {
     checkDistances(params);
   }
-
   updateSceneLods(params);
 };
-
 var _default = drawLOD;
 exports.default = _default;

package/dist/helpers/index.js

@@ -3,26 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.zAxis = exports.yAxis = exports.xAxis = exports.vectorTranslateZ = exports.vectorTranslateY = exports.vectorTranslateX = exports.vectorTranslateOnAxis = exports.vectorToScreen = exports.usePrevious = exports.screenToVector = exports.roundFloat = exports.getRandomIndex = exports.getObjectPosition = exports.formatMessage = exports.executeTalkingAnimation = exports.executeCrossFade = exports.cameraFitAnyObject = void 0;
-
+exports.activateAction = activateAction;
+exports.mixWithTalkingClip = exports.getRandomIndex = exports.getObjectPosition = exports.formatMessage = exports.executeCrossFade = exports.cameraFitAnyObject = void 0;
+exports.prepareCrossfade = prepareCrossfade;
+exports.resetActions = resetActions;
+exports.setWeight = exports.screenToVector = exports.roundFloat = void 0;
+exports.syncCrossfade = syncCrossfade;
+exports.zAxis = exports.yAxis = exports.xAxis = exports.vectorTranslateZ = exports.vectorTranslateY = exports.vectorTranslateX = exports.vectorTranslateOnAxis = exports.vectorToScreen = exports.usePrevious = void 0;
 var _react = require("react");
-
 var _three = require("three");
-
-var _GLTFLoader = require("three/examples/jsm/loaders/GLTFLoader");
-
 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; }
-
+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; }
 var xAxis = new _three.Vector3(1, 0, 0);
 exports.xAxis = xAxis;
 var yAxis = new _three.Vector3(0, 1, 0);
@@ -31,8 +26,6 @@ var zAxis = new _three.Vector3(0, 0, 1);
 exports.zAxis = zAxis;
 var crossFadeDuration = 0.2;
 var bones = ['Jaw_M', 'Head_M', 'L_lip_jnt', 'HeadEnd_M', 'Neck_M', 'R_lip_jnt', 'joint4', 'transform1', 'lowerTeeths', 'upperTeeths'];
-var loader = new _GLTFLoader.GLTFLoader();
-
 var formatMessage = function formatMessage(text) {
   var values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var result = text;
@@ -41,15 +34,11 @@ var formatMessage = function formatMessage(text) {
   });
   return result;
 };
-
 exports.formatMessage = formatMessage;
-
 var getRandomIndex = function getRandomIndex(length) {
   return Math.floor(Math.random() * length);
 };
-
 exports.getRandomIndex = getRandomIndex;
-
 var usePrevious = function usePrevious(value) {
   var ref = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
@@ -57,40 +46,28 @@ var usePrevious = function usePrevious(value) {
   }, [value]);
   return ref.current;
 };
-
 exports.usePrevious = usePrevious;
-
 var vectorTranslateOnAxis = function vectorTranslateOnAxis(axis, amount, object) {
   var result = axis.clone().applyQuaternion(object.quaternion);
   return result.multiplyScalar(amount).clone();
 };
-
 exports.vectorTranslateOnAxis = vectorTranslateOnAxis;
-
 var vectorTranslateZ = function vectorTranslateZ(amount, object) {
   return vectorTranslateOnAxis(zAxis, amount, object);
 };
-
 exports.vectorTranslateZ = vectorTranslateZ;
-
 var vectorTranslateX = function vectorTranslateX(amount, object) {
   return vectorTranslateOnAxis(xAxis, amount, object);
 };
-
 exports.vectorTranslateX = vectorTranslateX;
-
 var vectorTranslateY = function vectorTranslateY(amount, object) {
   return vectorTranslateOnAxis(yAxis, amount, object);
 };
-
 exports.vectorTranslateY = vectorTranslateY;
-
 var roundFloat = function roundFloat(number, decimals) {
   return parseFloat(number.toFixed(decimals));
 };
-
 exports.roundFloat = roundFloat;
-
 var cameraFitAnyObject = function cameraFitAnyObject(object, camera) {
   var uOff = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   var controls = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
@@ -118,23 +95,18 @@ var cameraFitAnyObject = function cameraFitAnyObject(object, camera) {
   clonedCamera.near = 0.01;
   clonedCamera.updateProjectionMatrix();
   clonedCamera.lookAt(center);
-
   if (controls) {
     controls.target = center;
     controls.maxDistance = cameraToFarEdge * 2;
     controls.saveState();
   }
-
   if (clone) {
     return clonedCamera;
   }
-
   camera.copy(clonedCamera);
   return null;
 };
-
 exports.cameraFitAnyObject = cameraFitAnyObject;
-
 var getObjectPosition = function getObjectPosition(object, camera, canvas) {
   if (!object) return null;
   var point = new _three.Vector3();
@@ -144,13 +116,11 @@ var getObjectPosition = function getObjectPosition(object, camera, canvas) {
   camera.updateMatrixWorld();
   p.project(camera);
   var clientHeight = canvas.clientHeight,
-      clientWidth = canvas.clientWidth;
+    clientWidth = canvas.clientWidth;
   var position = new _three.Vector2((p.x * clientWidth + clientWidth) / 2, (-p.y * clientHeight + clientHeight) / 2);
   return position;
 };
-
 exports.getObjectPosition = getObjectPosition;
-
 var vectorToScreen = function vectorToScreen(vector, camera) {
   var width = window.innerWidth;
   var height = window.innerHeight;
@@ -162,84 +132,85 @@ var vectorToScreen = function vectorToScreen(vector, camera) {
   pos.y = -(pos.y * heightHalf) + heightHalf;
   return pos;
 };
-
 exports.vectorToScreen = vectorToScreen;
-
 var screenToVector = function screenToVector(vector, camera) {
   var clone = vector.clone();
   clone.z = -1;
   return clone.unproject(camera);
 };
-
 exports.screenToVector = screenToVector;
-
 var setWeight = function setWeight(action, weight) {
   action.enabled = true;
   action.setEffectiveTimeScale(1);
   action.setEffectiveWeight(weight);
 };
-
+exports.setWeight = setWeight;
+function activateAction(action, weight) {
+  setWeight(action, weight);
+  action.play();
+}
+function prepareCrossfade(root, startAction, endAction) {
+  var mixer = root.userData.mixer;
+  if (!startAction || !endAction) {
+    executeCrossFade(startAction, endAction);
+  } else {
+    syncCrossfade(mixer, startAction, endAction);
+  }
+}
+function syncCrossfade(mixer, startAction, endAction) {
+  mixer.addEventListener('loop', onLoopFinished);
+  function onLoopFinished(event) {
+    if (event.action === startAction) {
+      mixer.removeEventListener('loop', onLoopFinished);
+      executeCrossFade(startAction, endAction);
+    }
+  }
+}
+function resetActions(mixer, active) {
+  // eslint-disable-next-line no-underscore-dangle
+  mixer._actions.forEach(function (action) {
+    if (action !== active) {
+      action.fadeOut(crossFadeDuration);
+    }
+  });
+}
 var executeCrossFade = function executeCrossFade(startAction, endAction) {
-  if (startAction === endAction) return;
-  if (!startAction || !endAction) return;
-  startAction.play();
-  startAction.reset();
-  endAction.reset();
-  setWeight(endAction, 1);
-  endAction.crossFadeFrom(startAction, crossFadeDuration, true);
-  endAction.play();
+  if (endAction) {
+    setWeight(endAction, 1);
+    endAction.time = 0;
+    if (startAction) {
+      startAction.syncWith(endAction);
+      startAction.crossFadeTo(endAction, crossFadeDuration, true);
+    } else {
+      endAction.fadeIn(crossFadeDuration);
+    }
+  } else {
+    startAction.fadeOut(crossFadeDuration);
+  }
 };
-
 exports.executeCrossFade = executeCrossFade;
-
-var executeTalkingAnimation = function executeTalkingAnimation(target, talkingURL) {
-  if (target && talkingURL) {
-    var tracks = [];
-    var _target$userData = target.userData,
-        mixer = _target$userData.mixer,
-        defaultAnim = _target$userData.defaultAnim;
-    var cloned = defaultAnim.clone();
-
-    var onLoad = function onLoad(anim) {
-      var talkingClip = anim === null || anim === void 0 ? void 0 : anim.animations[0];
-
-      if (talkingClip) {
-        var _cloned$tracks;
-
-        tracks = talkingClip.tracks.filter(function (track) {
-          return bones.find(function (bone) {
-            return track.name.includes(bone);
-          });
-        });
-        cloned.tracks = cloned.tracks.filter(function (track) {
-          return !bones.find(function (bone) {
-            return track.name.includes(bone);
-          });
-        });
-
-        (_cloned$tracks = cloned.tracks).push.apply(_cloned$tracks, _toConsumableArray(tracks));
-
-        target.userData.emotionClip = cloned;
-        cloned.resetDuration();
-        var talkingSubClip = cloned;
-
-        if (cloned.duration > 4) {
-          talkingSubClip = _three.AnimationUtils.subclip(cloned, 'shortTalking', 0, 120, 30);
-        }
-
-        var defaultAction = mixer.clipAction(defaultAnim, target);
-        var emotionAction = mixer.clipAction(talkingSubClip, target);
-        emotionAction.loop = _three.LoopPingPong;
-        mixer.stopAllAction();
-        target.isTalking = true;
-        executeCrossFade(defaultAction, emotionAction, crossFadeDuration);
-      }
-    };
-
-    loader.load(talkingURL, function (anim) {
-      onLoad(anim);
+var mixWithTalkingClip = function mixWithTalkingClip(target, talking, action) {
+  var _cloned$tracks;
+  var mixer = target.userData.mixer;
+  var talkingClip = talking.clone();
+  var cloned = action.clone();
+  var tracks = talkingClip.tracks.filter(function (track) {
+    return bones.find(function (bone) {
+      return track.name.includes(bone);
     });
+  });
+  cloned.tracks = cloned.tracks.filter(function (track) {
+    return !bones.find(function (bone) {
+      return track.name.includes(bone);
+    });
+  });
+  (_cloned$tracks = cloned.tracks).push.apply(_cloned$tracks, _toConsumableArray(tracks));
+  cloned.resetDuration();
+  var clip = cloned;
+  clip.name = "".concat(cloned.name, "_talking");
+  if (cloned.duration > 4) {
+    clip = _three.AnimationUtils.subclip(cloned, clip.name, 0, 120, 30);
   }
+  return mixer.clipAction(clip, target);
 };
-
-exports.executeTalkingAnimation = executeTalkingAnimation;
+exports.mixWithTalkingClip = mixWithTalkingClip;