🆒 Всем привет, всем привет! 🆒

Мощнейшее техническое чтиво на выходные —
подробнейший разбор рендер-пайплайна
Detroit: Become Human

🔗 https://mamoniem.com/behind-the-pretty-frames-detroit-become-human

В статье детально препарируется, как создавалась картинка игры: от освещения и материалов до хитрых пост-эффектов и оптимизаций под PS4

По словам автора, от первого драфта статьи до публикации прошло более двух лет 🤨

Интерактивный пайплайн кадра в Miro
🔗 https://miro.com/app/board/uXjVKvqx7X0=/

— My name is Connor. I'm the android sent by CyberLife

#gamedev #rendering #detroit #graphics #lifeexe

📕 Всем привет, всем привет! 📕

Вышла отличная статья — Physically Based Content: как настраивать «физически-правильный» контент в целом, а не только шейдеры ➡️

🔗 Physically Based Content

Автор собрал и систематизировал практические принципы для AAA-производства: от геометрии и материалов до света, камеры и постобработки.

Ключевые идеи ➡️
🔤Геометрия тоже PBR — реальный масштаб и корректные микро/макро-детали → стабильный непрямой свет и читаемость материалов

🔤Материалы — работаем с реальными значениями: albedo, IOR, roughness; без «полу-металлов»

🔤Свет и камера — физические единицы (cd, lm, lux, nits) + экспозиция как в фото: f-stop / shutter / ISO

💡 Недавно в канале был пост про PHYSICALLYBASED — базу данных параметров для физических материалов

💡 Статья отлично сверстана — все термины и концепты подкреплены ссылками: от Sunny 16 rule до Nanite static displacement mapping

🔤🔤🔤🔤🔤

#pbr #rendering #lighting #material #shader #gamedev #unrealengine #ue5 #lifeexe #lifeexecode

🔝 Всем привет, всем привет! 🔝

Вчера произошла небольшая революция в сфера рендеринга текста 🚀🚀🚀

Разработчик из команды React и Midjourney дропнул проект ➡️

📱 Pretext

Данная библиотека позволяет измерять и верстать многострочный текст вообще без участия DOM.

Обычно, чтобы узнать высоту блока, браузер должен его отрендерить (привет, тяжелый reflow) — Pretext делает все расчеты в памяти через canvas.measureText 💡

Что это дает ⁉️

🔤Невероятная производительность — до 120 FPS при сложной анимации текста
🔤Продвинутая типографика — текст может обтекать объекты любой формы в реальном времени
🔤Многоколоночная верстка как в глянцевых журналах, где текст бесшовно перетекает из одного блока в другой

Библиотека поддерживает разные языки и эмодзи. При всём этом текст остается «живым» — его можно выделить, скопировать, и он полностью доступен для скринридеров.

🔗 Официальные демки

Народ конечно развлекается как может (и это правильно для вирусного продвижения), но по факту это решенная фундаментальная проблема, которая висела в вебе десятилетиями.

Ждем, когда подобные подходы станут стандартом в движках 😂

🔤🔤🔤🔤

#frontend #rendering #typography #webdev #gamedev #lifeexe #lifeexecode

🔝 Всем привет, всем привет! 🔝

Отличная новая статья по современным техникам culling'а в рендеринге — от классических подходов до GPU-driven пайплайнов ➡️

🔗 Modern rendering culling techniques

Автор разбирает ключевые методы отсечения невидимой геометрии:

🔤Frustum culling — отсечение объектов вне пирамиды видимости камеры
🔤Occlusion culling — отсечение объектов, перекрытых другой геометрией
🔤Backface culling на уровне треугольников и мешлетов
🔤Small triangle culling — отсечение слишком мелких треугольников, не попадающих в пиксели
🔤 Cluster/Meshlet culling — современный подход с разбиением меша на кластеры и их независимым отсечением на GPU

🔤🔤🔤🔤🔤

#rendering #graphics #gpu #culling #nanite #code #unrealengine #ue5 #gamedev #games #lifeexe #lifeexecode