Как создать шейдер, который может отображать текстуру из множества маленьких изображений в Unity - PullRequest
1 голос
/ 20 сентября 2019

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

Я также посещал форумы Unity и проверял этот код из документов Unity.

Используя код связанного шейдера и помощь, которую я получил на форумах, вот код, с которым я закончил:

Properties
    {
        _MainTexArray("Tex", 2DArray) = "" {}
        _SliceRange("Slices", Range(0,32)) = 6
        _UVScale("UVScale", Float) = 1
        _COLUMNS("Columns", Range(0, 5)) = 1
        _ROWS("Rows", Range(0, 5)) = 1
        _CELLS("Cells", Range(0, 32)) = 16
    }
        SubShader
        {
            Pass
            {
                CGPROGRAM
                #pragma vertex vert
                #pragma fragment frag
                // texture arrays are not available everywhere,
                // only compile shader on platforms where they are
                #pragma require 2darray

                #include "UnityCG.cginc"

                struct v2f
                {
                    float3 uv : TEXCOORD0;
                    float4 vertex : SV_POSITION;
                };

                float _SliceRange;
                float _UVScale;

                v2f vert(float4 vertex : POSITION)
                {
                    v2f o;
                    o.vertex = UnityObjectToClipPos(vertex);
                    o.uv.xy = (vertex.xy + 0.5) * _UVScale;
                    o.uv.z = (vertex.z + 0.5) * _SliceRange;
                    return o;
                }
                float _COLUMNS; //Columns and rows only go between 0 and 1
                float _ROWS;
                float _CELLS;
                UNITY_DECLARE_TEX2DARRAY(_MainTexArray);        
                half4 frag(v2f i) : SV_Target
                {
                    float3 uv = float3(i.uv.x * _CELLS, i.uv.y * _CELLS, 0);
                    uv.z = floor(i.uv.x / _COLUMNS) * floor(i.uv.y / _ROWS);
                    return UNITY_SAMPLE_TEX2DARRAY(_MainTexArray, uv / _CELLS); 
                }
                ENDCG
            }
        }

Используя это, я получил свои материалы, чтобы выглядетьэто: distorted texture on plane and sphere

Вот код, который я использую для загрузки изображений SQL:

textures = new Texture2D[size];
            for (int x = 0; x <= 7; x++) 
            {
                for (int y = 0; y <= 3; y++)
                {
                    textures[count] = tiler.Read(x, y, 2); //The z determines the zoom level, so I wouldn't want them all loaded at once
                    if (textures[count] != null) TextureScale.Bilinear(textures[count], 256, 256);
                    count++;
                }
            }


        texArr = new Texture2DArray(256, 256, textures.Length, TextureFormat.RGBA32, true, true);
        texArr.filterMode = FilterMode.Bilinear;
        texArr.wrapMode = TextureWrapMode.Repeat;
        for (int i = 0; i < textures.Length; i++)
        {
            if (textures[i] == null) continue;
            texArr.SetPixels(textures[i].GetPixels(0), i, 0);
        }    
        texArr.Apply();
        mat.SetTexture("_MainTexArray", texArr);

В таблице SQL x и y определяютположение плитки и z определяет уровень масштабирования.Сейчас я просто работаю с одним уровнем масштабирования.

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

1 Ответ

1 голос
/ 20 сентября 2019

Если вы можете проиндексировать массив фотографий таким образом, чтобы у вас была эффективная равноугольная проекция шара, вы можете попробовать использовать модифицированную форму кода шейдера: Farfarer с форумов Unity скопировано и измененочуть ниже:

Shader "Custom/Equirectangular" {
    Properties{
        _MainTexArray("Tex", 2DArray) = "" {}
        _COLUMNS("Columns", Int) = 2
        _ROWS("Rows", Int) = 2
    }

        SubShader{
            Pass {
                Tags {"LightMode" = "Always"}

                CGPROGRAM
                    #pragma vertex vert
                    #pragma fragment frag
                    #pragma require 2darray

                    #include "UnityCG.cginc"

                    struct appdata {
                       float4 vertex : POSITION;
                       float3 normal : NORMAL;
                    };

                    struct v2f
                    {
                        float4    pos : SV_POSITION;
                        float3    normal : TEXCOORD0;
                    };

                    v2f vert(appdata v)
                    {
                        v2f o;
                        o.pos = UnityObjectToClipPos(v.vertex);
                        o.normal = v.normal;
                        return o;
                    }

                    UNITY_DECLARE_TEX2DARRAY(_MainTexArray);

                    int _ROWS;
                    int _COLUMNS;

                    #define PI 3.141592653589793

                    inline float2 RadialCoords(float3 a_coords)
                    {
                        float3 a_coords_n = normalize(a_coords);
                        float lon = atan2(a_coords_n.z, a_coords_n.x);
                        float lat = acos(a_coords_n.y);
                        float2 sphereCoords = float2(lon, lat) * (1.0 / PI);
                        return float2(sphereCoords.x * 0.5 + 0.5, 1 - sphereCoords.y);
                    }

                    float4 frag(v2f IN) : COLOR
                    {
                        float2 equiUV = RadialCoords(IN.normal);

                        float2 texIndex;
                        float2 uvInTex = modf(equiUV * float2(_COLUMNS,_ROWS), texIndex);

                        int flatTexIndex = texIndex.x * _ROWS + texIndex.y;

                        return UNITY_SAMPLE_TEX2DARRAY(_MainTexArray,
                                float3(uvInTex, flatTexIndex));
                    }
                ENDCG
            }
        }
    FallBack "VertexLit"
}

Вам также нужно использовать

texArr = new Texture2DArray(256, 256, textures.Length, TextureFormat.RGBA32, false, true);

вместо

texArr = new Texture2DArray(256, 256, textures.Length, TextureFormat.RGBA32, true, false); 

Это работает для меня, если я прикреплю этот скрипт к сфере:

Material myMat;
public List<Texture2D> texes;

IEnumerator Start()
{
    yield return null;
    myMat = GetComponent<Renderer>().material;

    Texture2DArray texArr = new Texture2DArray(256, 256, 9, 
            TextureFormat.RGBA32, false, true);
    texArr.filterMode = FilterMode.Bilinear;
    texArr.wrapMode = TextureWrapMode.Clamp;

    for (int i = 0 ; i < texes.Count ; i++)
    {
        texArr.SetPixels(texes[i].GetPixels(), i, 0);
    }

    texArr.Apply();

    myMat.SetTexture("_MainTexArray", texArr);
}

и в texes я добавляю эти текстуры в следующем порядке:

0: bottom left at index 0

1: center left at index 1

2: top left at index 2

3: bottom center at index 3

4: center at index 4

5: top center at index 5

6: bottom right at index 6

7: center right at index 7

8: top right at index 8

и значение 3 для строк и столбцов дает хорошие результаты:

seamless wrapped texture array

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

enter image description here

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

only seam where texture doesn't repeat

Так как эта установка ожидает нормали от сферы, она работает только на вещах с нормалями, которые приближаютсяте из сферы.Так, например, он не будет правильно отображаться на плоскости.

...