Очумелый саморучник — спрайты как в Doom'е без дорисовывания
И так. Можно и эдак.
Но лучше все по порядку.
В далёкий 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();
//если материала на скрипте нет - прогоняем картинку дальше
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);
}
} Получилось вот так:
Ну и вдобавок как все это выглядит когда вся анимация отрендеренна и прогнана через скрипты:
И теперь алгоритм по порядку:
Рендерим в разрешении 640×400 с повышенной резкостью, SSAO и постеризацией.
Рендерим эффект плазмы. В данном случае я рендерю на чёрном фоне без альфа канала, перекидываю в Питон, создаю альфа канал из чёрного цвета и нормализую цвет — таким образом избегая colorbanding
Рендерим outline в разрешении 1280×800 отдельно, перекидываю тоже в питон. Скрипт уменьшает спрайт аутлайна, множит основной спрайт на аутлайн (50% помножение), затем скрипт закидывает получившийся спрайт поверх эффекта плазмы, если тот присутствует в ряду кадров.
Готово. Надеюсь статья была полезной.
