¿Cómo puedo conectar dos puntos usando una cadena de pequeñas elipses en lugar de la función stock line() en p5.js?

Estoy tratando de crear una función más 'artística' para reemplazar la función stock line() en p5.js. Para lograr esto, quiero escribir una función en la que, dados dos puntos (x, y) y (x1, y1), se dibujen densa y consistentemente pequeños círculos a lo largo de la línea que conecta los dos puntos.

Traté de escribir una función que primero encuentre todos los puntos x e y posibles y luego use un condicional para dibujar una elipse solo si la pendiente entre i y j y (x1, y1) coincide con la pendiente dada por (x, y) y (x1) , y1).

Esto solo da el resultado deseado si (x, y) y (x1, y1) tienen una pendiente de 0, 1 o indefinida; los espacios entre puntos cambian dramáticamente con cualquier otra pendiente. No puedo entender cómo obtener puntos colocados de manera consistente a lo largo de cualquier línea que ingrese.

Mi función es la siguiente:

 function customLine(x, y, x1, y1) { for (var i = x; i >= x && i <= x1; i ++) { for (var j = y; j >= y && j <= y1; j ++) { if ((j - y) / (i - x) == (y1 - y) / (x1 - x)) { fill(0); circle(i, j, 5); } } } }

También adjunté una imagen que muestra que obtengo el efecto deseado para valores de pendiente de 0, indefinido o 1, pero no cuando la pendiente es una fracción: salida del código anterior, que ilustra el problema

¿Cómo puedo arreglar mi función? ¿O hay alguna manera completamente más fácil de hacer esto? ¡Muchas gracias!