ASCII‑art Шейдер на Unity для новичков

Подготовка к работе

Shader "Unlit/AsciiImageEffect" { Properties { _MainTex ("Texture", 2D) = "white" {} } SubShader { Tags { "RenderType"="Opaque" } LOD 100 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; }; sampler2D _MainTex; float4 _MainTex_ST; v2f vert (appdata v) { v2f o; o.vertex = UnityObjectToClipPos(v.vertex); o.uv = TRANSFORM_TEX(v.uv, _MainTex); return o; } fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); return float4(0, 0, 0, 1); //return col; } ENDCG } } }

public class AsciiCamera : MonoBehaviour { public Material material; void OnRenderImage(RenderTexture source, RenderTexture destination) { Graphics.Blit(source, destination, material); } }

Шаг 1

fixed4 col = tex2D(_MainTex, i.uv);

Width("Width", float) = 1024 Height("Height", float) = 768

private void Update() { material.SetFloat("Width", Screen.width); material.SetFloat("Height", Screen.height); }

sampler2D _MainTex; //Новые поля float Width; float Height; //Искомая функция v2f vert (appdata v)

fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); //Берём номер пикселя. Функция ceil - берёт целую часть от результата float pixelX = ceil(i.uv.x * Width); float pixelY = ceil(i.uv.y * Height); //Берём оффсеты для рассчёта центрального пикселя блока float halfCellX = ceil(CellWidth / 2); float halfCellY = ceil(CellHeight / 2); //Возвращаем координату центрального элемента каждой ячейки float xColorPos = (ceil(pixelX / CellWidth) * CellWidth + halfCellX) / Width; float yColorPos = (ceil(pixelY / CellHeight) * CellHeight + halfCellY) / Height; return tex2D(_MainTex, float2(xColorPos, yColorPos)); }

Шаг 2

fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); float pixelX = ceil(i.uv.x * Width); float pixelY = ceil(i.uv.y * Height); float halfCellX = ceil(CellWidth / 2); float halfCellY = ceil(CellHeight / 2); float xColorPos = (ceil(pixelX / CellWidth) * CellWidth + halfCellX) / Width; float yColorPos = (ceil(pixelY / CellHeight) * CellHeight + halfCellY) / Height; fixed4 resultCol = tex2D(_MainTex, float2(xColorPos, yColorPos)); //Cчитаем индекс пикселя внутри ячейки float pixelXIndex = (i.uv.x * Width) % CellWidth; float pixelYIndex = (i.uv.y * Height) % CellHeight; //Рассчитываем оффсеты для взятия символа из второй текстуры. Если их не брать - то замещение будет только на первый символ из таблицы float sum = resultCol.r + resultCol.g + resultCol.b; float xOffset = ceil(sum / 0.1) * 0.1; float yOffset = ceil(sum / 0.333) * 0.333; //Берём координату первого символа из таблицы и добавляем к ней оффсет float2 percentPosition = i.uv; percentPosition.x = pixelXIndex / CellWidth / 10 + xOffset; percentPosition.y = pixelYIndex / CellHeight / 3 + yOffset; //Возвращаем конкретный пиксель по указанным координатам уже со второй текстуры return tex2D(AddTex, percentPosition); }

Ignatus911/AsciiShader

Contribute to Ignatus911/AsciiShader development by creating an account on GitHub.

github.com