GridHelper Rendering Issue in Three.js v0.170.0

Based on the images you've shared, there does appear to be a significant change in how the GridHelper is rendered between Three.js versions 0.169.0 and 0.170.0. The grid lines in the newer version appear dotted and less defined compared to the solid lines in the previous version.

Unfortunately, the context I have doesn't contain specific information about changes to the GridHelper in version 0.170.0. This type of rendering issue could be due to:

1. An intentional change in the GridHelper implementation
2. A side effect of other rendering pipeline changes
3. A potential bug in the new version

Possible Solutions

Since this appears to be a recent change, here are some approaches you might try:

1. Check your renderer settings - Make sure your renderer's pixel ratio and antialias settings are properly configured:

JAVASCRIPTCopied
const renderer = new THREE.WebGLRenderer({ 
  antialias: true 
});
renderer.setPixelRatio(window.devicePixelRatio);

2. Create a custom grid - If the issue persists, you could create your own grid using line segments:

JAVASCRIPTCopied
function createCustomGrid(size, divisions, colorCenterLine, colorGrid) {
  const material = new THREE.LineBasicMaterial({
    color: colorGrid
  });
  const geometry = new THREE.BufferGeometry();
  const vertices = [];
  
  const step = size / divisions;
  
  for (let i = 0; i <= divisions; i++) {
    const position = (i * step) - (size / 2);
    
    // Add vertical line
    vertices.push(position, 0, -size/2);
    vertices.push(position, 0, size/2);
    
    // Add horizontal line
    vertices.push(-size/2, 0, position);
    vertices.push(size/2, 0, position);
  }
  
  geometry.setAttribute('position', new THREE.Float32BufferAttribute(vertices, 3));
  return new THREE.LineSegments(geometry, material);
}

// Usage
const customGrid = createCustomGrid(10, 10, 0x444444, 0x888888);
scene.add(customGrid);

3. Report the issue - If you believe this is a bug, consider reporting it on the Three.js GitHub repository with your example images.

I recommend checking the Three.js GitHub repository for any recent issues related to GridHelper rendering, as others might have encountered and potentially resolved this issue.