Shader kaca bias

Saya memiliki lantai heksagonal tak terbatas, yang dihasilkan oleh tessellating titik grid dalam pasangan shader tessellation:

Perhatikan bahwa ini adalah bingkai gambar datar - "bayangan" adalah trik pencahayaan:

Sekarang, saya ingin membuat ini tampak seperti kaca yang tebal, bias, tetapi tidak yakin bagaimana untuk melanjutkan.

Hal pertama yang terlintas dalam pikiran adalah

1. atur seragam yang berisi "ketebalan" balok yang diminta
2. Saat menghitung pencahayaan, gunakan hukum Snell untuk menghitung panjang jalur optik, sebuah sinar akan melewati blok hex, jika itu benar-benar setebal yang dikatakan oleh "ketebalan" seragam, dan jumlah alpha di atas panjang itu. Itu akan memberikan transparansi, tetapi tidak menangani hal-hal seperti refleksi internal / TIR, dll.

Saya belum mencobanya, jadi saya tidak yakin apa hasil visualnya.

Pada akhirnya, untuk level khusus ini, saya mencoba untuk mendapatkan tampilan lantai heksagonal kaca yang digunakan di Tron: Legacy selama pertempuran disc. ( Lihat gambar ini sebagai contoh .)

Saran?

Artikel dalam Permata GPU ini membahas secara mendalam tentang pembiasan, yang dapat memberikan hasil yang cukup bagus

Dalam arti paling mendasar

Langkah pertama dari teknik refraksi dasar adalah membuat geometri adegan menjadi tekstur, melompati semua jerat refraktif. Tekstur ini dapat digunakan untuk menentukan objek mana yang terlihat di belakang objek bias yang akan diberikan pada lintasan berikutnya. Kami menyatakan tekstur ini sebagai S.

Langkah kedua adalah membuat jerat bias, mencari nilai dari tekstur S dengan gangguan yang diterapkan untuk mensimulasikan tampilan bias. Gangguan dapat dicapai dengan menggunakan peta N normal, di mana komponen peta-normal merah dan hijau (XY) digunakan dan diskalakan dengan beberapa nilai kecil untuk menambahkan perpindahan ke dalam koordinat tekstur yang diproyeksikan. Pendekatan ini mudah diimplementasikan dalam shader:

1. ambil tekstur N
2. gunakan komponen XY yang diskalakan dengan nilai kecil (seperti 0,05)
3. tambahkan nilai perpindahan ini ke koordinat tekstur yang diproyeksikan untuk S

Daftar berikut menunjukkan shader yang menunjukkan pendekatan ini

half4 main(float2 bumpUV : TEXCOORD0,
  float4 screenPos : TEXCOORD1,
  uniform sampler2D tex0,
  uniform sampler2D tex1,
  uniform float4 vScale) : COLOR
{
  // fetch bump texture, unpack from [0..1] to [-1..1]
  half4 bumpTex=2.0 * tex2D(tex0, bumpUV.xy) - 1.0;

  // displace texture coordinates    
  half2 newUV = (screenPos.xy/screenPos.w) + bumpTex.xy * vScale.xy;

  // fetch refraction map
  return tex2D(tex1, newUV);
}

Gambar selanjutnya menggambarkan tiga langkah ini

Ada teknik yang lebih maju dalam artikel yang sama yang dapat mencapai tampilan yang jauh lebih menarik

Untuk efek serupa di Unity, Anda mungkin ingin melihat halaman wiki The Refraction Shader

Saya akan mengambil gambar yang Anda tunjukkan sebagai referensi untuk bagaimana saya membayangkan efeknya. Algoritma yang dapat saya pikirkan adalah sederhana:

1. Jadikan lingkungan menjadi inorder tekstur kubus peta untuk mensimulasikan refleksi lingkungan.
2. Terapkan tekstur peta kubus ke dalam bidang yang mewakili lapisan di bawah lantai bias. Jangan membuat pesawat lagi.
3. Jadikan bidang menjadi tekstur, tekstur 2D normal.
4. Serahkan tekstur ke shader refraktif yang digunakan untuk membuat lantai bias.
5. Sekarang render jerat / lantai refraksi dengan shader.

Mengenai shader refraksi, inorder untuk mensimulasikan kaca yang bisa Anda lakukan

• Gunakan istilah fresnel untuk mensimulasikan refleksi dan refraksi.
• Gunakan peta normal / normal untuk melakukan pengambilan tekstur.

_{Saya hanya memikirkan ide itu, jadi saya tidak mengujinya. Saya yakin ini membutuhkan lebih banyak pekerjaan, Mungkin saya akan melakukannya begitu saya kembali dari pekerjaan.}