holodepth

Three.js · Görünüm

Materyal düşüncesi ve PBR felsefesi

Bu sayfa PBR formüllerini veya kod yazmayı öğretmez; materyali sahnede doğru okumak için bir zihinsel model kurmanıza yardım eder. Three.js'te materyal, geometrinin üzerine giydirilen optik tabakadır — ama aslında yalnızca bir renk kutusu değildir.

İleri geometri yolculuğunun ardından (attributes lifecycle & buffer yönetimi) materyal tarafına geçiş burada başlar; uygulama dalında ilk somut tür MeshBasicMaterial sayfasıdır.

Materyal düşünce sistemi (mental model)

Kısa özet

Geometri şekli belirler; materyal ise onu "ne olduğunu" hissettirir. Aynı küre hem cam hem lastik hem boyalı metal gibi algılanabilir — farkı veren, ışıkla kurulan ilişkidir.

Materyal, yalnızca renk değildir

Materyal, ışık ile yüzey arasındaki etkileşimin tanımıdır: gelen ışığı ne kadar emer, hangi yönde yansıtır, ne kadar dağıtır, metalik mi dielektrik mi davranır? Bu soruların yanıtı tek bir hex renkte saklı değildir; sahne aydınlığı ve çevre ile birlikte okunur.

Aynı geometri, farklı materyallerle tamamen farklı bir nesne gibi algılanabilir. Köşe sayısı değişmeden, beyniniz "bu cam", "bu kumaş" veya "bu paslı plaka" der — çünkü görsellik = materyal + ışık birlikte üretilir.

Işıkla birlikte düşünmek

Aydınlatmasız veya eksik ışıkla "materyal bozuk" sanılan pek çok sahne aslında optik bilgiyi tamamlayacak ışık veya çevre yansıması olmadan bırakılmıştır. Işığın ne olduğunu ve neden bazı materyallerin karanlıkta kaybolduğunu Işık Nedir? başlığında özetlemiştik; burada kritik nokta şudur: materyali değerlendirirken ışığı ayrı bir faktör olarak hayal etmek gerekir.

PBR neden var? (felsefe, tekrar değil)

PBR (Physically Based Rendering), "bu yüzey gerçekte nasıl davranır?" sorusuna ortak bir dil verir. Teknik ayrıntıları başka sayfalarda derinleştireceğiz; burada yalnızca iki ilkeyi düşünce çerçevesi olarak tutun:

  • Enerji korunumu: Yüzey sihirli bir ampul değildir; yansıttığı parlaklık, gelen ışığın üstüne çıkamaz. Bu, sahnenin tutarlı ve inandırıcı kalmasına yardım eder.
  • Mikro yüzey: Pürüzsüz sandığımız her yüzey, mikro ölçekte düzensizdir; bu düzensizlik parlama ve dağılım karakterini belirler — yani "mat / parlak" hissini.

Bu ikisi, "neden bazı materyaller her ortamda aynı güvenle kullanılabilir?" sorusunun felsefi cevabıdır; parametre ve harita listesi ise uygulama katmanıdır.

Çevre ve yansıma: boşluğa ne yansıyor?

Özellikle metalik veya parlak yüzeyler, etraflarında yansıtacak bir dünya arar. Ortamda yansıma yoksa, materyal verisi ne kadar zengin olursa olsun sonuç sık sık düz ve karanlık kalır. Bu yüzden scene.environment gibi çevre haritası atamaları yalnızca bir "ayar" değil, materyalin anlamını tamamlayan bağlamdır.

Holodepth notu: Çevre haritası (environment)

PBR düşüncesinde metalik yüzey, çevresini okuyan bir ayna gibidir; yansıyacak HDR veya çevre içeriği yoksa "parlak metal" beklentiniz ekranda karşılık bulmayabilir. Çevreyi eklemek, materyalin tasarım niyetini izleyiciye taşır.

Sonraki adım: teknik derinlik

MeshStandardMaterial parametreleri, doku haritaları, colorSpace, envMapIntensity ve tam kod örnekleri — bunların hepsi uygulama rehberi konusudur ve içerik haritasında Materyal türleri dalı altında tek tek açılacaktır (ör. MeshStandardMaterial, normal / roughness haritaları). Bu giriş sayfası, o sayfalara geçmeden önce doğru soruları sormanı sağlamak içindir.