TGViewer
Заметки Фронтендера Заметки Фронтендера @frontend_tg · 5.67K subscribers
Post #4863 114
❗️Процедурная геометрия в Three.js и WebGPU

Как превратить обычный штрих в сложные кристаллические структуры или биолюминесцентные рифы? В этом туториале разбирают создание Geometry Painter — инструмента для генерации процедурной геометрии прямо на поверхности 3D-объектов.

Система позволяет рисовать на сфере и мгновенно генерировать кристаллы, трещины, сияющие узоры или живые рифы. Ключевые возможности: работа с WebGPU и TSL, выбор поверхности, процедурная геометрия, кастомные шейдеры, динамическое освещение и постобработка. Архитектура построена так, что новые режимы рисования добавляются без изменения основного кода.


Отличный вариант для разработчиков, которые хотят освоить современную графику в вебе и создавать интерактивные визуальные эффекты без сложных инструментов

🔥Ссылка на статью

Заметки Фронтендера & Max
More from @frontend_tg
  1. Sep 21, 2026❗️Курс Справочник по проектированию систем кибербезопасности автомобилей: дорожная карта д…
  2. Sep 21, 2026❗️5 библиотек для UX в React Native Разрабатываешь MVP на React Native и хочешь, чтобы при…
  3. Sep 21, 2026❗️Виртуальные Scroll-контейнеры для Angular Работаешь с большими списками в Angular и стол…
  4. Sep 20, 2026❗️Курс Django в продакшене: советы экспертов, стратегии и ключевые инструменты для написан…
  5. Sep 20, 2026❗️DaisyUI — компоненты для Tailwind CSS Ищешь способ ускорить разработку интерфейсов без п…
  6. Sep 19, 2026❗️Курс Классические задачи информатики на Python ❓О курсе: Задачи по программированию, кот…
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 →