Придайте плоским спрайтам глубину под 2D-светом. Перетащите спрайт, проведите по нему светом в предпросмотре и скачайте карту нормалей, которую Godot и Unity читают как есть. Ничего не покидает ваше устройство.
Создаётся на вашем устройстве. Ваши изображения никуда не загружаются.
Как это работает
Выберите, перетащите или вставьте спрайт, тайл или текстуру. Подойдёт и целая папка.
Выберите, откуда берётся глубина и насколько она сильна, и проведите указателем по предпросмотру, чтобы увидеть, как ложится свет.
Карта сохраняется как имя_n.png, под этим именем движки связывают её со спрайтом, и в размере самого спрайта.
Генератор карт нормалей
Предпросмотр освещает спрайт по его собственной карте нормалей: вы оцениваете результат, а не фиолетовую картинку.
Скруглите спрайт с ровными цветами от контура, прочитайте рельеф текстуры по светлому и тёмному или смешайте оба способа.
Зелёный вверх для Godot и Unity или перевёрнутый для Unreal, с сохранённой прозрачностью спрайта.
Всё происходит в вашем браузере, поэтому картинки остаются на вашем устройстве.
Подробнее
Спрайт плоский, поэтому свет в 2D-игре освещает его равномерно, как наклейку. Карта нормалей — второе изображение того же размера, цвета которого говорят, куда обращён каждый пиксель. С ней движок освещает ту сторону спрайта, что обращена к лампе, и затеняет другую.
Ни один рисунок не содержит этих сведений, поэтому их приходится оценивать. Инструмент оценивает высоту каждого пикселя и превращает уклоны этой высоты в карту.
В Godot создайте CanvasTexture, поместите спрайт в Diffuse, а карту в Normal Map и добавьте в сцену PointLight2D или DirectionalLight2D. В Unity добавьте карту в Sprite Editor как вторичную текстуру с именем _NormalMap и осветите сцену 2D-источниками Universal Render Pipeline.
Оба движка читают зелёный как «вверх», и карта сохраняется именно так. Включите «Перевернуть зелёный канал» для движков, которые читают его как «вниз», например Unreal.
Генератор карт нормалей
Нет. Всё работает в вашем браузере, на вашем устройстве. Ваши изображения никогда не отправляются ни в Moriqa, ни кому-либо ещё, и после закрытия страницы ничего не сохраняется.
Добавьте спрайт, выберите источник глубины, проверьте освещённый предпросмотр и скачайте PNG. Он того же размера, что и спрайт.
Её цвета — это направления, а не цвета: красный идёт слева направо, зелёный снизу вверх, а синий направлен на зрителя. Плоская поверхность получается привычного светло-фиолетового цвета.
Да. Карта сохраняет точный размер спрайта и его жёсткие края. Оставьте сглаживание низким для чёткого, рубленого вида или увеличьте его для более мягкого света.
Хуже. Это хорошая отправная точка, и для предметов и тайлов её часто достаточно. Для главного персонажа художники обычно правят карту вручную.
Для Godot и Unity нет. Переворачивайте, только если кажется, что свет идёт снизу, когда он сверху: значит, ваш движок читает зелёный наоборот.
Откройте редактор пиксель-арта Moriqa, чтобы рисовать и анимировать спрайты, бесплатно в браузере.
