FoliMesh

three.js için Gerçekçi tarzında Kaktüs ve sukulentler

three.js'te çöl sahneleri için bu beş gerçekçi kaktüs seçkisi — Saguaro, Fıçı kaktüsü, Dikenli armut, Agav ve Aloe — LOD0–LOD3 seviyeleri ve tabanda pivot ile GLB olarak gelir. Dosyayı three/addons içindeki GLTFLoader ile yükleyip her seviyeyi lod.addLevel(mesh, distance) ile THREE.LOD'a bağlayın; motor mesh'leri kamera mesafesine göre değiştirir.

Gövde ve yaprak materyalleri glTF 2.0 metal/roughness akışına uygun ayrı PBR setleridir; maskeli yaprak kartları material.alphaTest ve side: THREE.DoubleSide olarak gelir. Görünmez çarpışma mesh'ini Rapier veya cannon-es'e verin. WebGLRenderer ve WebGPURenderer ile çalışır. Zemini sıklaştırmak için InstancedMesh ile çoğaltın; örnekleri chunk başına LOD'a göre gruplamak size kalır, çünkü THREE.LOD örnek başına uygulanmaz.

Modeller
5
Detay seviyeleri
LOD0 – LOD3
Formatlar
GLB · FBX · OBJ

Gerçekçi tarzı hakkında

Gerçekçi modeller, glTF 2.0, Unity, Unreal, Godot ve three.js’in doğrudan okuduğu PBR metal/roughness iş akışını kullanır.

  • Kabuk: gövde ve dallarda renk, normal ve pürüzlülük haritaları.
  • Yapraklar: yaprak kümesi dokulu alpha test (masked) kartlar; alpha blend değil, bu yüzden derinlik yazar, sıralama gerektirmez ve doğru gölge düşürür.
  • Kabuk ve yapraklar ayrı materyal kullanır; draw call sayısı öngörülebilir kalır ve GPU instancing sorunsuz çalışır.
  • LOD0 yakın plan içindir; LOD1–LOD3 dalları ve yaprak kartlarını azaltır, son seviye uzak mesafe için yeterince hafiftir.

PC ve konsolda birinci ve üçüncü şahıs oyunlar, hayatta kalma, açık dünya ve simülatörler için idealdir. Mobilde en yakın seviye olarak LOD1 veya LOD2 kullanın ve yaprakların overdraw’ına dikkat edin.

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.

Hem WebGLRenderer hem de WebGPURenderer ile çalışır.

Paketler

Diğer kategoriler

Diğer tarzlarda aynısı

Diğer motorlar için aynısı