Broken Lines

[Joe Luong]

Hello,

I used BABYLON.Mesh.CreateLines() to create the blue rectangle and  BABYLON.Mesh.CreateTube() to create the black lines outside. But all my lines and tubes are not smooth at all, looks like they are broken. 

I'm new to BabylonJS so I will really appreciate if you guys can give me some advices and suggestions.

Thanks.

[GameMonetize]

Hello

can you try to call engine.setHardwareScalingLevel(0.5)

This could help a lot with aliasing

If this is not enough, do you mind reproducing the issue in the Playground?

[Joe Luong]

Thank you for your quick response @Deltakosh. I created a sample on playground: https://playground.babylonjs.com/#JBIBJ6

I used CreateLine() for the green rectangle and CreateTube() for the white rectangle.

It looks worst when I rotate it to some camera's position like this picture below. I already added engine.setHardwareScalingLevel(0.5) but it seems like the same.

[Pryme8]

There is only so many pixels available to make them look smooth depending on the thickness of the line and the distance to it.  That is just how pixels render its the same thing for any program its just how screens display.  If your screen had a stupid amount of DPI you would not see it so much.

do an anti-aliasing pass

[GameMonetize]

Seems better with fxaa: https://playground.babylonjs.com/#JBIBJ6#1

But as @Pryme8 mentioned you should increase the thickness

[Nabroski]

I think also becourse the tube Mesh is affected by shading

https://playground.babylonjs.com/#JBIBJ6#2