@gamelearn/arcade-components 2.41.1 → 3.0.2

package/dist/components/zoom-test/components/ZoomTest.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _fiber = require("@react-three/fiber");
-var _react = require("react");
-var _three = require("three");
-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 _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 _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 _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; }
-var ZoomTest = function ZoomTest(_ref) {
-  var targetId = _ref.targetId,
-    emitEvent = _ref.emitEvent;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    mounted = _useState2[0],
-    setMounted = _useState2[1];
-  var stateCamera = (0, _fiber.useThree)(function (state) {
-    return state.camera;
-  });
-  var startAnimation = (0, _react.useRef)(false);
-  var defaultCamera = (0, _react.useRef)(null);
-  var onEnter = function onEnter(_ref2, delta) {
-    var scene = _ref2.scene,
-      camera = _ref2.camera;
-    var target = scene.getObjectByName(targetId);
-    if (target) {
-      var head = target.getObjectByName('Head_M');
-      var worldPos = head.getWorldPosition(new _three.Vector3());
-      if (camera.position.distanceTo(new _three.Vector3()) <= 5) {
-        onFinish({
-          scene: scene,
-          camera: camera
-        }, delta);
-      } else {
-        head.attach(camera);
-        camera.position.lerp(new _three.Vector3(), delta * 0.5);
-        camera.lookAt(worldPos);
-      }
-    } else {
-      startAnimation.current = false;
-    }
-  };
-  var onFinish = function onFinish(_ref3) {
-    var camera = _ref3.camera;
-    startAnimation.current = false;
-    camera.parent = null;
-    camera.copy(defaultCamera.current);
-    emitEvent({
-      type: 'success'
-    });
-  };
-  (0, _react.useEffect)(function () {
-    if (!mounted) {
-      startAnimation.current = true;
-      defaultCamera.current = stateCamera.clone();
-      setMounted(true);
-    }
-  }, [stateCamera, mounted]);
-  (0, _fiber.useFrame)(function (state, delta) {
-    if (startAnimation.current) {
-      onEnter(state, delta);
-    }
-  });
-  return null;
-};
-var _default = ZoomTest;
-exports.default = _default;

package/dist/components/zoom-test/index.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ZoomTest = _interopRequireDefault(require("./components/ZoomTest"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _ZoomTest.default;
-exports.default = _default;

package/dist/components/zoom-test/mocks/mockForStory.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mockProps = exports.default = void 0;
-var _bg001_street = _interopRequireDefault(require("test/mocks/bg001_street.json"));
-var _characters = require("test/mocks/characters.json");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var mockProps = {
-  background: _bg001_street.default,
-  elements: _characters.elements,
-  scene: {
-    sceneChanged: true,
-    loadingText: 'Cargando... {percent}%',
-    hasControls: false
-  }
-};
-exports.mockProps = mockProps;
-var _default = mockProps;
-exports.default = _default;

package/dist/helpers/LangIsRtl.js

@@ -1,16 +0,0 @@
-"use strict";
-
-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

@@ -1,35 +0,0 @@
-"use strict";
-
-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],
-    color: 16773785,
-    intensity: 12,
-    power: 150,
-    distance: 0,
-    decay: 1,
-    castShadow: true,
-    "shadow-bias": -0.002
-  }), /*#__PURE__*/_react.default.createElement("pointLight", {
-    position: [2.25, 16.57, -1.9],
-    color: 4234239,
-    intensity: 20,
-    power: 250,
-    distance: 0,
-    decay: 1,
-    "shadow-bias": -0.002
-  }), /*#__PURE__*/_react.default.createElement("hemisphereLight", {
-    color: 7918828,
-    groundColor: 7429837,
-    intensity: 4,
-    position: [0, 500, 0]
-  }));
-};
-var _default = LightSet;
-exports.default = _default;

package/dist/helpers/LodController.js

@@ -1,28 +0,0 @@
-"use strict";
-
-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;
-  (0, _react.useEffect)(function () {
-    if (!active) {
-      setTimeout(function () {
-        (0, _drawLOD.default)(scene);
-      }, 0); // 'Asynchronize' me to let useProgress getting aware of new elements loading
-    }
-  }, [active, scene]);
-  return null;
-};
-var _default = LodController;
-exports.default = _default;

package/dist/helpers/deviceDetection.js

@@ -1,21 +0,0 @@
-"use strict";
-
-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
-  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;
-  var isSafari = ua.indexOf('safari') > -1 && ua.indexOf('chrome') <= -1;
-  var res = 'default';
-  if (isFirefox) res = 'firefox';else if (isSafari) res = 'safari';
-  return res;
-};
-exports.BrowserDetection = BrowserDetection;

package/dist/helpers/drawLOD.js

@@ -1,310 +0,0 @@
-"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;
-var pureGeometryMode = false;
-var currentLOD = 'original';
-var progressiveMode = true;
-var rgbSimulation = false;
-var texturesFrustum = true;
-var texturesDistance = false;
-var showHelpers = false;
-var showStats = false;
-var progressiveOrder = ['divideby64', 'divideby16', 'divideby4', 'original'];
-var lodDistances = {
-  divideby64: Infinity,
-  divideby16: 200,
-  divideby4: 100,
-  original: 50
-};
-var redImage = new Image();
-redImage.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==';
-var greenImage = new Image();
-greenImage.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M/wHwAEBgIApD5fRAAAAABJRU5ErkJggg==';
-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];
-  var y1 = rect[1];
-  var x2 = rect[2] + x1;
-  var y2 = rect[3] + y1;
-  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();
-  ctx.strokeStyle = 'rgba(255,255,255,1.0)';
-  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)
-  // var metrics = context.measureText(message);
-  // var textWidth = metrics.width;
-
-  // 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
-  var texture = new THREE.Texture(canvas);
-  texture.minFilter = THREE.LinearFilter;
-  texture.needsUpdate = true;
-  var spriteMaterial = new THREE.SpriteMaterial({
-    map: texture,
-    opacity: 0.5
-  });
-  var sprite = new THREE.Sprite(spriteMaterial);
-  sprite.scale.set(10, 5, 1.0);
-  sprite.center.set(0.5, 0.5);
-  return sprite;
-}
-
-/*
-const texturablesDone = (params) => {
-  params.texturableElements.forEach((elem) => {
-    elem.userData.isDone = true;
-  })
-}
-*/
-
-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);
-      }
-    }
-  };
-  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();
-    }).then(function (materials) {
-      elem.traverse(function (obj) {
-        if ((obj.isMesh || obj.isSkinnedMesh) && (!obj.material.isDone || !obj.material.isDone[lod] || params.forceRender)) {
-          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");
-              imgLoader.load(imgSrc, function (result) {
-                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();
-              });
-              totalLods += 1;
-            });
-          }
-        }
-      });
-    });
-  });
-};
-var updateSceneLods = function updateSceneLods(params) {
-  if (!pureGlbMode && !pureGeometryMode) {
-    if (progressiveMode) {
-      materialize(params, progressiveOrder[0]);
-    } else {
-      materialize(params, params.currentLOD);
-    }
-  }
-};
-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();
-    elem.bbox.getCenter(center);
-    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,
-        opacity: 0.3,
-        transparent: true,
-        wireframe: true
-      }));
-      sphere.position.copy(center);
-      params.helpers.add(sphere);
-      var sprite = makeTextSprite(distance);
-      sprite.position.copy(sphere.position);
-      sprite.position.y = sphere.position.y + bsphere.radius + 2;
-      params.helpers.add(sprite);
-    }
-  });
-};
-var statsGeometries = function statsGeometries(params) {
-  params.texturableElements.forEach(function (item) {
-    var url = item.userData.url.replace('.glb', '.geometry.glb');
-    fetch(url).then(function (response) {
-      return response.blob();
-    }).then(function (blob) {
-      var size = blob.size;
-      (0, _lodStats.default)({
-        geometries: size
-      });
-    });
-  });
-};
-var statsTextures = function statsTextures(lod, url) {
-  fetch(url).then(function (response) {
-    return response.blob();
-  }).then(function (blob) {
-    var size = blob.size;
-    var obj = {};
-    obj[lod] = size;
-    (0, _lodStats.default)(obj);
-  });
-};
-var setTexturableElements = function setTexturableElements(params) {
-  params.texturableElements = [];
-  params.scene.traverse(function (item) {
-    if (item.userData.url) {
-      params.texturableElements.push(item);
-    }
-  });
-  (0, _lodStats.default)({
-    reset: true
-  });
-  if (params.showStats) {
-    statsGeometries(params);
-  }
-};
-var getHelpers = function getHelpers(scene) {
-  var helper = null;
-  scene.children.forEach(function (item) {
-    if (item.userData.isHelper) {
-      helper = item;
-    }
-  });
-  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;
-  params.showHelpers = settings !== null && settings !== void 0 && settings.showHelpers ? settings.showHelpers : showHelpers;
-  params.showStats = settings !== null && settings !== void 0 && settings.showStats ? settings.showStats : showStats;
-  params.forceRender = (scene === null || scene === void 0 ? void 0 : scene.lastLOD) !== (settings === null || settings === void 0 ? void 0 : settings.currentLOD) || (scene === null || scene === void 0 ? void 0 : scene.lastRGB) !== params.rgbSimulation;
-  scene.lastLOD = settings === null || settings === void 0 ? void 0 : settings.currentLOD;
-  scene.lastRGB = params.rgbSimulation;
-  params.texturesFrustum = (settings === null || settings === void 0 ? void 0 : settings.texturesFrustum) !== undefined ? settings.texturesFrustum : texturesFrustum;
-  params.texturesDistance = texturesDistance;
-  params.scene = scene;
-  params.scene.remove(getHelpers(params.scene));
-  params.helpers = new THREE.Group();
-  params.helpers.userData.isHelper = true;
-  params.scene.add(params.helpers);
-  params.camera = currentCamera;
-  params.frustum = null;
-  if (params.texturesFrustum || params.texturesDistance) {
-    if (params.camera) {
-      params.camera.updateMatrixWorld();
-      params.camera.updateProjectionMatrix();
-      params.frustum = new THREE.Frustum();
-      params.frustum.setFromProjectionMatrix(new THREE.Matrix4().multiplyMatrices(params.camera.projectionMatrix, params.camera.matrixWorldInverse));
-    } else {
-      params.texturesFrustum = false;
-      params.texturesDistance = false;
-    }
-    if (params.showHelpers) {
-      var helper = new THREE.CameraHelper(params.camera.clone());
-      params.helpers.add(helper);
-      helper.update();
-      var axesHelper = new THREE.AxesHelper(5);
-      params.helpers.add(axesHelper);
-    }
-  }
-  setTexturableElements(params);
-  if (params.texturesFrustum) {
-    invalidateOutOfFrustum(params);
-  }
-  if (params.texturesDistance) {
-    checkDistances(params);
-  }
-  updateSceneLods(params);
-};
-var _default = drawLOD;
-exports.default = _default;