Faydalarını kaybetmeden geometri / ağın birleştirilmesi

Three.js'de, çizim çağrılarının miktarını sınırlamak ve böylece performansı artırmak için geometriyi birleştirebiliriz. Tek bir malzeme ile yapılan basit bir testte, GTX660 GPU'mda 60.000 / saniyede 50.000 küp + gölge çizebilirim. Geometri birleştirme olmadan, 5.000 küp zaten bir soruna neden oldu.

Her küp ağını kendi başına oluşturmanın faydalarını nasıl koruyacağımı merak ediyorum. Örneğin, her şey bir geometriye birleştirildiğinde bir küp kafes nasıl seçilir? Varsayılan olarak bu elbette mümkün değildir.

Bu problem için ortak bir teknik var mı? Sonuçta birleştirmeden sonra bile tüm birleştirilmemiş kafes nesneleri var. Yani onları toplamak için kullanmanın bir yolu olmalı?

Özetle ne yapmak istiyorum

• SimCity öğrenme amaçlı oyun gibi
• Her ev bir küp örgüdür
• 50.000 konut oluşturmak ve konut ekleyip çıkarabilmek
• Fare imleci (toplama) ile ev seçimi mümkün olmalıdır

Tamam anladım. Tüm geometriyi bir araya getirdikten sonra, hala bir dizide bireysel ağlar var. Bu yüzden, oluşturulmamış olsalar bile, bu kafesleri yeniden yayınlamak için kullanabilirim. Bunu fark etmem bir süre aldı.

Toplama için bu oktree uygulamasını kullanıyorum: http://threejs.org/examples/#webgl_octree_raycasting

Bu, güncelleme başına kavşak testlerini 50.000'den ~ 500'e düşürür. Oktree olmadan fps çok azalır.

Gördüğünüz turuncu toplama gövdesi, aslında değiştirilmiş malzeme ve değiştirilmiş boyut ile şimdi oluşturulmuş örgü (+1 çizim çağrısı).

Sanırım bir sonraki adım bir tür harita bölümlemesi uygulamak. Yani, birleştirilmiş geometriyi birkaç parçaya ayırın. Bunun nedeni, birleştirilmiş geometrinin çok miktarda köşeye sahip olmasıdır. Bu, haritayı% 99 ekran dışına taşırsam, grafik kartının hala tüm köşeleri işlemesi gerekir, çünkü geometri hala görüntüdedir, en azından% 1'i. Bu nedenle, parçalanırsa, yalnızca görünümdeki parçaların oluşturulması gerekir.

Toplama için her küpün kimliğini başka bir oluşturma hedefine oluşturabilir ve sadece imlecin kimlik değerinin ne olduğunu kontrol edebilirsiniz. Avantajı, toplama işleminin piksel mükemmel olması ve daha karmaşık geometri için de verimli bir şekilde çalışmasıdır.

Tüm nesneler aynı geometriye sahipse, anlık oluşturmayı kullanabilirsiniz. Bir akış geometriyi tanımlar, diğeri örnek başına özellikleri tanımlar (örn. Dönüşüm). Frustum culling için görünürlük testine dayalı olarak her kareyi örnek akışını oluşturmanız gerekir. Büyük miktarda nesneniz varsa, bu nesneleri gevşek bir oktree veya culling hızlandırmak için bir şey koymak isteyebilirsiniz.

Three.js'nin ayrıntılarından emin değilim, ancak genel olarak OpenGL'de iki olası performans domuzu akla geliyor:

1. Örneklemeyi düşündünüz mü? Sadece bir çizim çağrısına ihtiyacınız olacak ve daha az VRAM kullanacaksınız.
2. Toplama algoritmasına ciddi bir şekilde baktınız mı? Küpleriniz bir ağaç yerine bir listede sınırlayıcı hacimlere sahipse, bu büyüklükteki bir farkı açıklar.

Yapabileceğiniz bir başka yaklaşım, geometrinize bir köşe özelliği oluşturmak ve parça gölgelendiricinize vurgu mantığı koymaktır. Bellekte iki veri kopyası olmasını istemediğinizde son derece kullanışlıdır ve vurgulamanın nasıl uygulandığı konusunda daha fazla kontrole sahip olursunuz.