When rendering a mesh in WebGL with Regl I noticed visual artifacts start to appear as the mesh increases in size in terms of its coordinates.
See the live example at https://jsfiddle.net/yxzuo2aq/2/ or the screenshot below.
Visually nothing should change as you increase x since the camera and persective are updated accordingly but as x goes above 1000
the artifacts start to appear.
I assume this has something to do with WebGL?
Is the best way to avoid those kind of artifacts by downsizing the mesh's coordinates prior to rendering?