How to use Atlas combination to display sprites?

Use canvas 1 to create sprite 1, 2, and 3, Use instancedMesh shaderMaterial

canvas
1


sprite1
2


sprite2
3


sprite3
4


Atlas data

You can use tools like this to draw custom BDF fonts in real time inside a THREE.CanvasTexture

Then THREE.InstancedBufferAttribute to change lines between instances.

1 Like


I want to add a large number of sprites. For performance reasons, I chose to use instancedMesh and shader to implement them. However, if each sprite generates a texture, the performance is relatively poor because many words are repeated. Therefore, I drew all the words that appeared on a canvas and wanted to display the sprites through UV