three.js için low-poly 3D modeller

three.js için Low-poly tarzında 3D modeller

42 modelin tamamı LOD0–LOD3 seviyeleri hazır GLB olarak gelir: three/addons içindeki GLTFLoader ile yüklersiniz ve seviyeleri lod.addLevel(mesh, distance) ile THREE.LOD'a bağlarsınız; detay seviyesi her karede kamera mesafesine göre değişir. Yapraklar alfa kartı değil gerçek geometri olduğundan alpha test ve şeffaf overdraw yok: meşe, sarıçam, huş ve bambu mobil GPU'larda bile hafif kalır.

Renk vertex colours (COLOR_0) içinde tutulduğu için sahnedeki tüm ağaçları, kaktüsleri ve kayaları tek bir paylaşılan malzeme kapsar; InstancedMesh binlerce kopyayı tek çağrıda çizer. Örnekleri chunk bazında gruplayın, çünkü THREE.LOD örnek başına çalışmaz. Bütçeler LOD0'da birkaç yüz ile iki bin civarı üçgen arasındadır. Görünmez çarpışma ağı doğrudan Rapier veya cannon-es'e verilir; her şey WebGLRenderer ve WebGPURenderer ile çalışır.

Low-poly tarzı hakkında

Low-poly bitki örtüsü, hem render hem de build boyutu açısından en ucuz stildir.

Düz gölgelendirme: yüz başına tek normal net, köşeli görünümü verir; normal map yoktur.
Renk vertex’lerde saklanır (glTF COLOR_0): doku yok, UV işi yok, neredeyse hiç video belleği yok.
Yapraklar alpha kart değil, katı geometridir: alpha test ve şeffaf overdraw yoktur; bu, mobil GPU’larda önemlidir.
Sahnedeki tüm modeller tek bir materyali paylaşabilir, böylece ağaçlar kolayca batch’lenir ve instance’lanır.
LOD0 için tipik bütçe birkaç yüz ile birkaç bin üçgen arasındadır.

Mobil, WebGL/WebGPU, VR, strateji, şehir kurma ve stilize bağımsız oyunlar için uygundur. Motorda vertex rengiyle çarpan bir materyal kullanın.

three.js içinde kullanım

three.js’te GLB’yi three/addons içindeki GLTFLoader ile yükleyin; DRACOLoader veya KTX2Loader’ı yalnızca dosya bu uzantıları kullanıyorsa ekleyin.

Mesafeye göre LOD: LOD0–LOD3 için lod.addLevel(mesh, distance) ile THREE.LOD; seviye her karede kamera mesafesine göre değişir.
Ormanlar: InstancedMesh binlerce kopyayı tek draw call’da çizer, BatchedMesh ise birkaç ağaç varyasyonunu karıştırır. THREE.LOD instance bazında çalışmaz; instance’ları her chunk için LOD’a göre kendiniz gruplayın.
Yapraklar: glTF alphaMode MASK, material.alphaTest’e dönüşür; çift yüzlü materyaller otomatik olarak side: THREE.DoubleSide alır.
Çarpışma mesh’i: görünmez tutun ve Rapier veya cannon-es gibi bir fizik kütüphanesine verin.