Improved point detection accuracy on mouse hover

src/modules/Points/draw-points.vert

@@ -16,6 +16,7 @@ uniform float spaceSize;
 uniform vec2 screenSize;
 uniform float greyoutOpacity;
 uniform bool scaleNodesOnZoom;
+uniform float maxPointSize;
 
 varying vec2 index;
 varying vec3 rgbColor;
@@ -28,7 +29,8 @@ float pointSize(float size) {
   } else {
     pSize = size * ratio * min(5.0, max(1.0, transform[0][0] * 0.01));
   }
-  return pSize;
+
+  return min(pSize, maxPointSize * ratio);
 }
 
 void main() {  

src/modules/Points/find-hovered-point.vert

@@ -25,7 +25,7 @@ float pointSize(float size) {
   } else {
     pSize = size * ratio * min(5.0, max(1.0, transform[0][0] * 0.01));
   }
-  return min(pSize, maxPointSize);
+  return min(pSize, maxPointSize * ratio);
 }
 
 float euclideanDistance (float x1, float x2, float y1, float y2) {
@@ -45,7 +45,7 @@ void main() {
   vec2 pointScreenPosition = (final.xy + 1.0) * screenSize / 2.0;
   rgba = vec4(0.0);
   gl_Position = vec4(0.5, 0.5, 0.0, 1.0);
-  if (euclideanDistance(pointScreenPosition.x, mousePosition.x, pointScreenPosition.y, mousePosition.y) < pointRadius) {
+  if (euclideanDistance(pointScreenPosition.x, mousePosition.x, pointScreenPosition.y, mousePosition.y) < pointRadius / ratio) {
     float index = indexes.g * pointsTextureSize + indexes.r;
     rgba = vec4(index, pSize.r, pointPosition.xy);
     gl_Position = vec4(-0.5, -0.5, 0.0, 1.0);

src/modules/Points/find-points-on-area-selection.frag

@@ -22,7 +22,7 @@ float pointSize(float size) {
   } else {
     pSize = size * ratio * min(5.0, max(1.0, transform[0][0] * 0.01));
   }
-  return min(pSize, maxPointSize);
+  return min(pSize, maxPointSize * ratio);
 }
 
 void main() {

src/modules/Points/index.ts

@@ -159,6 +159,7 @@ export class Points<N extends CosmosInputNode, L extends CosmosInputLink> extend
         screenSize: () => store.screenSize,
         greyoutOpacity: () => config.nodeGreyoutOpacity,
         scaleNodesOnZoom: () => config.scaleNodesOnZoom,
+        maxPointSize: () => store.maxPointSize,
       },
       blend: {
         enable: true,