Публикации по теме 'webgl'
World of Three.js: Неделя 2 Прогресс и экспорт моделей
Повторюсь с прошлой недели, мой дипломный проект будет трехмерным миром, созданным с использованием библиотеки Three.js. Пользователь сможет перемещаться по ней и исследовать фэнтезийный мир, который я планирую создать.
На этой неделе я работал над завершением модели дома в Blender. Это важно, так как у меня есть базовая модель, которую я могу редактировать и размещать в мире Three.js. Возможно, в будущем я создам отдельные элементы, такие как окна, двери и крыши, которые я смогу..
W3Reality: на пути к VR-переходу в Интернет
W3Reality: на пути к VR-переходу в Интернет
Веб-сайты обычно представляются в виде набора страниц. Так же, как и страница этой статьи, которую вы сейчас читаете, все содержимое (тексты, изображения, видео и т. д.) размещается на плоском 2D-пространстве (два -мерное) пространство. Хотя это 2D-представление хорошо служит (и служило хорошо) во многих случаях, мы можем наивно ожидать, что переход к 3D сделает вещи более выразительными и продуктивными, потому что 3D — это «расширение»..
Как разработать Facefilter для веб-дополненной реальности с помощью React и ThreeJS в 2021 году
К 3-летнему юбилею 🧙🏼♂️ Level30Wizards мы хотели создать что-то, что связано с нашей работой, брендом и интересами. В итоге мы создали Snapchat, похожий на фильтр лица, для Web AR или Web XR.
Вы можете попробовать конечный продукт здесь: Демо Facefilter
Бесстыдная пробка
Эй, вы хотите создать Facefilter для клиента или проекта? Мы будем рады помочь.
"Послать электронное письмо!"
вступление
Мобильный просмотр веб-страниц быстро развивается. Мы можем получать данные от..
царапание поверхности; Шейдеры и WebGL.
Что такое шейдеры?
Шейдеры — это набор инструкций для графического процессора (GPU), которые выполняются одновременно для каждого пикселя на экране. Итак, это программа, которая отображает разные пиксели на экране.
Итак, если вы назначаете шейдеру пиксель в определенной позиции, и он возвращает новое значение для этого пикселя. Например, шейдер может сказать: «для всех пикселей на экране/изображении посмотрите на их значение RGB и добавьте значение X к каналу RED». Это приведет к..
Обработка рендеринга огромных данных GeoJSON на карте
Как визуализировать огромные наборы данных GeoJSON на карте (часть 1).
Это краткий пример того, как с легкостью (я имею в виду +100 МБ) обрабатывать большие объемы данных GeoJSON на интерактивной карте в веб-браузере.
Мы будем использовать deck.gl . Это впечатляет (главным недостатком является то, что основной рендерер карт, на который он опирается, — это MapBox GL, который не с открытым исходным кодом из версии 2 ).
В Части № 2 мы рассмотрим, как это сделать, используя..
Smart3D Эпизод #3 — Материальный блюз
Действительно хотите услышать блюзовый материал, грустную песню, которую лучше всего играть в пентатонике ля минор?
Даже во времена, когда 3D было в зачаточном состоянии и речь шла только о шейдинге по Гуро и Фонгу, все инструменты и API были как-то несовместимы, когда речь шла о свойствах материала/поверхности! Поэтому мы использовали всевозможные эвристики, точнее: хаки и коэффициенты масштабирования, чтобы получить одинаковые результаты в разных целевых системах. Дальше, как..
Решение проблемы с производительностью библиотеки визуализации xeokit BIM
Решение проблемы с производительностью библиотеки визуализации xeokit BIM
В настоящее время я возглавляю команду, которая работает над проектом с BIM, автоматизацией зданий и IoT. Задействовано множество интересных проектов с открытым исходным кодом, таких как InfluxDB, EdgeX, визуализация Xeokit BIM и т. д.
Xeokit — отличный набор инструментов для визуализации BIM, который мы хотели бы использовать. Во время работы над проектом мы столкнулись с проблемой производительности большой..
