CGAleksey

CGAleksey

Делаю 3D - головоломку от первого лица, публикую результаты работы. Сайт: torshock.com Тележка: @CGAleksey -
Пикабушник
Дата рождения: 01 января 1990
поставил 1255 плюсов и 96 минусов
отредактировал 0 постов
проголосовал за 0 редактирований
5314 рейтинг 27 подписчиков 23 подписки 71 пост 23 в горячем

Телевизионная музыка вгоняет в депрессию

Хватит, хватит музыкального шлака на Новый Год.
Послушали всей семьей как Д.Билан исполненил одну известную песню...
Просто грусть глубокая охватила. Это было последней каплей из услышанного.
В итоге пошли в интернет и включили настоящую Муравьёву, Хвороствского и многих других талантов.
Просто всей семьёй в тишине слушали Хвороствского чтобы перебить вкус от услышанного.

Неужели уже больше никто не исполнит эту песню также :(

С Новым Годом!

Ответ на пост «Холодный обзвон»

Крайне согласен с автором поста. Крайне! Раньше хоть люди долбили телефон и им ну хоть что-то платили, а сейчас сделали умнее... Сейчас пачками роботы звонят.
У меня есть что рассказать по этому поводу.
Месяц-два назад мне как-то позвонил робот и женским голосом начал продавать уже не помню что. Ну что-то для IT т.к. я в этих кругах кручусь (вроде продвижение продавали в виде услуги обзвона).
Так я прям освирепел, сказал этому роботу все что о нем думаю и кто его создатель. Попросил передать этому чудику мои слова, что его технология холодного обзвона ни-фи-га клиентов не принесет.

Минут через 15 звонит чудик и говорит что-то типа "ну че вы так взьелись-то на робота, он просто звонит всем по списку, услуги предлагает."
Далее завязался разговор:
Я: Вы в своем уме?! Массово звоните почти всем, отрываете людей от работы и продаете всякий шлак!!!
Ч: Ну почему шлак-то сразу и почему всем. У нас есть проверенная база данных потенциальных клиентов и только им мы звоним. А еще наших роботов очень сложно отличить от людей (в некоторых случаях соглашусь и это бесит вдвойне, когда ты разговариваешь с куском железа).
А еще у нас есть куча фишек, мы можем буквально идентифицировать человека: фио, пол, дату рождения, все паспортные данные. Так что наши звонки не такие уж и холодные.
А еще нас сейчас есть хорошая возможность собирать данные клиентов с которыми мы взаимодействуем.
Думаю про себя, какие паспортные данные потенциального клиента он может знать? Бред.
Я: ок-ок-ок, все вы можете. Напрмер какие данные вы можете собрать? Как это работает, я же все же работаю в IT. Объясните на пальцах.
Ч: ну напрмер, вы заходите на наш сайт магазина, владелец сайта получает с помошью нашего плагина номер вашего сотового и может позвонить вам и договориться о продаже товара. То есть продавце видит что вы интересуетесь и может проработать этот лид.
Я: спасибо, подумаю над вашим предложением.

У меня в голове не уложилось. Этот мужик настолько сильно брешет или их фирма предоставляет номера телефонов, паспортные данные и прочие данные клиентов. ОТКУДА!???!!!
Даже государство мозги парит просьбами ввести номер паспорта и прочую фигню, а тут человек утверждает, что владелец какого-то магазина узнает все мои паспортные данные, мой номер телефона, с какого устройства зашел на его сайт и где конкретно я сейчас нахожусь только лишь потому, что я зашел на сайт?! Ладно, некоторые вещи узнать можно, но паспорт и телефон...

И вот как-то месяц назад разговорился об этом случае с одним старым приятелем, который работает в hh.ru. Прикиньте, приятель подтвердил. Да, говорит, это возможно, приятель лично видел в сети эти БД и проверял по ним своих друзей. Представляешь, говорит, сверял данные из сети с реальными данными друзей и все совпадало.
Откуда у них паспортные базы? - Скорее всего ворованные. Помните случай с Яндексом, как БД клиентов пошла гулять по сети?
Приятель даже сказал больше, этим уже давно все пользуются в т.ч. и мошенники.

Показать полностью

Черная-черная дыра TOTAL RELOAD

Да заболел, работать не получается, голова гудит как аэродинамическая труба. Ни спать, ни думать.
Недавно закончил работу над мат.моделью черной дыры для нашей игры TOTAL RELOAD:

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Кинематографичный раурс №1

Cкрин из нашей группы из нескольких разработчиков. Все интенсивно кидают результаты своих работ, наброски, идеи:

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Скрины процесса разработки

В процессе разработки вдохновение черпал везде где только можно. В основном из Interstellar, референсы и матмодели других разработчиков. Сразу приведу некоторые ссылки: youtube.com/watch?v=g-iw2DDNDeY (реализация без когда, полезно чтобы понять в общих чертах как сделать черную дыру)

А вот этот парень большой молодец (на мой взгляд):

Он подробнее рассказал на пальцах как сделать черную дыру и с какими проблемами можно столкнуться. Да, в его версии черной дыры есть артефакты, но видео достаточно полезное.
А еще он не забывл упомянуть "того лысого чувака", который очень подробно объясняет рейматчинг :)

Черная дыра глазами математика (ПОЕЗНОЕ И ПОЗНАВАТЕЛЬНОЕ)

А это мой вариант "Б" на случай если у меня не получилось бы сделать черну дыру приблизительно как в Интерстелларе. Такую версию дыры точно можно сделать:

Разработка

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

Все что попадает (свет, материя) в область воздействия черной дыры, притягивается и сжимается в идеальную точку. Именно из-за этого черная дыра и выглядит так как ее показали в Интерстелларе:

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Взято из https://blenderartists.org/t/interstellar-black-hole-gargant...

Как оказалось, многие дизайнеры имеют свое видение черной дыры и оно часто рознится с описанием математиков. Привожу ниже разные референсы:

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Некоторые рефренсы черной дыры, которые нашел в сети

Структура черной дыры, некотороые попытки воссоздания

В целом черная дыра состоит из ядра (то что находится в центре) и диска (его называют аккреционным диском).

Моей первой идеей была следующая: а что если сделать черну дыру в виде модели сферы и модели диска?
Мой напарник Александр к тому времени уже сделал версию черной дыры в Blender, записал клип и он много месяцев лежал в папке, я попробовал воссоздать что-то похожее, но полностью в Unity.

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Версия черной дыры Александра

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

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

В моем случае была использована процедурная генерация звезд на основе вот такого шума (https://www.shadertoy.com/view/Xsl3Dl):

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Пикабу не умеет вставлять форматированный код, потому прилагаю фото кода

После того как немного пошаманил, получилось создать процедурное небо:

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Минимальное количество звезд

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Увеличил яркость звезд

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Уменьшил яркость звезд

Что мне нравится в компьютерной графике и к чему всегда стремлюсь - это автоматизация процесса.
Взгляните, количество звезд, яркость, частота мигания и прочие параметры могут быть заданы через несколько ползунков. Можно в реальном времени настраивать параметры звезного неба и смотреть устраивает оно или нет... Круто, правда?

Черная дыра

Но а дальше пошли пляски с бубном. Мне категорический, крайне не хотелось возиться с рейматчингом. Потому что рейматчинг:
- тяжел для графической карты
- у меня небольшой опыт работы с ним
- чтобы что-то сделать в рейматчинге - это нужно реально разобраться и сделать математически. То есть там реальная математика и если где-то будет проблема, то ты ее не найдешь отладкой. Нужно сидеть и разбираться что к чему.

В общем мой подход "ВСЕ ЧТО УГОДНО, НО НЕ РЕЙМАТЧИНГ" привел меня к таком результату:

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

ну хоть небо на небо похоже

Здесь две модели: диск и сфера. Ну поехали критиковать:
- облака на диске плоские как лист бумаги
- облака диска не похожи на облака
- плавного перехода между облаками диска и космосом нет (в этой версии, но это не спасет все равно)
- дыра не искажает пространство
- облака с аккреционого диска не наползают на черную дыру и текстура там без перехода
- текстура газов или что это там - одноцветная какая-то, серая что ли
+ слева есть засвет от энергии, это плюс, есть как бы намек на соответствие с матмоделью

Я еще долго игрался с моделью дыры пока не понял, что пора завязывать с этими убогими потугами что ничего дельного из этого не выйдет:

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Попытка улучшить аккреционный диск

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Какой-то объект на фоне предполагаемой черной дыры

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Аккреционный диск, попытка улучшить №100500

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Попытка настроить\сделать карты нормалей для кинематографичного искажения неба

Да, можно показать дыру под определенным ракурсом, на определенном расстоянии и на определенное время. Но тут слишком много слова "определенное". Нужно чтобы можно было показывать как хочешь, со всех сторон и с разного расстояния. Рейматч короче.
Ну что, поехали, небольшое видео о том чего можно добиться рейматчингом:

Хотя облака диска у нас реализованы не на 100% так как показано на видео, посмотрел это видео чтобы погрустить на тему того, что придется много-много-много пробовать, экспериментировать.

Рейматч

Первым делом создал объемную сферу, тор и сжал тор по высоте чтобы выглядел как дск. Здесь одна из версий тора и сферы:

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Одна из версий черной дыры

Далее работаем с диском, добавляем ему шум с помощью облаков, используем полярные координаты и видим артефакт:

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Шов в области перехода облаков

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Шов в области облаков устранен

Артефакт, в данном случае, - это как бы "шов" от замыкания облаков. Здесь показал изменение координат полярной системе. Шов находится в области резкого перехода красного в желтый. Если смажем переход (путем интерполяции), то шва не будет:

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Полярные координаты в виде цветов

Скрина с текстурой облаков без шва не осталось.
После этого нужно было разобраться с текстурой глубины. Обьекты, которые попадают в диск и дыру должны пересекаться корректно. Сделано, здесь показано как палка свеху не пересекается облаками, а снизу облака перекрывают палку. Делается это так: если значение буддера глубины больше чем глубина облака, то считаем, что объект находится за облаками и рисуем облака. Иначе рисуем обьект. Результат:

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Облака без цвета (один сплошной красный)

Нужно менять прозрачность в зависимости расстояния между облаками и палкой. Это нужно для того чтобы облака были похожи на обака. В данном случае облако перекрывает палку, но мы дополнительно изучаем расстояние между облаком и палкой. И в зависимости от расстояния мы задаем прозрачность облака:

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Палку (ее часть, которая в облаках) немного нужно было исказить. Для этого использовал GrabPass. То есть делается фото всего экрана, помещается в текстуру и в шейдре обрабатывается текстура (вернее область палки). Так же добавим искажение звездам:

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Ну что, получили артефакт в виде второй палки, которая возникла из-за искажения текстуры GrabPass. Чтобы устранить этот артефакт используем текстуру глубины и обрабатываем ситуацию, когда палка не должна рисоваться.
Позже отказался от использования искажения (его незаметно), то есть GrabPass не используется .

Результат

Черная-черная дыра TOTAL RELOAD Gamedev, Инди игра, Разработка, Программирование, Видеоигра, Unity, Блог, Компьютерные игры, Разработчики игр, Инди, Steam, Черная дыра, Видео, YouTube, Длиннопост

Кинематографичный раурс №2

Выводы

Рейматчинг довольно мощный инструмент. Да и в целом, как оказалось, математика - это достаточно мощная штука когда умеешь ее использовать :)
Экспериментировать пришлось не так и много. Во всяком случае меньше чем люди, которые разрабатывали облака для мультиков пиксар.

В результате нам удалось сделать:
+ теперь облака на диске объемные и выглядят как обака с разных углов. Потому что они реальные математические облака :)
+ облака диска стали похожи на облака
+ сделан плавный переход между облаками диска и космосом
+ дыра очень хорошо искажает пространство и звезды
+ облака с аккреционого диска наползают на черную дыру, все как надо
+ текстура газов диска цветная, объемная (цвет и плотность облаков меняются в зависимости от расстояния до ядра)
- убрал яркий засвет в правой части аккреционного диска, пока он не нужен
+ звезды похожи на звезды: разного размера, цвета, яркости, мигают

Ссылки на нас

У нас уже есть страничка в стим, трейлер, скрины из игры :)

TOTAL RELOAD в STEAM / Сообщество ВК / Reddit / TORSHOCK

Ссылки на меня: CGAleksey_VK / CGAleksey_DTF

Показать полностью 21 3

Пушистик ищет дом, поднимите пожалуйста

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

Пушистик ищет дом, поднимите пожалуйста Кот, Сила Пикабу, Помощь, В добрые руки, Животные, Домашние животные, Пушистые, Приют, Москва, Британский кот, Длиннопост
Пушистик ищет дом, поднимите пожалуйста Кот, Сила Пикабу, Помощь, В добрые руки, Животные, Домашние животные, Пушистые, Приют, Москва, Британский кот, Длиннопост
Пушистик ищет дом, поднимите пожалуйста Кот, Сила Пикабу, Помощь, В добрые руки, Животные, Домашние животные, Пушистые, Приют, Москва, Британский кот, Длиннопост
Пушистик ищет дом, поднимите пожалуйста Кот, Сила Пикабу, Помощь, В добрые руки, Животные, Домашние животные, Пушистые, Приют, Москва, Британский кот, Длиннопост
Пушистик ищет дом, поднимите пожалуйста Кот, Сила Пикабу, Помощь, В добрые руки, Животные, Домашние животные, Пушистые, Приют, Москва, Британский кот, Длиннопост
Пушистик ищет дом, поднимите пожалуйста Кот, Сила Пикабу, Помощь, В добрые руки, Животные, Домашние животные, Пушистые, Приют, Москва, Британский кот, Длиннопост
Пушистик ищет дом, поднимите пожалуйста Кот, Сила Пикабу, Помощь, В добрые руки, Животные, Домашние животные, Пушистые, Приют, Москва, Британский кот, Длиннопост

Выбросил на улицу в Москве сосед девушки по имени К. Буквально взял и выбросил с переноской. К подобрала, проверила на блох (их нет), помыла на всякий случай,, свозила в ветеринару, поставли комплексные прививки, паспорт сделали. Со здоровьем проблем нет.

К передерживать долго не может, буквально вот-вот (15-16.10.23) должна лететь по делам. Я тоже не могу держать по своим обстоятельствам, так бы взял конечно.
Передержка в https://murkosha.ru стоит дороговато, 9 000 руб в месяц.

@Animalrescueed, можете помочь?

Если есть добрые люди, то приютите пожалуйста. Хорошая кошечка, милая. Сами все увидите. В туалет сходила 2 раза и все в лоток.
Адрес где можете посмотреть кошку: м. Зюзино, Севастопольский проспект 44к3
Можете подъехать или К сама может подвезти и показать.
Всегда рад ответить на любые вопросы, пишите :)

Показать полностью 7

TOTAL RELOAD : процедурная генерация проводов. (часть 2)

Продолжение статьи о том как работают провода в TOTAL RELOAD.

Предупреждение: эта статья не является инструкцией, также, скорее всего, она не будет полезна профессиональным программистам, которые имеют опыт работы с процедурной генерацией мешей. Статья содержит картинки, видео и обобщенные объяснения разработанный нами системы генерации проводов.

SSAO тени и провода

При разработке проводов, которые поддерживают тесселяцию, мы столкнулись с проблемой: SSAO из Post Processing V2 работал неверно с проводами в режиме Forward. В результате этого все провода имели неверный эффект затемнения. Если задать произвольный “RenderType”, то провода выглядели примерно так:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Так же провода имели проблемы здесь:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Нужно было добиться такого результата:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Все это из-за того, что SSAO, при расчете затемнения, использует _CameraDepthNormalsTexture - текстуру. Провод использовал встроенный RenderType (или использовал наш, который не переопределен) и в результате _CameraDepthNormalsTexture выглядела так (провода здесь нет):

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

_CameraDepthNormalsTexture - текстура формируется “Internal-DepthNormalsTexture”-шейдером. Чтобы все работало как надо, для режима Forward этот шейдер придется переопределить. Провод после переопределения:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Но это еще не все! Переопределить встроенный шейдер нужно так, чтобы он учитывал тесселяцию. Иначе при расчете карты нормалей будет использована низкополигональная модель провода и тени будут выглядеть криво. Карта нормалей, сформированная без учета тесселяции:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост
TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Так «гладко» и красиво выглядит финальный вариант:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Он же без тесселяции (для сравнения):

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Главное, при расчетах, меньше ошибаться. Иначе можно получать вот такие вот макароны-спиральки:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Эффект виртуальности мира

Игровой мир является частично виртуальным и мы всячески подчеркиваем это. Провода - это одна из вещей, которая будет намекать игроку о особенности мира. Для этого было решено показать виртуальность мира через небольшую дезинтеграцию проводов в области их пересечения с игроком или другими предметами, которые наделены энергией.

Итого: провод делится на равные сегменты, которые заносятся в Octree.

В области пересечения провода и игрока в шейдере рисуется отверстие:

for(int k = 0; k < _OBJ_COUNT; ++k) {

half dist = length(_ObjPos[k].rgb-i.worldPos);

half sphere = 1 - ( (dist - _GLOBALMaskRadius) / _GLOBALMaskSoftness);

float a = sphere - 0.1;

clip(a);

albedo.rgb += MUL_COL * step(a, 0.1);

}

dist - дистанция от пикселя до объекта

Далее: если дистанция меньше определенного радиуса, то делается ‘clip’. Кроме этого по периметру clip рисуется подсветка.

dist - the distance from the pixel to the object

Также нужно рисовать отверстие и при формировании _CameraDepthNormalsTexture. Иначе SSAO будет неверно затемнять провод.

Кроме этого нужно рисовать отверстие и при формировании _CameraDepthTexture. Иначе тени будут рисоваться там, где провод дематериализовался.

В результате тени и SSAO работают так:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

А здесь провод дезинтегрировался (внимание на тень):

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост
TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Внутренность провода

Результат работы над внутренностью тонкого провода выглядит вот так:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Дематериализованный толстый провод:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Как это работает

Провод создается на основе сплайна:

  • берутся необходимые модели (части провода)

  • изгибаются вдоль сплайна

  • финальная модель запекается в “Asset” и используется в игре

Так же сплайн, на основе которого был построен провод, используется для отрисовки внутренней части провода:

  • определяется ближайший подвижный объект и его проекция на сплайн

  • строится изогнутый вдоль сплайна участок дематериализованных “кубиков”

Если оболочка провода запекается один раз и алгоритм запекания не требует оптимизации, то внутренняя часть провода (дематериализованные кубики) требует оптимизацию. Изгибание модели кубиков вдоль сплайна на процессоре - это тяжелая вычислительная задача:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост
TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Было принято решение: гнуть кубики вдоль сплайна на GPU. После этого нагрузка на процессор составила почти 0!

Как быстро “гнуть кубики” на GPU

Основная идея подхода была подсмотрена здесь: https://medium.com/@roy.theunissen/gpu-spline-deformation-in...

Если коротко:

  • печем параметры (position, rotation, scale) участков сплайна (с эмпирически подобранным шагом N) в текстуру

  • декодируем матрицы на видеокарте и смещаем вершины

  • радуемся результату

Оптимизация и поддержка слабеньких видеокарт

Когда вы счастливый обладатель хорошей видеокарты, а именно: ваша видеокарта поддерживает тесселяцию, то все замечательно! Провод будет выглядеть высокополигональным и невидимые части кубиков дематериализации будут качественно скрыты внутри провода (в местах изгиба провода).

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

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

А если еще сильнее низкополигонизировать участки провода (зеленая линия имитирует более низкополигональную версию), то будет ужас. Очевидно, что в местах сильного изгиба провода кубики всегда будут предательски торчать:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост
TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Решение: просчитать тангенсы и на основе отклонений подменять участки проводов на более/менее полигональные. Просто же, правда?:) Визуализация тангенсов:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

В результате создание модели провода работает так: в зависимости от кривизны участка, выбирается соответствующая модель провода (высокой/низкой или средней полигональности). В результате, данный провод способен скрывать (в местах изгиба) внутренние кубики даже на слабых видеокартах.

Модели разной полигональности, которые используются при построении провода:

TOTAL RELOAD :  процедурная генерация проводов. (часть 2) Unity, Разработка, Gamedev, Программирование, Инди, Инди игра, Провод, Дизайн, Видео, Без звука, Длиннопост

Видео примера настройки провода:

На этом пока все, ссылки на нас:

TORSHOCK.COM / VK / DTF / Twitter / FB

Показать полностью 22 1

TOTAL RELOAD : процедурная генерация проводов (часть 1)

TOTAL RELOAD : процедурная генерация проводов (часть 1) Gamedev, Unity, Инди игра, Разработка, Инди, Программирование, Видео, Без звука, Длиннопост

Готовы рассказать о процедурной генерации проводов и о том как она устроена в TOTAL RELOAD. Всего проводам будет посвящено 2 статьи (2 части). Выше приведен скриншот из игры на котором представлены финальные провода.

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

Предупреждение: эта статья не является инструкцией, также, скорее всего, она не будет полезна профессиональным программистам, которые имеют опыт работы с процедурной генерацией мешей. Статья содержит картинки, видео и обобщенные объяснения разработанной нами системы генерации проводов и обобщенный ответ на вопрос «что же такое меш (mesh)?» Итак, поехали!

Часть 1. Процедурная генерация проводов

Механика нашей игры связана с проводами, от них зависит восприятие игры, то как игроку будет комфортно играть. В процессе разработки игры, было реализовано и опробовано несколько различных вариантов системы проводов. По мере развития проекта мы постоянно их модернизировали.

Версия провода № 1

В самом начале разработки игры было принято решение не пытаться вытянуть качество графики до уровня ААА – проекта. Причины такого решения просты:

  • команда состояла (и состоит) из 2-х человек, которым задач и так хватало

  • не было уверенности, что все окупится

Итак, в первое время мы разработали «2D» систему проводов, которые были плоскими. Я думал, плоская – это хорошо в плане того, что меньше полигонов и объем проводам можно картами нормалей придать (если потребуется). Ниже представлен первый вариант системы проводов:

TOTAL RELOAD : процедурная генерация проводов (часть 1) Gamedev, Unity, Инди игра, Разработка, Инди, Программирование, Видео, Без звука, Длиннопост

Как работала система проводов:

  • имеется набор вложенных gameObjects – узлы проводов

  • родительский объект создает процедурный mesh с UV. Mesh и UV создаются в зависимости от позиции узлов проводов.

Система позволяла выполнять поставленные задачи:

  • отображала соединения объектов

  • относительно гибко настраивалась

  • генерируемый провод соответствовал первому минималистичному стилю

Меш провода генерировался процедурно по точкам. Здесь видно конечный результат (вариант провода №1):

Провод менял свою геометрию тогда, когда одна из точек меняла свою позицию. Провод мог гнуться на углы +/-90 градусов относительно родительского объекта. Еще одно видео:

Так планировалось прокладывать провод в уровне:

Технически, провод имеет начало и конец, он автоматически должен соединять разные элементы уровня. Это было реализовано процедурно. Имитация соединения элементов по какому-то событию показана на видео:

И вроде как все были довольны этой системой проводов, но…

Но тут, по мере анализа уровней, быстро пришло понимание: «это не то, чего мы хотели добиться». Конечно, смотрится неплохо, лучше чем ничего и даже лучше чем некоторые дизайнерские решения. Но минималистичный стиль присутствует повсеместно и в очень многих инди-проектах. В общем, в очередной раз понесли мы свои результаты к эффективному менеджеру Сове. Сова к этому времени была порядочно раздражена нашими глупыми решениями, но приняла нас. Вот что мы принесли ей напоказ:

TOTAL RELOAD : процедурная генерация проводов (часть 1) Gamedev, Unity, Инди игра, Разработка, Инди, Программирование, Видео, Без звука, Длиннопост
TOTAL RELOAD : процедурная генерация проводов (часть 1) Gamedev, Unity, Инди игра, Разработка, Инди, Программирование, Видео, Без звука, Длиннопост
TOTAL RELOAD : процедурная генерация проводов (часть 1) Gamedev, Unity, Инди игра, Разработка, Инди, Программирование, Видео, Без звука, Длиннопост
TOTAL RELOAD : процедурная генерация проводов (часть 1) Gamedev, Unity, Инди игра, Разработка, Инди, Программирование, Видео, Без звука, Длиннопост

У Совы, насколько мы знаем, брови изначально (наверно с рождения) повернуты под 90 градусов. А после всего того, что мы показали, они у нее просто вывернулись на все 360.

Провода нужно было переделывать.

Что не устроило Сову:

  • Обыденность и минималистичность: где-то она уже видела этот провод;

  • Скрытность: он плоский, сбоку его вообще не видно;

  • Повороты кратны 90 градусам: уровень будет иметь углы только кратные 90 градусам, это снижает возможности разработчика уровней до… лучше не думать, даже некоторые первые в мире игры имели стены, которые располагались под произвольными углами.

По проводу все осталось в общем по-старому, только в ТЗ добавилось 4 требования:

  • провод должен гнуться не только на 90 градусов;

  • провод должен быть объемным, так как плоский визуально сливается с полом;

  • текстура должна тайлиться, а не растягиваться;

  • уникальность проводу нужно придать моделью + материалом.

Пара слов о генерации меша

Хотелось бы чтобы статья содержала больше полезной информации чем просто результаты нашей работы.

Немного глубже затронем тему процедурной генерации мешей.

Что такое меш (mesh)?

Меш – это, условно, модель, которая крепится к компоненту «MeshFilter», который, в свою очередь, принадлежит «GameObject». MeshFilter берет меш из ассетов и передает его в MeshRenderer, последний участвует в рендере меша на экране.

Способы создания моделей для игр:

  • в редакторах моделей (например: Blender, Maya, 3ds Max и другие);

  • процедурно

  • можно редактировать существующий меш (в общем-то это процедурная генерация меша)

Процедурное создание полезно в ряде случаев. В основном все случаи сводятся к тому, что мы не знаем какую модель нужно создать и модель создается в редакторе или в процессе игры. Это может модель помещения, модель каких-то объектов, которые нельзя построить заранее. Что касается нашего случая, то как вы уже наверно догадались, это модели проводов.

О том как создавать меши уже написано столько всего, что мне остается дать одну из ссылок на материалы и обьяснить, в общем виде, как все работает. Ссылка на то как сгенерировать меш в Unity3D: http://www.martin-ritter.com/2019/02/unity-simple-mesh-generation/

При создании меша, во-первых, относительно локального (0,0,0) создается геометрия. Геометрия – это набор вершин (точек), которые соединены между собой. Потом идет массив «triangles». Этот массив содержит порядок точек. Тут стоит совсем немного пояснить:

  • видеокарте нельзя просто дать точки на отрисовку треугольника без указания порядка. Почему? В основном потому, что есть оптимизация. Треугольник имеет две стороны и если бы видеокарта всегда бы рендерила его две стороны, то она бы неоправданно расходовала ресурс. Порядок передачи точек связан с тем куда нужно направить нормаль полигона.

  • видеокарта может рисовать только несколько примитивов: точку, прямую и треугольник. Все остальное создается из примитивов.

Итак, этого в общем-то достаточно для рендера геометрии, но недостаточно для наложения текстур на геометрию. Для наложения текстур нужно создать массив UV – координат. Эти координаты показывают в какую область текстуры проецируется каждая вершина геометрии/модели. Обычно UV принимают значения из диапазона [0,1]. Где (0,0) – нижний левый угол текстуры, (1,1) – правый верхний. В некоторых случаях UV могут принимать значения больше 1 и меньше 0. Это зависит от задачи, которую поставили перед «shader-artist» и его конкретной реализации шейдера.

Кроме vertex и uv, меш может содержать и другие данные:
- uv2, uv3…, uv9 (не знаю чем определяется предел uv[i], наверно платформой)

  • tangents

  • normal

  • color

И да, чуть не забыл, нужно создать AABB. AABB – это axis-aligned bounding box. То есть это «коробка», которая позволяет движку быстро исключать игровые объекты из процесса отрисовки на основе попадания их AABB в область видимости камеры.

Зачем? Это сделано для того, чтобы быстро отбрасывать объекты, которые за спиной игрока, чтобы они даже не пытались подаваться на графический конвейер. Оптимизация! :)

Версия провода 2

В основу этой версии легли сплайновые кривые, а вернее, деформация модели вдоль сплайновой кривой. Что такое сплайн и как он работает? Это достаточно базовая математика, в сети есть даже готовые примеры проектов со сплайнами, детальный разбор того как все работает (не буду повторять то, что замечательно расписано здесь: catlikecoding.com), не будем на них останавливаться.

Вот как выглядит настройка провода:

Особое внимание уделено шейдеру. Он поддерживает тесселяцию, что позволяет экономить на полигональности модели. Здесь сверху провод с тесселяцией, обратите внимание на то, что он гладкий. Внизу провод без тесселяции, угловатый:

TOTAL RELOAD : процедурная генерация проводов (часть 1) Gamedev, Unity, Инди игра, Разработка, Инди, Программирование, Видео, Без звука, Длиннопост

Все провода имеют один общий материал, особенности всех проводов закодированы в вершинах мешей.

Здесь версия проводов ближе к финальной (на концах установлены вилки, заданы текстуры, доработаны модели):

TOTAL RELOAD : процедурная генерация проводов (часть 1) Gamedev, Unity, Инди игра, Разработка, Инди, Программирование, Видео, Без звука, Длиннопост
TOTAL RELOAD : процедурная генерация проводов (часть 1) Gamedev, Unity, Инди игра, Разработка, Инди, Программирование, Видео, Без звука, Длиннопост

Ссылки на нас:
TORSHOCK.RU / VK / DTF / Twitter / FB

Показать полностью 8 5

Случай с заказчиком

Был в моей жизни один забавный случай с заказчиком. Нашел меня заказчик и попросил сделать ему логотип. Я согласился и взялся за работу.

Набросал несколько эскизов (штук с 50), из них отобрал хорошие идеи и так работал до того момента пока не отработал 3-4 финальных варианта. Как это обычно и делается в общем-то. Последний вариант черт меня дернул взять чтобы увеличить кол-во вариантов для выбора. Это был один из крайне дурацких сырых прототипов. В нем были всевозможные проблемы, вот некоторые из них навскидку:

  • проблемы с масштабом \ мелкие элементы

  • разная толщина линий

  • много цветов

Этого списка было более чем достаточно для того, чтобы оторвать мне руки, вырвать глаза, а на моей карьере дизайнера лого поставить крест XD Может даже и крест на всей дизкарьере.

В общем показываю варианты заказчику и он, с первого взгляда влюбляется в самый дурацкий 4-й вариант...

Случай с заказчиком Истории из жизни, Дизайн, Gamedev, Логотип, Заказчики, Клиенты, Юмор

Зацените что делаем, TOTAL RELOAD

Привет всем!
Какой-то художник сказал мне, что если бросить карандаш на работу, то она сразу станет лучше.

А еще говорят "уникальная механика игры\хорошая идея - пол успеха", "если назвать игру правильно, то сильно возрастает шанс попасть в топ" или "правильное название фирмы - пол дела".

А я в это все не верю. Терпение и адский труд - вот ингридиенты хорошего продукта.

Шрифт до сих пор просит себя доработать, исправить, стилизовать:

Зацените что делаем, TOTAL RELOAD Gamedev, Шрифт, Арт, Видеоигра, Игры, Компьютерные игры, Компьютерная графика, Unity

Стим пока что-то тормозит с документами. Ссылки где мы публикуем обновления по игре:

VK / DTF

Как Вам картинка и шрифт?

Уважаемые профессионалы, покритикуйте, пожалуйста, картинку.

Показать полностью 1
Отличная работа, все прочитано!