RAX7

https://developer.mozilla.org/en-US/docs/Web/API/D...

return this.getValue(objectValues[valueArray[0]], valueArray.slice(1).join('.'), defaultV);
//                                                                                ^^^^^^

Если открыть html как файл, то не работает, а если использовать локальный сервер, то все ок

расстояние от боков карточки до боков экрана может отличаться

Если карточка лежит в контейнере-центровщике, то расстояние до краев вьюпорта можно посчитать как 50vw - 50%. В этом случае нужно еще учесть ширину скроллбара, которую придется определять в js.

// табы
const tabsBtn = [...document.querySelectorAll(".widget-chat__tabs__btn")];

if (xDiff > 0) {
  /* left swipe */
  const currIdx = tabsBtn.findIndex((el) => el.classList.contains("active"));
  const prevIdx = currIdx - 1;
  if (prevIdx > -1) {
    tabsBtn[prevIdx].click();
  }
} else {
  /* right swipe */
  const currIdx = tabsBtn.findIndex((el) => el.classList.contains("active"));
  const nextIdx = currIdx + 1;
  if (nextIdx < tabsBtn.length) {
    tabsBtn[nextIdx].click();
  }
}

На рабочей демке размеры картинок берутся и src, а на не рабочей нужно дождаться загрузки картинки, перед тем как брать размеры из image.naturalHeight. Плюс ко всему document.querySelector выбирает первый попавшийся элемент, а не тот который бы создан последним

Нет вызова рендера
renderer.render(scene, camera);
Базовый пример работы с threejs можно посмотреть здесь https://threejs.org/docs/#manual/en/introduction/C...

function splitSum(sum, splits) {
  const nums = [sum];

  while (nums.length !== splits) {
    const { val, idx } = nums.reduce(
      (a, v, i) => (v > a.val ? { idx: i, val: v } : a),
      { idx: -1, val: -Infinity }
    );

    /* // OR
    const idx = Math.floor(nums.length * Math.random());
    const val = nums[idx]; */

    let a, b;
    do {
      a = Math.round(val * Math.random());
      b = val - a;
    } while (a === b || nums.includes(a) || nums.includes(b));

    nums.splice(idx, 1, a, b);
  }

  return nums;
}

Использовать с осторожностью. Можно попасть в бесконечный цикл.

https://css-tricks.com/snippets/css/fluid-typography/
https://mattclaffey.medium.com/responsive-fonts-us...

Потому что location.hash = hash прокручивает страницу до якоря. Используй History API чтобы поменять урл в адресной строке.

DracoEncoderModule подключается глобально скриптом

<script src="js/libs/draco/draco_encoder.js"></script>

либо WASM версия декодера

<script src="js/libs/draco/draco_wasm_wrapper.js"></script>

https://github.com/mrdoob/three.js/tree/master/exa...