MeshStandardMaterial: Gerçekçiliğin Kodlanmış Hali

Pratikte bu, sanatçıya şunu söyler: “Işığı tek tek hileyle boyamak” yerine yüzeyi iletkenlik (metal) ve mikro pürüzlülük (roughness) ile tanımlarsın; yansımaların neyi göstereceği büyük ölçüde sahnedeki ortam ve ışık düzeninden gelir. Aynı metalness / roughness çifti, farklı HDR ortamlarında tamamen farklı karakter okunabilir — bu bir hata değil, PBR’nin tasarım sözleşmesidir.

MeshStandardMaterial tek başına “fotoğraf modu” değildir; doğru ton eşlemesi, exposure ve (çoğu projede) çevre haritası ile birlikte düşünülmelidir. Aşağıdaki bölümlerde önce parametre sezgisi, sonra çevre bağımlılığı ve en sonda etkileşimli örnek üzerinden bu zinciri somutlaştırıyoruz.

PBR dünyasında çoğu malzeme görünümü metalness ve roughness ikilisinin dansına bağlıdır. Sık kullanılan “tarifler”:

Kartlardaki değerler başlangıç noktalarıdır; gerçek üretimde çoğu zaman metalnessMap, roughnessMap veya glTF içinde kanal birleştirme (ör. ORM dokusu) ile yüzey içi varyasyon taşınırsın. Bu sayfada harita ayrıntılarına girmeden bile şu ayrımı korumak yeterlidir: metalness “parlaklık sürgüsü” değil, dielectric ↔ conductor ayrımıdır; parlaklığın keskinliği ve yansıma bulanıklığı ise roughness ve çevre aydınlatmasıyla birlikte okunur.

Albedo (color / map) seçerken metal yüzeylerde renk bilgisinin çoğunun yansımada “yaşadığını” unutma: tam metalde difüz taban sık sık çevre tonlarına kayar; bu yüzden referans görselini tek bir spot altında değil, hedef ortamın ışığında değerlendirmek gerekir.

Doğru refleks şudur: önce çevreyi ve kamera exposure’unu oturt, sonra roughness ile yansımanın keskinliğini ayarla; metalness’i yalnızca malzeme gerçekten iletken/metal davranışı istediğinde yükselt. Dielectric bir yüzeyi “parlak” hissettirmek için çoğu zaman düşük roughness + güçlü ortam yeterlidir — metalness’i tırmalamadan.

Bu yanılgı, Phong alışkanlığından gelir: orada parlaklık ayrı bir specular rengiyle modellenirdi. Standard’da ise parlaklığın büyük kısmı BRDF + ortam konvolüsyonu üzerinden gelir; bu yüzden “aynı slider hissi” yoktur ve ilk gün kafa karıştırıcıdır — ama tutarlılık ödülü, farklı sahneler arasında taşınabilir malzeme dilidir.

Three.js tarafında çevre genelde PMREMGenerator ile ön işlenmiş bir kübik doku olarak gelir; bu, speküler lobların farklı genişliklerde doğru bulanıklaşmasına yardım eder. scene.environment sahneye yayılır; istenirse tek nesneye özel envMap da verilebilir — ikinci yol, varyasyon için güçlü olsa da bellek ve tutarlılık maliyetini artırır.

Aşağıdaki etkileşimli örnekte prosedürel bir ortam kullanıldığı için harici HDR dosyası yoktur; yine de “IBL kapatılınca metalin neden solgunlaştığı” dersi aynen geçerlidir. Sayısal ayrıntılar figür altındaki özetle birlikte demo sabitleri tablosunda toplanır; burada odak iş akışıdır: önce ortamı doğrula, sonra metalness / roughness ile formu şekillendir.

Bu sahnede sol taraftaki facet’li gövde tam PBR parametreleriyle güncellenir; sağdaki küçük küre ise dielectric bir referans baseline olarak sabit kalır — böylece metalness / roughness oynatırken “tamamen metal mi, yoksa parlak dielectric mi?” ayrımını gözle karşılaştırabilirsiniz. Üstteki onay kutusu scene.environment’ı açıp kapatır; bu tek hareket, bir önceki bölümdeki “çevresiz metal” uyarısını sahada anında gösterir.

Readout satırı anlık değerleri kısaltır; ışık yerleşimi, IBL yoğunluğu ve spot açısı gibi ince ayarlar figür altındaki açıklamada — metinleri üst üste binmeden okumak için önce sürgüleri deneyip sonra alt yazıyı tarayın. Tüm sayısal ölçüler demo sabitleri tablosunda diagram-standard-material.js ile eşlenir.

initStandardDemo · prosedürel ortam PMREMGenerator.fromScene ile üretilir; ana sahnede ızgara, dodecahedron + referans küre, çoklu ışık ve IBL aç/kapa ile doldurma güçlendirme (fillLow / fillBoost). Gölge haritası yok.

apply() sürgülerden metalness ve roughness okur; IBL kapalıyken ortamı kaldırıp dolgu ışıklarını güçlendirir — böylece “karanlık metal” yerine kontrollü bir sahnede aynı karşılaştırma okunabilir kalır.

Tipik bir PBR kurulumu, glTF ile uyumlu düşünüldüğünde aynı parametreler başka motorlarda da tutarlı kalır. Üretimde sıradaki adım genelde aoMap, normalMap, roughnessMap ve metalnessMap (veya birleşik ORM) ile yüzey detayını eklemektir; aşağıdaki örnek yalnızca çekirdek API’yi gösterir.

Renderer tarafında tone mapping ve doğru renk uzayı seçimi, PBR’nin “doğal” görünmesi için ayrı bir sıradır; demo scriptinde bu yüzden filmik tonlama ve sRGB çıkışı kullanılır — koddaki tek satırlık materyal örneği, bu bağlamın yer tutucusudur.

Doku yüklerken colorSpace ve flipY bayraklarını hedef formatına (ör. glTF içe aktarımda beklenen renk uzayı ve doku yönü kuralları için) göre ayarlamayı unutmayın; yanlış uzay, PBR’de “her şey yağlı” veya “her şey tozlu” gibi sistematik hatalara dönüşür. Ortam haritası ürettiğinizde PMREMGenerator çıktısını ve geçici sahne nesnelerini kullanım sonrası dispose etmek bellek basıncını azaltır.

Bu ayrım “kalite düşürmek” değil, dikkat bütçesini yönetmektir: izleyici nereye bakıyorsa orada tam BRDF, periphery’de ise daha ucuz shading ile kare başına maliyet sabitlenir. İçerik takımında bunu netleştirmek, sanat ile mühendislik arasındaki en sık çatışmayı erken kapatır.

Son kontrol listesi: hero mesh için ortam + temel ışık düzeni, LOD geçişinde materyal ailesi (Standard → Lambert / Basic), mobilde doku çözünürlüğü ve roughness/metalness haritalarının gereksiz yüksek frekans taşımadığından emin olma. Bir sonraki derste MeshPhysicalMaterial ile cam, transmisyon ve clearcoat gibi Standard’ın üstüne çıkan katmanları ele alıyoruz.