Обновление света в three.js?

Tereverda,

по идее и decay нужно менять, чтобы затухало не в двух метрах, а distance * 1.2 например
let decay = distance * 1.2 = 1 980;

Вот это не имеет никакого смысла. Затухание, decay - это константа, степень в этой формуле. Она к расстоянию никак не привязана. И изначальное значение 2 взято не с потолка.

должно работать, но нет ((

Разберитесь с физическим смыслом сущностей в вашем коде. Работа станет в разы проще.

Почему 426 статус при запуске страпи?

Не специалист по Strapi, но у вас на скриншоте на стороне сервера используется порт 1337, а на клиенте запросы не проходят на 5173. Это выглядит подозрительно. У вас запросы с клиента точно идут туда, куда ожидается?

Как отображать элементы в зависимости от масштаба содержащего их блока?

Евгений,

Ну а пример, ссылку на репозиторий или статью про "типовую" задачу кластеризации, чтобы и правда ни чего не придумывать?

Кавычки излишни. Гуглим "название своей библиотеки для карт + cluster" и тыкаем первую ссылку - например Leaflet, Openlayers и.т.д. У всех хоть сколько-нибудь толковых карт это есть. В вопросе автор не уточнял, какие конкретно у него инструменты.

Как заменить под-зависимость на локальную копию?

Сергей Соколов, Проверил npm list, он действительно ругается, но на функциональность это не влияет. Ссылки создаются корректные.

Как заменить под-зависимость на локальную копию?

Сергей Соколов, Платформа - linux. Ссылки появляются после npm i. Мне на самом деле казалось, что install всегда так работал с локальными зависимостями, которые лежат непонятно где.

Как заменить под-зависимость на локальную копию?

Сергей Соколов, Это очень странно, что в resolved ничего не меняется. Попробовал сделать тестовый проект с ckeditor5 в зависиостях, в package.json добавил

"overrides": {
    "@ckeditor/ckeditor5-clipboard": "file:../../../src/overrides/ckeditor5-clipboard"
  }

И после npm i в package-lock пути чистые:

"node_modules/@ckeditor/ckeditor5-clipboard": {
      "resolved": "src/overrides/ckeditor5-clipboard",
      "link": true
    },

А в node_modules вместо модуля @ckeditor/ckeditor5-clipboard создалась ссылка на директорию с исходниками (которая src/overrides/......). Версия nodejs - v20.11.1, npm - 10.2.4. Для paragraph тоже все работает, ссылки создаются, в том числе и во вложенных node_modules.

Как заменить под-зависимость на локальную копию?

Сергей Соколов, Т.е. получается, что overrides работает, но пути определяются не от корня проекта, а от корней зависимостей в node_modules? Если попробовать в пути в overrides добавить "../../../", то что-то меняется?

Почему OpenVPN может не устанавилвать коннект какое-то время?

соединяемся, ждём таймаут, пересоединяемся. Так рандомное число раз, пока в какой-то момент коннект не хватается. Пытается посылать данные, но ничего не приходит, кроме первой порции при соединении. На стороне сервера просто пересоединение клиента...

Симптомы прямо как в методичке у товарища майора. Пора уже принять тот факт, что на сервера неудачно приземленного Hetzner, который и в обратную сторону прекратил обслуживание клиентов в РФ, никакие OpenVPN соединения не будут проходить нормально.

Тормоза браузера из-за стилей, решение?

szQocks,

так и в дурку могут забрать)

Шутки шутками, но чем сложнее верстка, тем больше нужно понимать, что там внутри находится. Это делает процесс разработки более предсказуемым. Не нужно ничего угадывать и надеяться на алхимию старых хаков, которые верстальщики передают из поколения в поколение, а проблемы можно предсказывать задолго до их появления, а не пытаться разруливать постфактум, когда гора ресурсов и времени уже потрачена. Есть такие проекты, где требования к верстальщикам выше среднего по больнице и ценится понимание внутренностей в том числе. И да, даже в вакансиях порой пишут "нам нужен математик со знанием js". Фронтенд в целом - понятие растяжимое. Где-то хватит месячных курсов, а где-то нужно образование по части computer science.

про конкурс не понял

Имеются в виду сайты, которые делаются с оглядкой на конкурсные каталоги вроде Awswards, CSS Design Awards, FWA и.т.д.. В таких проектах часто можно встретить использование WebGL для рисования чего-то, что на CSS работает не очень. Взяв все в свои руки мы можем какие-то ресурсы переиспользовать более умным образом по сравнению со стандартной браузерной логикой и на этом выиграть что-то по части производительности.

Как изменить размер игры на WebGL?

Покажите код, работающий пример с проблемой, и расскажите, что вы попробовали сделать. Сейчас можно только гадать, что там у вас происходит.

Почему Яндекс считает страницы сайта малоценными и мало востребованными?

Обычный пользователь читать светло-серый текст по белому фону не может нормально. А уж желтый по белому - и подавно. Нехорошие дизайнеры активно пользуются этим, чтобы пользователь что-то НЕ прочитал, а робот - прочитал. Если бы я был посковым роботом - я бы однозначно предположил, что контент мусорный или там что-то мутное в целом происходит. Т.е. это контент не для пользователей. С этим что-то нужно сделать в первую очередь. И почитайте признаки некачественного сайта в целом, может еще что увидите. А по мере того, как сайт будет становиться более дружелюбным к пользователям - он и малоценным перестанет быть.

Как использовать в clip-path: path() проценты (ну и calc)?

Антон Антон, У масок есть свойства mask-size, mask-position, там много всего начинается с mask-*. С их помощью можно маску растягивать по-всякому. Там любые calc поддерживаются.

Как использовать в clip-path: path() проценты (ну и calc)?

Антон Антон, в изначальном вопросе этого не было, но тут верно подсказывают, что если у вас действительно какие-то хитрые обстоятельства вырисовываются, то имеет смысл забить на clip, и взять уже полноценные маски. С ними можно будет накрутить все, что угодно. В рамках clip-path тут разве что размер самого элемента менять. Сработать может, но удобства становится еще меньше.

Как реализована анимация SVG элементов (персонажей) в web app?

Max Sagaidak, На странице по ссылке наблюдаетсся много элементов с id вида __lottie_element_***. Тут вывод напрашивается сам собой.

Почему DevTools открывает старый файл при попытке отладки?

Если у вас там используется какая-то сборка с source maps - проверьте, что они обновляются. Возможно, что браузер ориентируется по устаревшим map-файлам и это дает такую рассинхронизацию.

Есть ли курсы без теории, только практика по фронтенд?

(задачники), где морешать всякие практические задачи

Вы не поверите.

Как пустить элементы по кругу с помощью скролла?

Aetae,

Ну чтоб не дергались особо - проще положить их ровно по кругу, а крутить родителя.:)

Они и лежат ровно по кругу. Если посмотреть внимательно, то можно заметить, что дергаются здесь не кружки, а тексты. Это проблема связана с рендерингом шрифтов. Из CSS мы не имеем особых возможностей контролировать, как это все будет сглаживаться, и имеем вот такой своеобразный строб. Пока эти цифры существуют в виде реальных HTML-элементов - они будут дергаться. Вращение родителя здесь никак не повлияет на проблему, потому что она не в трансформациях как таковых. Если бы это все было единой растровой картинкой, то такого эффекта бы не было.

Как создать такую фигуру?

SelenIT3,

Единственное, что эта форма должна быть фиксирована в пикселях

Нет. Все зависит от атрибута clipPathUnits.

Как задать универсальный @keyframes для нескольких разных блоков, без скриптов?

serega danet, да никто не погиб, просто с недавних пор появился еще один способ описать то же самое, только сбоку. Теперь у нас есть scale(), scale3d(), scaleX(), scaleY(), scaleZ() и отдельное свойство scale, и они все под капотом формируют одну и ту же матрицу трансформаций.

Three.js объект сзади не виден при повороте к нему лицом?

Tereverda, В песочнице я вижу, что у вашей камеры угол обзора по вертикали получается что-то в районе 0.05 градуса. Это очень мало. Из этого и дальнейших вычислений получается расстояние до картонки в 2237000. Обычно мы считаем единицу измерения пространства в мире WebGL равной одному физическому метру. Ваша картонка от камеры улетела в соседнюю страну. При этом расстояние между картонкой и линиями маленькое. Смешение очень больших расстояний и очень маленьких может создавать сложности при определении видимости при использовании линейного буфера глубины. В текущей ситуации вам нужно включить logarithmicDepthBuffer у рендерера. И задать корректный параметр far у камеры. Вероятно что-то в районе 10000000.