Cinevva

Türkçe

English
简体中文
한국어
हिन्दी
Português (Brasil)
Español
Français
Bahasa Indonesia
Deutsch

Türkçe

English
简体中文
한국어
हिन्दी
Português (Brasil)
Español
Français
Bahasa Indonesia
Deutsch

Tema

Modern AAA oyunlarda kullanılan render tekniklerinin kısa bir listesi ​

Oleg Sidorkin, CTO ve Cinevva Kurucu Ortağı

Modern bir AAA oyunda PBR malzemeleri, sanallaştırılmış geometriyi ve ışın izlemeli aydınlatmayı gösteren birleşik sahne

2026 yapımı bir AAA oyunun render işlem hattını açıp incelerseniz, karşılaşacağınız unsurların çoğunun farklı stüdyoların kullandığı küçük bir teknik grubuna dayandığını görürsünüz. Motorlar arasında adlar değişse de fikirler aynıdır. Ekrandaki asıl işi yapan tekniklerin kısa bir listesini, her biri için bir görsel ve birkaç ayrıntılı teknik kaynakla birlikte burada bulabilirsiniz. Bu yazıyı Eylül 2026'da Unreal Engine 5.8'de değişenleri ve artık tarayıcıda çalışan teknolojileri ekleyerek güncelledim; ayrıca sonuna sık sorulan sorulardan oluşan bir bölüm ekledim.

1. Fizik tabanlı render (PBR) ​

Malzemeler; albedo, pürüzlülük, metaliklik, normal ve ortam örtme dokularıyla tanımlanır ve enerjiyi koruyan gölgelendiricilerle (Cook-Torrance aynasal yansıma, Lambert veya Disney yayınık yansıma) aydınlatılır. Bu, tüm modern AAA motorlarının temel aldığı standarttır. Bir yüzey güneş, lamba ve el feneri ışığı altında tutarlı görünüyorsa bunun nedeni PBR'dır.

PBR malzemeleriyle render edilmiş demir miğfer ve çevresinde albedo, pürüzlülük, metaliklik ve normal haritalarını gösteren doku örnekleri

Ayrıntılı kaynaklar:

2. Ertelenmiş gölgelendirme ve görünürlük tamponu gölgelendirmesi ​

Geometri önce öznitelikleri (normaller, malzeme kimlikleri, derinlik) bir G-tamponuna veya görünürlük tamponuna yazar. Ardından aydınlatma, bu tamponları okuyan ve her pikseli bir kez gölgelendiren tam ekran bir geçiş olarak çalışır. Görünürlük tamponları (Nanite ve benzerleri tarafından kullanılır) yalnızca üçgen kimliklerini depolayıp malzeme parametrelerini daha sonra piksel başına çözümleyerek bunu daha ileri taşır; böylece yoğun geometrilerde üst üste çizim maliyeti düşük tutulur.

Nihai renk, dünya normalleri, derinlik ve malzeme kimliği panellerine ayrılmış ertelenmiş gölgelendirme G-tamponu

Ayrıntılı kaynaklar:

3. Sanallaştırılmış geometri (Nanite tarzı) ​

Mesh'ler önceden bir küme hiyerarşisi hâlinde oluşturulur. Çalışma zamanında GPU, her pikselin çözünürlüğüne uyan kümeleri aktarır ve seçer; böylece elle LOD hazırlamaya gerek kalmadan piksel altı hassasiyette ayrıntı elde edilir. Unreal'ın Nanite sistemi bunun en bilinen örneğidir. Diğer motorlar da artık kendi türevlerini sunuyor. Pratikte bunun sonucu, LOD hazırlama zahmeti olmadan gerçek zamanlı olarak kullanılabilen film kalitesinde varlıklardır. Haziran 2026'da yayımlanan Unreal Engine 5.8, Tom Looman'ın 5.8 performans notlarına göre taşınabilir platformlarda Nanite rasterleştirme ve ayıklama performansını geliştirdi, bitki örtüsü için piksel başına programlanabilir mesafe kontrolü ekledi. Epic ayrıca 5.8'in, geliştirme süreci Unreal Engine 6'ya geçmeden önceki son 5.x sürümü olduğunu açıkladı.

Solda pürüzsüz render, sağda canlı renklerle gösterilen piksel altı meshlet kümeleri

Ayrıntılı kaynaklar:

4. Gölgeler, yansımalar ve AO için gerçek zamanlı ışın izleme ​

Donanım tabanlı ışın izleme (DXR, Vulkan RT), her karede oluşturulan bir BVH üzerinde gölge ışınlarını, ayna ve parlak yansıma ışınlarını ve ortam örtme ışınlarını izler. Özellikle ekran dışındaki yansımalar ve temas gölgeleri söz konusu olduğunda, piksel başına birkaç ışın bile ekran uzayı tekniklerinin yapabildiklerini geride bırakır. Çoğu oyun bunu her şey için değil, seçici biçimde kullanır.

Doğru ışın izlemeli yansımalara ve temas gölgelerine sahip lüks bir showroom'daki parlak kırmızı spor otomobil

Ayrıntılı kaynaklar:

5. Yazılım tabanlı ışın izleme (Lumen tarzı) ​

Her oyuncuda RTX kart bulunmadığından motorlar mesafe alanı veya yüzey önbelleği tabanlı alternatifler de sunar. Örneğin Unreal'ın Lumen sistemi, düşük maliyetli yayınık küresel aydınlatma için işaretli mesafe alanları ve yüzey önbellekleri üzerinde izleme yapar; yalnızca gerektiğinde donanım ışınlarına geçer. AAA oyunların konsollarda "ışın izlemeli görünüm" elde etmesini sağlayan yaklaşım budur. CG Channel'ın 5.8 incelemesine göre UE 5.8, Lumen'ın yüksek kaliteli render yolundan yaklaşık iki kat hızlı olan ve PlayStation 5'te 60 fps'yi hedefleyen bir "Lumen Lite" modu ekledi. Ayrıca stokastik çoklu ışık sistemi MegaLights, üretime hazır hâle getirildi.

Vitray renklerinin çevreye yansıdığı katedral iç mekânı ve yaklaşık geometriyi ortaya çıkaran SDF tel kafes katmanı

Ayrıntılı kaynaklar:

6. ReSTIR ve rezervuar örnekleme ​

Binlerce ışık kaynağıyla doğrudan ve dolaylı aydınlatma oluşturmak için ReSTIR (Reservoir Spatio-Temporal Importance Resampling), ışık örneklerini pikseller ve kareler arasında yeniden kullanır. Yol İzleme kullanan Cyberpunk 2077 gibi oyunların piksel başına bir veya iki ışınla paraziti düşük tutabilmesini sağlayan teknik budur. Yol izleme üst düzey hedef hâline geldikçe bu tekniği daha fazla motorda görmeyi bekleyebilirsiniz.

Islak zeminde ışın izlemeli yansımaların ve görünür sekmeli ışık yollarının bulunduğu siberpunk sokak

Ayrıntılı kaynaklar:

7. Hacimsel bulutlar, sis ve atmosfer ​

Gökyüzü, 3B gürültü ve yoğunluk hacimleri boyunca ışın yürütme yöntemiyle oluşturulur. Atmosfer, güneş ve ay geçişleri için önceden hesaplanmış saçılma tablolarını (Bruneton tarzı) kullanır. Sis ise yerel aydınlatmayı yakalayan bir froxel ızgarasıdır (görüş frustum'una hizalanmış 3B bir doku gibi düşünebilirsiniz). Bunlar birlikte, bir gökyüzü kutusu yerine "sistem olarak hava durumu" oluşturur.

Gün batımında hacimsel bulutların ve puslu havayı delen tanrısal ışınların bulunduğu dağ vadisi

Ayrıntılı kaynaklar:

8. Kademeli gölge haritaları ve sanal gölge haritaları ​

Güneş gölgeleri için kademeli gölge haritaları, frustum'u aralıklara böler ve her birini uygun çözünürlükte render eder. Sanal gölge haritaları bunu daha ileri taşır: Tek bir dev gölge haritası sayfalara bölünür ve yalnızca kameradan görülebilen sayfalar render edilir. AAA oyunların devasa bellek maliyetine katlanmadan oyuncunun yakınında keskin gölgeler oluşturmasını sağlayan yöntem budur. Epic'in VSM belgeleri, sanal çözünürlüğün ışık başına 16k × 16k olduğunu belirtiyor. Tom Looman'ın notlarına göre UE 5.8 ayrıca uzaktaki gölge oluşturan nesneleri clipmap'e çok daha düşük çözünürlükte çizen önceden filtrelenmiş bir uzak mesafe yolu ve sayfa geçersiz kılmayı sınırlayan bir mekanizma ekledi.

Kameranın yakınındaki gölge ayrıntısını gösteren, üst üste bindirilmiş üç renkli kademeli frustum'a sahip dış mekân sahnesi

Ayrıntılı kaynaklar:

9. Ekran uzayı efektleri (SSAO, SSR, SSGI, SSSSS) ​

Derinlik ve normal tamponlarını düşük maliyetle okumak; ortam örtme (SSAO), yansımalar (SSR), tek sekmeli küresel aydınlatma (SSGI) ve cilt için yüzey altı saçılma (SSSSS) elde etmenizi sağlar. Ekran dışındaki ayrıntıları kaçırırlar; ışın izlemenin giderek onların yerini almasının nedeni de budur. Yine de hızlı bir temel çözüm olarak hâlâ her yerde kullanılırlar.

Solda düz aydınlatmayı, sağda SSAO, SSR ve SSGI'yi karşılaştıran yan yana mutfak sahnesi Derinlemesine okumalar: - Mittring, [Yeni Nesli Bulmak: CryENGINE 2](https://www.crytek.com/wp-content/uploads/Finding%20Next%20Gen%20-%20CryEngine%202.pdf) (SIGGRAPH 2007, özgün SSAO makalesi). - McGuire ve diğerleri, [Ölçeklenebilir Ortam Örtülmesi](https://research.nvidia.com/publication/scalable-ambient-obscurance) (HPG 2012, modern SSAO). - Stachowiak ve Uludag, [Stokastik Ekran Alanı Yansımaları](https://www.ea.com/frostbite/news/stochastic-screen-space-reflections) (Frostbite, temel SSR kaynağı). - Jimenez, [Ayrılabilir Yüzey Altı Saçılması](https://www.iryoku.com/separable-sss/) (çoğu AAA motorunda cilt için kullanılan teknik). - Mara ve diğerleri, [Derin Ekran Alanı](https://research.activision.com/publications/2016/09/deep-g-buffers-for-stable-global-illumination-approximation) (Activision, SSGI'ın öncüllerinden).

10. Zamansal kenar yumuşatma ve makine öğrenimiyle çözünürlük yükseltme (DLSS, FSR, XeSS) ​

Kare, daha düşük bir dahili çözünürlükte işlenir ve hareket vektörleri, derinlik ve geçmiş kareler kullanılarak yeniden oluşturulur. Makine öğrenimi tabanlı çözünürlük yükselticiler (DLSS 4, FSR 4, XeSS), optik akıştan ara kareler üreterek bunun üzerine kare oluşturma özelliği ekler. AMD'nin FSR "Redstone" teknolojisi, RDNA 4 donanımında FSR 4'ü makine öğrenimiyle kare oluşturma, ışın yenileme ve nöral ışıma önbelleğiyle genişletiyor. Bu, çözünürlük yükseltme ile gürültü gidermenin tek bir nöral aşamada birleştiğinin en açık göstergesi. Artık çoğu AAA oyun, çözünürlük yükselticinin açık olduğu varsayımıyla yayınlanıyor; bu da karenin geri kalanı için performans bütçesini nasıl ayırdığınızı değiştiriyor.

Aynı karakterin düşük çözünürlüklü girdisiyle makine öğrenimi kullanılarak keskin biçimde yeniden oluşturulmuş çıktısının yan yana görünümü

Derinlemesine okumalar:

11. GPU güdümlü işleme ve mesh shader'ları ​

Ayıklama, LOD seçimi ve çizim komutlarının gönderimi tamamen GPU'da çalışır. Mesh shader'ları; tepe noktası/geometri/tessellation işlem hattının yerine, meshlet'ler üreten daha esnek ve hesaplama tarzı bir aşama getirir. Çoklu dolaylı çizimle birleştirildiğinde bu yaklaşım, CPU'yu nesne başına çalışan kritik döngüden tamamen çıkarır.

GPU güdümlü işlemeyi gösteren renkli meshlet kümesi katmanına sahip uzaylı uzay limanı sahnesi

Derinlemesine okumalar:

12. Saç, kumaş ve cilt işleme ​

Saçlar, tel tabanlı geometriyle birlikte Marschner tarzı anizotropik gölgelendirme kullanır (NVIDIA HairWorks, AMD TressFX veya motorun kendi sistemleri). Kumaş, konum tabanlı dinamiklerle GPU üzerinde simüle edilir ve anizotropik aynasal yansımayla işlenir. Cilt, ekran alanı yüzey altı saçılmasıyla birlikte önceden tümleştirilmiş sarmal aydınlatma kullanır. AAA ile bağımsız yapımlar arasındaki bütçe farkını genellikle en belirgin şekilde bu üçünde görürsünüz.

Tel tabanlı saçlara, kumaş pelerine ve yüzey altı saçılması uygulanmış cilde sahip bir savaşçının yakın plan görünümü

Derinlemesine okumalar:

13. Çıkartmalar, sanal dokulama ve malzeme katmanlama ​

Yüzey çeşitliliği, derinlik tamponu üzerine yansıtılan katmanlı çıkartmalardan (kurşun delikleri, kir, kan, is) ve yüksek çözünürlüklü ayrıntıları tam gerektiği anda akışla yükleyen sanal dokulardan gelir. Malzeme katmanlama, maskeler ve üç düzlemli izdüşüm kullanarak piksel başına birden fazla PBR setini harmanlar; tek bir kayanın beş farklı kaya gibi görünmesi bu şekilde sağlanır.

Kurşun izi çıkartmaları ve grafitiler bulunan yıpranmış beton sığınak duvarı ile ek olarak gösterilen sanal doku sayfası atlası

Derinlemesine okumalar:

14. Sıralamadan bağımsız saydamlık ​

Saçlar, bitki örtüsü, parçacıklar ve cam düzgün biçimde sıralanamaz. AAA motorları, bunları CPU'da sıralama aşaması olmadan doğru şekilde işlemek için ağırlıklı harmanlanmış OIT, derinlik soyma veya piksel başına bağlı listeler gibi teknikler kullanır. Bitki örtüsünün yoğun olduğu bir sahnede bu, fark edilmeden karenin en pahalı bölümlerinden biri olabilir.

Üst üste binen yarı saydam bitki örtüsü, duman, cam damlacıkları ve yarı saydam saçlar içeren orman sahnesi

Derinlemesine okumalar:

15. Nöral ışıma önbellekleme ve makine öğrenimiyle gürültü gidericiler ​

En yeni katman budur. NVIDIA'nın nöral ışıma önbelleği, dolaylı aydınlatmayı sahne bazında öğrenir ve daha fazla ışın izlemek yerine bu önbelleği sorgular. Makine öğrenimi tabanlı gürültü gidericiler (OptiX, Intel Open Image Denoise ve kuruma özel sistemler), seyrek ışın izleme sinyallerini milisaniyeler içinde temizler. Bu kategorinin önümüzdeki iki yıl içinde hızla büyümesini bekleyebilirsiniz.

Solda gürültülü, piksel başına 1 örnekle ışın izlenmiş katedral; sağda makine öğrenimiyle gürültüsü giderilmiş temiz sonuç

Derinlemesine okumalar:

Bunun tarayıcı için anlamı ​

Bu tekniklerin birkaçını WebGPU ile çalışan açık dünya tarayıcı motorumuzda kullanıma sunduk. Basamaklı gölge haritaları, GPU güdümlü örnekleme, üç düzlemli PBR, ekran alanı sisi ve clipmap tabanlı sanallaştırılmış arazi, bir tarayıcı sekmesinde 120 FPS hızında çalışıyor. Eylül 2026 itibarıyla WebGPU; Chrome ve Edge'de 113. sürümden beri, Safari 26'da macOS, iOS, iPadOS ve visionOS genelinde, Firefox'ta ise Windows (141) ve Apple Silicon Mac'lerde (145 ve sonrası) varsayılan olarak açık. Linux desteği, gpuweb uygulama durumuna göre hâlâ Nightly sürümüyle sınırlı. Three.js, r185 sürümünde WebGPU işleyicisini varsayılan yol olarak sunuyor; Babylon.js 9 (Mart 2026) ise Babylon.js 9.0 duyurusuna göre bunun üzerine kümelenmiş aydınlatma ve hesaplama shader'lı hacimsel efektler ekledi. Geri kalanlar (donanım ışın izleme, mesh shader'ları, makine öğrenimiyle çözünürlük yükseltme) henüz WebGPU belirtiminde yer almıyor; bu nedenle şimdilik web'de hesaplama shader'ı emülasyonu olarak kalıyorlar. Daha ayrıntılı bilgi için tarayıcıda açık dünya teknolojileri, manzara üretimi, oyunlar için WebGPU ve WebGL karşılaştırması ve 2026 web oyunları teknoloji yığını kılavuzlarımıza bakabilirsiniz. Belirli bir tarayıcının hangi özellikleri sunduğunu kontrol etmek isterseniz WebGL/WebGPU denetleyicimiz, bağdaştırıcı özelliklerini ve sınırlarını raporlar.

Sık Sorulan Sorular ​

Bu işleme tekniklerinden hangileri 2026'da WebGPU ile tarayıcıda çalışıyor? ​

Özel bir donanım birimi gerektirmeyenlerin çoğu çalışıyor. PBR, ertelenmiş gölgelendirme ve görünürlük tamponu gölgelendirmesi, basamaklı gölge haritaları, ekran alanı ortam örtülmesi ve yansımaları, hacimsel sis ve bulutlar, TAA, hesaplama shader'larıyla GPU güdümlü ayıklama, sıralamadan bağımsız saydamlık ve küme tabanlı geometri akışı bugün WebGPU'da çalışıyor; bunların birkaçını kendi tarayıcı motorumuzda da kullanıyoruz. Eksik olanlar, belirtimin sunmadığı bir donanım aşamasına bağlı özelliklerdir: donanım ışın izleme, mesh shader'ları ve DLSS ile FSR gibi üreticiye özel makine öğrenimi çözünürlük yükselticileri. Işın izlemeyi ve Nanite tarzı küme ayıklamayı hesaplama shader'larıyla taklit edebilirsiniz ve bunu yapanlar var; ancak yerel uygulamalara kıyasla büyük bir performans farkı beklemelisiniz. WebGPU ve WebGL karşılaştırma kılavuzumuz, bunun oyun performans bütçesi açısından ne anlama geldiğini açıklıyor.

Oyunlarda temas gölgeleri nedir? ​

Temas gölgeleri, bir nesnenin bir yüzeyle gerçekten buluştuğu yerde oluşan kısa ve keskin gölgelerdir: yerdeki bir ayak, masadaki bir fincan veya duvarla zeminin birleştiği kıvrım gibi. Normal gölge haritaları, sapma ve çözünürlük sınırları nedeniyle bunları bulanıklaştırır veya tamamen kaçırır. Bu yüzden motorlar özel bir geçiş ekler; bu genellikle derinlik tamponuna karşı yapılan kısa bir ekran alanı ışın yürütmesidir veya ışın izlemeli işleyicilerde birkaç çok kısa gölge ışınıdır. Ucuzdurlar ve nesnelerin havada süzülüyormuş gibi görünmesini engellerler. Web'de three.js, nesnenin derinliğini bir zemin düzlemi üzerine işleyerek temas gölgelerini taklit eden bir temas gölgesi örneği sunar. Bu yöntem ürün görselleri için yeterlidir, ancak tam sahnelerde kullanımı zordur.

Sanal gölge haritası nedir ve tarayıcılarda bulunur mu? ​

Sanal gölge haritası, devasa tek bir gölge haritasını (Unreal'da her ışık için 16 bine 16 bin, bkz. Epic belgeleri) sayfalardan oluşan bir küme olarak ele alır ve yalnızca kameranın gerçekten görebildiği sayfaları, her birinin ihtiyaç duyduğu çözünürlükte ayırıp işler. Böylece tüm haritanın maliyetini ödemeden yakında neredeyse piksel hassasiyetinde gölgeler elde edersiniz. Eylül 2026 itibarıyla hiçbir tarayıcı motoru VSM sunmuyor. Three.js, WebGPU işleyicisinde basamaklı gölge haritaları ve PCSS yumuşak gölgeler sunarken Babylon.js bir CascadedShadowGenerator içeriyor. WebGPU üzerinde VSM oluşturmak teorik olarak mümkün (hesaplama ve dolaylı çizimlerden oluşur), ancak henüz kimse genel amaçlı bir uygulama yayınlamadı. Bu nedenle tarayıcı sekmesinde uygulanabilir çözüm hâlâ basamaklı gölge haritalarıdır.

Web oyunları için en iyi saç işleme teknikleri nelerdir? ​

Tel simülasyonunu atlayın ve saç kartlarını iyi gölgelendirin. Gerçek zamanlı tel tabanlı saç (TressFX, Unreal'ın groom sistemi), yüksek ölçekte yoğun hesaplama gerektiren simülasyona ve sıralamadan bağımsız saydamlığa ihtiyaç duyar; bu, yerel uygulamalarda bile ağırdır ve Eylül 2026 itibarıyla three.js veya Babylon.js için kullanıma hazır bir uygulaması yoktur. Web dostu çözüm; anizotropik Kajiya-Kay ya da three.js'in TSL'si veya Babylon'ın düğüm malzemeleriyle yazılmış basitleştirilmiş bir Marschner parlaması kullanan saç kartları (dokulu, alfa testli birkaç düzine şerit), kenarları yumuşak tutmak için önce alfa testi sonra harmanlama yapan iki geçişli işleme ve kart dokusuna gömülmüş düşük maliyetli bir ortam örtme terimidir. Hareket gerekiyorsa telleri simüle etmek yerine birkaç kemik zincirini hareket ettirin. Böylece kare süresinin çok küçük bir bölümünü kullanarak görünümün büyük kısmını elde edersiniz; tüm sahnenizin tümleşik bir GPU'da 16 ms bütçesi olduğunda bu önemlidir.

Bu liste 2026'da hâlâ geçerli mi? ​

Evet; Mayıs 2026'dan bu yana yaşanan değişiklikler yeni kategorilerden ziyade iyileştirmelerdir. UE 5.8 (Haziran 2026), MegaLights'ı üretime hazır hâle getirdi, Lumen Lite'ı ve daha düşük maliyetli uzak sanal gölge haritalarını ekledi ve Unreal Engine 6'dan önceki son 5.x sürümüdür. AMD'nin FSR Redstone'u, kare üretimini, ışın yenilemeyi ve sinirsel ışıma önbelleğini tek bir makine öğrenimi paketinde birleştirerek son iki bölümdeki yönelimi doğruladı. Ayrıca WebGPU tüm büyük tarayıcılara ulaştı; dolayısıyla yukarıdaki "bunun tarayıcı için anlamı" bölümü artık platformun hazır olup olmadığıyla değil, hangi tekniklerin taşınacağıyla ilgilidir.

Tüm teknoloji yığını için ileri okumalar ​

Tek bir kitap okuyacaksanız, Real-Time Rendering, 4. baskı yukarıdaki konuların çoğunu kapsayan standart başvuru kaynağıdır. Güncel araştırmalar için SIGGRAPH'ın "Advances in Real-Time Rendering in Games" kurs arşivi (advances.realtimerendering.com), 2006'ya kadar uzanan AAA motoru derinlemesine incelemelerinin ücretsiz PDF'lerini içerir. Belirli oyunların karelerini nasıl işlediğine dair üretim analizleri için Adrian Courrèges'in GPU profilleme makaleleri mutlaka okunmalıdır.