Хочется управлять параметром прозрачности линий или их количеством (количество не на экране, а между двумя точками. Есть подозрение что яркость линий зависит от того что их рисуется не одна между точками а две и более). При наведении мышки линии меняют свою прозрачность. Возможно прозрачность там вовсе не фигурирует, а рисуется две или более линий в зависимости от положения точек и мышки.
Пример здесь
codepen.io/freislot/pen/YWJyKJ
Вот что я нашел по линиям
if (
(iStar.x - jStar.x) < config.distance &&
(iStar.y - jStar.y) < config.distance &&
(iStar.x - jStar.x) > - config.distance &&
(iStar.y - jStar.y) > - config.distance
) {
if (
(iStar.x - config.position.x) < config.radius &&
(iStar.y - config.position.y) < config.radius &&
(iStar.x - config.position.x) > - config.radius &&
(iStar.y - config.position.y) > - config.radius
) {
context.beginPath();
context.moveTo(iStar.x, iStar.y);
context.lineTo(jStar.x, jStar.y);
context.stroke();
context.closePath();
}
}
Как я понял, при выполнении этих условий рисуются линии, но по какому принципу появляется вторая линия на том же месте я не разобрался.
Простой
