TGViewer
WebDev+ | Веб-разработка WebDev+ | Веб-разработка @webdev_plus · 7.93K subscribers
Post #725 1.58K
Вот это круто

Рассмотри нестандартный способ управления 3D-сценой одновременно в нескольких окнах браузера.

Всё реализовано с помощью библиотеки Three.js и localStorage.

Он использует localStorage, чтобы определить новое окно и сохраняет счётчик. Это даёт каждому новому окну (при одинаковом origin) уникальный ID.

Дальше взаимодействие между сферами, основанное на определении их позиций внутри окна.

Для этого используется window.screenLeft чтобы узнать расстояние от левого края экрана до начала окна,
и window.innerWidth чтобы получить ширину окна. Эти значения позволяют рассчитать позиции всех окон.

Затем сцена рендерится с помощью Three.js.

@WebDev_Plus
More from @webdev_plus
  1. Oct 12, 2026Оптимизация SVG, краткий гайд для начинающих Часто на сайтах встречаются SVG-изображения,…
  2. Oct 12, 2026Эта библиотека позволяет запускать полноценные 3D-физические симуляции прямо в браузере. J…
  3. Oct 11, 2026Свойство shape-outside Определяет форму, вокруг которой должно обтекаться соседнее встроен…
  4. Oct 11, 2026Быстрый совет по JS: используйте Gamepad API, чтобы в реальном времени отслеживать статус…
  5. Oct 10, 2026Chrome DevTools – это не только панель для отладки, но и полноценная среда для проектирова…
  6. Oct 10, 2026Обрати внимание, что в корректном примере чипы мгновенно перемещаются на новую позицию, ко…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →