Babylon.js için low-poly 3D modeller: ağaçlar

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

Babylon.js için low-poly bitki örtüsü tek bir GLB uzağında: @babylonjs/loaders içindeki glTF yükleyicisiyle yükleyin (ImportMeshAsync, çok kopya için LoadAssetContainerAsync), ardından lod0.addLODLevel(30, lod1) ve addLODLevel(80, lod2) zincirini kurun; uzaktaki ağaçlar böylece neredeyse bedava. Renk vertex colors (COLOR_0) içinde, yüzeyler flat shading olduğu için Meşe, Ladin, Bambu veya Saguaro tek materyali paylaşıp temiz biçimde gruplanıyor.

Seçkideki 42 model LOD0'da birkaç yüz ile iki bin arası üçgen kullanıyor; yanında LOD1–LOD3 ve checkCollisions ya da Havok için görünmez çarpışma ağı var. Binlerce ağaç thinInstanceAdd ile mesh başına tek draw call'da çiziliyor; createInstance ise yalnızca her bitkinin seçilebilmesi gerektiğinde. Şehir kurma, strateji ve mobil WebGL/WebGPU sahneleri için uygun.

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.

Babylon.js içinde kullanım

Babylon.js, GLB’yi @babylonjs/loaders içindeki glTF yükleyicisiyle yükler: ImportMeshAsync (eski kodda SceneLoader.ImportMeshAsync) ya da instantiateModelsToScene ile çok sayıda kopya gerektiğinde LoadAssetContainerAsync.

LOD: lod0.addLODLevel(30, lod1), addLODLevel(80, lod2) vb.; mesh yerine null vermek nesneyi o mesafeden sonra gizler.
Binlerce ağaç: thin instance’lar (thinInstanceAdd ve matrisler) mesh başına tek draw call ile çizilir; her ağacın kendi picking’i veya mantığı gerekiyorsa normal createInstance kullanın.
Yapraklar: glTF MASK, alpha test’li bir PBRMaterial’e (MATERIAL_ALPHATEST) dönüşür.
Çarpışma mesh’i: isVisible = false yapın ve checkCollisions veya Havok fiziğiyle (MESH şekilli PhysicsAggregate) kullanın.