描画効率化案を検討してみました。すみませんがメッシュのちらつき現象についてはご質問者さんとの環境の違いなのかよくわかりませんでした。効率化処置を加えてみても相変わらずちらつくようでしたら、なにか他の原因があるのかもしれません...
#メッシュ分割作戦
まず、MeshDataに元データを縦横に切り分けてメッシュデータ群を作るメソッドを追加しました。
C#
1using System.Collections;
2using System.Collections.Generic;
3using UnityEngine;
4
5namespace TinyWorld
6{
7 public class MeshData
8 {
9 // 省略
10
11 public static MeshData[,] CreateMeshData(Tile[,] data, int tileCountPerMeshX = 1, int tileCountPerMeshY = 1)
12 {
13 tileCountPerMeshX = Mathf.Max(tileCountPerMeshX, 1);
14 tileCountPerMeshY = Mathf.Max(tileCountPerMeshY, 1);
15
16 var tileCountX = data.GetLength(0);
17 var tileCountY = data.GetLength(1);
18
19 var meshCountX = Mathf.CeilToInt((float)tileCountX / tileCountPerMeshX);
20 var meshCountY = Mathf.CeilToInt((float)tileCountY / tileCountPerMeshY);
21
22 var meshes = new MeshData[meshCountX, meshCountY];
23
24 for (var i = 0; i < tileCountX; i += tileCountPerMeshX)
25 {
26 var meshSizeX = Mathf.Min(tileCountPerMeshX, tileCountX - i);
27 for (var j = 0; j < tileCountY; j += tileCountPerMeshY)
28 {
29 var meshSizeY = Mathf.Min(tileCountPerMeshY, tileCountY - j);
30 var subData = new Tile[meshSizeX, meshSizeY];
31 for (var x = 0; x < meshSizeX; x++)
32 {
33 for (var y = 0; y < meshSizeY; y++)
34 {
35 subData[x, y] = data[i + x, j + y];
36 }
37 }
38 meshes[i / tileCountPerMeshX, j / tileCountPerMeshY] = new MeshData(subData);
39 }
40 }
41
42 return meshes;
43 }
44 }
45}
そしてWorldは下記のように改造しました。
C#
1using System.Collections;
2using System.Collections.Generic;
3using UnityEngine;
4using AccidentalNoise;
5using UnityEditor;
6
7namespace TinyWorld
8{
9 public class World : MonoBehaviour
10 {
11 public Tile[,] tiles;
12
13 public Material material;
14
15 Mesh mesh;
16
17 //Noise noise;
18
19 ImplicitFractal HeightMap;
20
21 [SerializeField]
22 int TerrainOctaves = 6;
23 [SerializeField]
24 double TerrainFrequency = 1.25;
25
26 [SerializeField]
27 int Width = 250;
28 [SerializeField]
29 int Height = 250;
30
31 // 1メッシュあたりの幅・高さを追加
32 [SerializeField]
33 int WidthPerMesh = 10;
34 [SerializeField]
35 int HeightPerMesh = 10;
36
37 [SerializeField]
38 float DeepWater = 0.2f;
39 [SerializeField]
40 float ShallowWater = 0.4f;
41 [SerializeField]
42 float Sand = 0.5f;
43 [SerializeField]
44 float Grass = 0.7f;
45 [SerializeField]
46 float Forest = 0.8f;
47 [SerializeField]
48 float Rock = 0.9f;
49
50 MapData HeightData;
51
52 // Use this for initialization
53 void Start()
54 {
55 Initialize();
56 GetData(HeightMap, ref HeightData);
57 CreateTiles();
58
59 // GenerateMeshに代わってGenerateMeshesでメッシュ群を作る
60 var meshes = this.GenerateMeshes();
61 var meshCountX = meshes.GetLength(0);
62 var meshCountY = meshes.GetLength(1);
63
64 // 自分自身のMeshRendererは使用せず...
65 GetComponent<MeshRenderer>().enabled = false;
66
67 // 子オブジェクトを作ってメッシュをセットする
68 for (var i = 0; i < meshCountX; i++)
69 {
70 for (var j = 0; j < meshCountY; j++)
71 {
72 var m = meshes[i, j];
73 var child = new GameObject(m.name);
74 child.transform.SetParent(this.transform, false);
75 child.transform.localPosition = new Vector3(i * this.WidthPerMesh, j * this.HeightPerMesh);
76 child.AddComponent<MeshFilter>().mesh = m;
77 child.AddComponent<MeshRenderer>().sharedMaterial = this.material;
78 }
79 }
80 }
81
82 // 省略
83
84 Mesh[,] GenerateMeshes()
85 {
86 var data = MeshData.CreateMeshData(tiles, this.WidthPerMesh, this.HeightPerMesh);
87 var meshCountX = data.GetLength(0);
88 var meshCountY = data.GetLength(1);
89 var meshes = new Mesh[meshCountX, meshCountY];
90 for (var i = 0; i < meshCountX; i++)
91 {
92 for (var j = 0; j < meshCountY; j++)
93 {
94 var subData = data[i, j];
95 var m = new Mesh();
96 m.name = $"Mesh ({i}, {j})";
97 m.vertices = subData.vertices.ToArray();
98 m.triangles = subData.triangles.ToArray();
99 m.uv = subData.UVs.ToArray();
100 m.RecalculateNormals();
101 m.RecalculateBounds();
102 meshes[i, j] = m;
103 }
104 }
105
106 return meshes;
107 }
108 }
109}
実行すると、下図のように子オブジェクトが作られました。
ワールドマップ全体が映る視点だとTrisが125.0k、つまり125000個を示していますが...
これぐらいの距離に寄るとTrisは14.0kとなり、全ポリゴン125000個中14000個だけが描画されています。
#2枚ポリゴン化作戦
こちらはシェーダーをカスタマイズする必要があるでしょう。Worldのmaterialには下記のようなシェーダーを使用し...
ShaderLab
1Shader "Unlit/World"
2{
3 Properties
4 {
5 _MainTex ("Texture", 2D) = "white" {}
6 _DataTex ("Data", 2D) = "black" {}
7 _Width ("Width", Int) = 250
8 _Height ("Height", Int) = 250
9 }
10 SubShader
11 {
12 Tags { "RenderType"="Opaque" }
13
14 Pass
15 {
16 CGPROGRAM
17 #pragma vertex vert
18 #pragma fragment frag
19
20 #include "UnityCG.cginc"
21
22 struct appdata
23 {
24 float4 vertex : POSITION;
25 float2 uv : TEXCOORD0;
26 };
27
28 struct v2f
29 {
30 float2 uv : TEXCOORD0;
31 float4 vertex : SV_POSITION;
32 };
33
34 sampler2D _MainTex;
35 float4 _MainTex_ST;
36 sampler2D _DataTex;
37 float4 _DataTex_TexelSize;
38 int _Width;
39 int _Height;
40
41 v2f vert(appdata v)
42 {
43 v2f o;
44 o.vertex = UnityObjectToClipPos(v.vertex);
45 o.uv = TRANSFORM_TEX(v.uv, _MainTex);
46 return o;
47 }
48
49 fixed4 frag(v2f i) : SV_Target
50 {
51 float2 worldSize = float2(_Width, _Height);
52 float2 worldUv = i.uv * worldSize;
53 float2 dataUv = (floor(worldUv) + 0.5) * _DataTex_TexelSize.xy;
54 float2 tileUv = frac(worldUv);
55 float4 texCorners = tex2D(_DataTex, dataUv);
56 float2 uv = lerp(texCorners.xy, texCorners.zw, tileUv);
57 fixed4 col = tex2D(_MainTex, uv);
58 return col;
59 }
60 ENDCG
61 }
62 }
63}
Worldは下記のようにしました。MeshDataは当初のままです。
C#
1using System.Collections;
2using System.Collections.Generic;
3using UnityEngine;
4using AccidentalNoise;
5using UnityEditor;
6
7namespace TinyWorld
8{
9 public class World : MonoBehaviour
10 {
11 // 省略
12
13 // Use this for initialization
14 void Start()
15 {
16 Initialize();
17 GetData(HeightMap, ref HeightData);
18 CreateTiles();
19
20 // メッシュを生成し、マテリアルにデータをセットする
21 material.SetTexture("_DataTex", GenerateMesh());
22 material.SetInt("_Width", this.Width);
23 material.SetInt("_Height", this.Height);
24
25 GetComponent<MeshFilter>().mesh = mesh;
26 var renderer = GetComponent<MeshRenderer>();
27 renderer.material = material;
28 }
29
30 // 省略
31
32 Texture2D GenerateMesh()
33 {
34 MeshData data = new MeshData(tiles);
35
36 // メッシュはワールド全体を覆う1個の四角形とし...
37 mesh = new Mesh();
38 mesh.vertices = new[]
39 {
40 Vector3.zero,
41 new Vector3(0.0f, this.Height, 0.0f),
42 new Vector3(this.Width, 0.0f, 0.0f),
43 new Vector3(this.Width, this.Height, 0.0f)
44 };
45 mesh.uv = new[]
46 {
47 Vector2.zero,
48 Vector2.up,
49 Vector2.right,
50 Vector2.one
51 };
52 mesh.triangles = new[]
53 {
54 0, 1, 2,
55 3, 2, 1
56 };
57 mesh.RecalculateNormals();
58 mesh.RecalculateBounds();
59
60 // タイルの左下、右上のUVをテクスチャにして返す
61 var dataTexWidth = Mathf.NextPowerOfTwo(this.Width);
62 var dataTexHeight = Mathf.NextPowerOfTwo(this.Height);
63 var dataTex = new Texture2D(dataTexWidth, dataTexHeight, TextureFormat.RGBAFloat, false);
64 var dataColors = new Color[dataTexWidth * dataTexHeight];
65 var uvs = data.UVs.ToArray();
66 for (var i = 0; i < this.Width; i++)
67 {
68 var dataOffset = i * dataTexHeight;
69 var uvOffset = i * this.Height * 4;
70 for (var j = 0; j < this.Height; j++)
71 {
72 var uvIndex = (j * 4) + uvOffset;
73 var bottomLeft = uvs[uvIndex];
74 var topRight = uvs[uvIndex + 3];
75 dataColors[j + dataOffset] = new Color(bottomLeft.x, bottomLeft.y, topRight.x, topRight.y);
76 }
77 }
78 dataTex.SetPixels(dataColors);
79 dataTex.Apply();
80 return dataTex;
81 }
82 }
83}
これによりメッシュは単一の四角形となり...
個々のタイルのUVデータはテクスチャとしてマテリアルに送られます。
下図のように、ワールド全域を描画してもTrisは4となりました。カメラのMSAAを切ると、Trisがさらに2まで低下します。
#格子問題について
たとえば、もし下図のようなタイル同士がぴったりくっついたテクスチャを使用している場合...
上図は1タイル32×32ですが、これを縦横に繰り返して64×64にして...
UV座標としては中心の32×32を切り出すようにしてはいかがでしょう。
上下左右に16ピクセルも余白を設けていますが、ワールドマップ全域の描画にも対応するにはこれぐらい広めにしてやった方がいいんじゃないかと思います。
さらにテクスチャの「Generate Mip Maps」もオンにしてやればさらに格子模様を低減できるかと思いますが、遠くから見たときのテクスチャのディテールが潰れてしまいました。
ある意味正しい見え方だとも言えるかもしれませんが、これが許容しがたいようでしたらさらに追加の対策を施す必要がありそうです（ディテールを保持した独自のミップマップをテクスチャにセットするとか...?）。
Q&A
ベストアンサー
