I want to display 12k images facing the camera, with different images that have random proportions. Now I have 12k sprites with 12k unique sprite materials and the performance is not bad, but it is improvable. I made a single mesh with points and a single material, and of course the performance is…

That’s way too many draw calls, you can make it a single if you know how to patch the material. [image] Nomte: I need the materials to be unique since I have to modify(highlight) them by groups that overlaps. If you only need to highlight groups it is simple. Since you only have vertices in …

Should be possible with using BufferGeometry’s “groups” property and assigning the Mesh an array of materials. But 12.5k materials on one mesh is still 12.5k draw calls.

Thank you for the fast reply! I’ll dig into that :slight_smile: Right now I have 25k draw calls, right? Half for the unique sprites and half for the unique materials. Is that correct?

We had to do something similar for the Visions of King project, where we needed a mosaic of 100 x 100 unique portraits and we knew we couldn’t do 10,000 drawcalls. The site is no longer live, sadly, but you can see videos of the result through the link above. We ended up subdividing a single PlaneB…

@Fyrestar Definitively, your approach sounds like the way it should be. To completely understand your answer I need to learn more about handling the shaders. Excuse my ignorance, I am used to work with offline render engines where 20M objects and 200 materials is not a problem, if you can wait seve…

@titansoftime Yes, you are right. It is a lot of drawcalls. The good news is that the scene is intended to be used locally on a nice workstation. I will give it a try since I am flexible on performance efficiency. Since I am a newbie in the forum I could not mention three people in the same answer,…

I tried atlas-images before, and it worked great, but I am not able to apply that to a geometry that always face the camera like sprites or points while keeping the image aspect ratio. The fragment shader can use both fragment coordinates and varyings. Each vertex (point) can have two extra attri…

That should be perfect indeed. Right now I am not very familiar with the vertex/fragment shaders so I’ll dig in and try to make a little test tonight and be back with the results. Thank you for pointing the direction!

@prisoner849 That is really useful!! Even with fiddles samples. :smiley: I am glad not being the only one who think the shaders are “abstract and complex” hehe Thank you very much!

@Nomte I also needed to show ~100K images in a webgl scene. I combined all the images into one actual .jpg file, then loaded that .jpg into a texture, then sampled from that texture with GL_POINTS (using the Points mesh in three.js). Example: https://s3-us-west-2.amazonaws.com/lab-apps/pix-plot/ind…

A single mesh made of 12k points with 12k different materials. Is that possible?

Questions

prisoner849 August 14, 2019, 12:02pm 10

@Nomte
Hi! Maybe this post and a whole topic will be helpful.

Topic		Replies	Views
Performance concerns from using multiple materials Questions materials	2	956	July 30, 2019
What is the recommended way to do sprite or mesh batching? Questions performance	11	9632	July 20, 2020
performance: one single mesh with multiple materials or scene graph (multiple objects with single material) ? Questions geometry	9	760	November 13, 2025
Rendering many objects Questions points	6	286	April 15, 2024
Assign many materials to single mesh gives immediate performance issues Questions materials , geometry	4	873	January 18, 2018

A single mesh made of 12k points with 12k different materials. Is that possible?

Related topics