Sprite nosie adjusting camera radius

[lvjing1111122]

When scrolling the mouse wheel quickly， using SpriteMap, by adjusting the camera’s Radius, a white thin line will suddenly appear on the screen and disappear immediately
Another way to reproduce this problem is to open a browser console and change the height of the current window to reproduce it
Is there a way to avoid this kind of noise

2、There is also an additional question on how to optimize the clarity of sprites. Currently, the clarity is not the clearest, at least not comparable to the original image

[lvjing1111122]

Babylon.js Playground

PG has also appeared, but in a different way. Here is the black line

[sebavan]

cc @Pryme8 who built the spritemap

[Pryme8]

You need to have some sampling buffer around your sprites.

Here is the same PG but with a properly extended sprite set.

Babylon.js Playground

Notice how the artifact no longer is there.

I think the setting in texture packer was set to 6 pixels of extrude. (To accommodate mipmapping if you are not using mipmapping you can probably just do 1 pixel).

this will also make some artifacts that you have to clean up by hand (see on the castles and houses in this example) but that is usually really easy.

This is what it looks like without:

Also when you make the sprites take up about the same screen size they render at the same quality. Can you tell which one of these is from the 3d scene and which is from the flat image?

[lvjing1111122]

Yes, it’s a perfect solution, but I still need to digest it