Foil Sticker Efekti Uygulaması

• Folyo sticker efektini uygulayan shader kaynak kodu; yüzey yansımasını ve parıltıyı gerçekçi biçimde simüle eder
• Metallik, pürüzlülük, yanardöner yansıma gibi çeşitli özellikler ayrıntılı biçimde ayarlanabilir
• Folyo yüzeyinin mikro parçacık (flake) efekti ve açıya göre değişen yanardöner renkler temel unsurlardır
• Ortam haritası örnekleme, Fresnel efekti, AO gölgesi ve alpha cutoff gibi çeşitli fizik tabanlı grafik teknikleri kullanılır
• Gerçek 2D/3D ortamlarda yüksek kaliteli folyo sticker render’ı için kullanılabilecek gelişmiş bir shader uygulamasıdır

---

Genel bakış

Bu içerik, folyo sticker gibi parıldayan görsel bir efektin uygulanması için hazırlanmış GLSL shader kodudur. Metallik, yanardönerlik, yüzey mikro parçacık efektleri ve ortam yansımalarını bir arada işleyerek yüksek kaliteli görsel doku üretmeyi amaçlar. 2D texture’lar, ortam haritası ve çeşitli ayar parametreleri kullanılarak gerçekçi bir folyo efekti oluşturulur.

Başlıca değişkenler ve sabitler

• Çeşitli uniform değişkenler ile efekt ayarlanabilir
  • Örnek: uFlakeSize (flake boyutu), uRoughness (pürüzlülük), uMetalness (metallik), uIridescence (yanardönerlik) vb.
• Texture’lar, ortam haritası ve dünya koordinat sistemi bilgisi desteklenir

Temel fonksiyon yapısı

Hash fonksiyonu (hash)

• Mikro parçacık (flake) efekti için gerekli rastgele değerleri üretmekte kullanılır

Ortam haritası koordinat dönüşümü (dirToEquirectUv), ortam haritası örnekleme (sampleEnvRough)

• Ortam haritası üzerinde yöne bağlı örneklemeyi destekler
• Pürüzlülük (lod) değerine göre uygun mip level uygulanır

Yanardönerlik efekti (iridescenceColor)

• Açıya ve yüzey kalınlığına göre dinamik olarak renk üretir
• Gerçek bir folyo yüzeyinde olduğu gibi, bakış açısına göre renk değişir

Parlaklık (luminance)

• Rengin parlaklık bilgisini hesaplayarak son işleme gibi adımlara yansıtır

Shader ana mantığı

Alpha cutoff ve ön/arka yüz işleme

• Base texture’daki alpha değeri ile pikselin korunup korunmayacağı belirlenir
• Ön/arka yüze göre AO şiddeti, soyulmuş (peeled) işleme ve renk ayarı yapılır

Yansıma, flake, yanardönerlik ve metallik işleme

• Yüzey normali (normal), görüş vektörü, yansıma vektörü ve ortam yansımaları hesaplanır
• Flake efekti için konuma göre hash ve açı bazlı rastgele offset uygulanır
• Flake’in parlaklığı, maskelemesi, güçlendirmesi gibi unsurlar ayrıntılı olarak kontrol edilir
• perturbedNormal kullanılarak flake yüzeyindeki sapma yansıtılır
• Flake ve çevre renkleri, yanardöner renklerle birlikte karıştırılır

Ortam haritası birleşimi ve nihai renk üretimi

• Flake yoğunluğuna göre pürüzlülük dinamik olarak değiştirilir
• Metal/normal/yansıma maskelemesi ve Fresnel hesaplaması ile gerçekçilik artırılır
• diffuse (dağınık) ve spec (yansıma) bileşenleri karıştırılarak nihai renk üretilir
• Base alpha ile birlikte son renk olarak çıktı verilir

Çıkarımlar

Bu shader, folyo malzemeye özgü karmaşık görsel efektleri (güçlü yansıma, mikro parçacıklar, yanardönerlik vb.) gerçekçi biçimde yeniden üretmek için uygundur. Çok sayıda parametre sayesinde efekt hassas biçimde ayarlanabildiğinden esnek özelleştirme ve yüksek görünürlüğe sahip folyo sticker render’ı mümkündür. 3D, 2D web, oyunlar ve etkileşimli UI gibi pek çok alanda kullanıma elverişlidir.