И так. Можно и эдак.
Но лучше все по порядку.
В далёкий 1993 год Raven Software решили лицензировать у ID Software движок id Tech 1.
Поскольку работали на время - часть спрайтов была отрендерена с дополнительной дорисовкой поверх отрендереных изображений. В большинстве спрайтов это не так заметно, но вот в некоторых - очень даже.
Решил попробовать свои силы в этом деле.
Для начала была скручена моделька
Делалось это дело для замены старой, и довольно корявой версии пушки demon tech repeater для мода Complex Doom Invasion. В скриншотах одни из первых итерации, до того как были добавлены последние элементы.
Первые рендеры напрямую из Блендера вышли размытыми, понятное дело antialiasing делает своё дело.
Поскольку ранее я уже кодил рендеринг спрайтов на Unity - было принято решение работать дальше в нём.
Первые рендеры из Unity просто с размытием и даже с уменьшением через Lancoz фильтр все равно были довольно уродливы:
Пришлось прибегнуть вдобавок к использованию Питона (Пайтона, как вам угодно) и дописать скрипты для уменьшения разрешения (код тут).
Далее вдобавок был отрендерен outline. Работает так - берём legacy image effects из assetstore'а, и подставляем edge detection с режимом triangle depth normals. Не забываем уменьшить. В данном случае для уменьшения как раз таки использовался lancoz.
Наложил одно на другое (все через скрипты):
Чуть чуть дорисовал, добавил 50% постеризацию (не путать с пАстеризацией - на Русском термин называется Изогелия https://ru.wikipedia.org/wiki/Изогелия ) со смешиванием (как эффект камеры) а также SSAO для теней.
Код шейдера постеризации и код скрипта для его применения поверх камеры:
Shader "Hidden/LightPosterize"
{
//стандартная рыба CG шейдера, мы только добавляем
//дополнительные переменные для силы Изогелии и силы смешивания
Properties
{
_MainTex ("Texture", 2D) = "white" {}
_Precision ("Precision", Range(0.001, 0.1)) = 0.15
_Interp("Interp", Range(0,1)) = 1
}
SubShader
{
// No culling or depth
Cull Off ZWrite Off ZTest Always
Pass
{
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#include "UnityCG.cginc"
struct appdata
{
float4 vertex : POSITION;
float2 uv : TEXCOORD0;
};
struct v2f
{
float2 uv : TEXCOORD0;
float4 vertex : SV_POSITION;
};
v2f vert (appdata v)
{
v2f o;
o.vertex = UnityObjectToClipPos(v.vertex);
o.uv = v.uv;
return o;
}
sampler2D _MainTex;
//подхватываем карту глубин-нормалей
sampler2D _CameraDepthNormalsTexture;
float _Precision, _Interp;
fixed4 frag (v2f i) : SV_Target
{
fixed4 col = tex2D(_MainTex, i.uv);
float3 normalValues;
float depthValue;
DecodeDepthNormal(tex2D(_CameraDepthNormalsTexture, i.uv), depthValue, normalValues);
//обрезаем эффект если слишком глубоко - позволяет избавиться от артефактов
if (depthValue > 0.99) return col;
//собственно рабочий код - постеризуем
float3 upscaled = col.rgb / _Precision + float3(0.5, 0.5, 0.5)*_Precision;
float3 final = round( upscaled )* _Precision;
col.rgb = lerp(col.rgb, final, _Interp);
return col;
}
ENDCG
}
}
}
using UnityEngine;
using System.Collections;
[ExecuteInEditMode]
public class ShaderApply : MonoBehaviour
{
public Material mat;
public DepthTextureMode mode;
Camera cam;
//как обычно для эффектов которые накладываются на стандарную камеру -
//подсасываемся через OnRenderImage
void OnRenderImage(RenderTexture source, RenderTexture destination)
{
cam = GetComponent<Camera>();
//если материала на скрипте нет - прогоняем картинку дальше
if (mat == null)
{
Graphics.Blit(source, destination);
return;
}
//если есть - берем что у нас сейчас в source rendertexture'е и прогоняем через наш шейдер
cam.depthTextureMode = mode;
//mat is the material containing your shader
Graphics.Blit(source, destination, mat);
}
}
Получилось вот так:
Ну и вдобавок как все это выглядит когда вся анимация отрендеренна и прогнана через скрипты:
И теперь алгоритм по порядку:
Рендерим в разрешении 640x400 с повышенной резкостью, SSAO и постеризацией.
Рендерим эффект плазмы. В данном случае я рендерю на чёрном фоне без альфа канала, перекидываю в Питон, создаю альфа канал из чёрного цвета и нормализую цвет - таким образом избегая colorbanding
Рендерим outline в разрешении 1280x800 отдельно, перекидываю тоже в питон. Скрипт уменьшает спрайт аутлайна, множит основной спрайт на аутлайн (50% помножение), затем скрипт закидывает получившийся спрайт поверх эффекта плазмы, если тот присутствует в ряду кадров.
Готово. Надеюсь статья была полезной.
Комментарии (9)
shiru8bit
28.09.2022 18:04+1Первые рендеры напрямую из Блендера вышли размытыми, понятное дело antialiasing делает своё дело.
Антиалиасинг в Блендере можно отключить или довольно гибко настроить. Правда, в последних версиях эти настройки находятся не в самых очевидных местах.
FunnyBlort Автор
28.09.2022 19:01+1Это то да - но вот фильтрация краёв - это уже через питон. Да и вдобавок - на блендере что шейдеры, что пост процессинг - не очень хороши. Мне лично проще быстро через cg написать, чем тянуть 20 нодов и ругаться почему оно так х..во сделано.
shiru8bit
28.09.2022 19:46+1В Блендере можно отключить именно антиалиасинг краёв, это делается без всяких шейдеров и нод, чисто настройками рендера.
engine9
29.09.2022 09:16А где?
shiru8bit
29.09.2022 09:38+1Эти настройки теперь находятся в разных местах и называются по разному в зависимости от рендера:
Eevee - Render Properties>Sampling, можно поставить 1 для отключения антиалиасинга (раздельно для рендера и вьюпорта)
Workbench - Render Properties>Sampling>Render, можно выбрать No Antialiasing (тоже раздельно для рендера и вьюпорта).
Cycles - Render Properties>Film>Pixel Filter, можно уменьшить ширину окна антиалиасинга для двух типов фильтра до 0.01, что практически выключит его.
FunnyBlort Автор
29.09.2022 10:27+1Это для всей картинки. Если не заметили - у меня antialiasing частичный поверх всей модели присутствует КРОМЕ краёв которые между видимыми и невидимыми пикселями.
iiiytn1k
smoke_th, ты ли это?
Вот уж чего не ожидал увидеть на хабре, так это игроков в CDI.
FunnyBlort Автор
Ну а кто ещё.