Процентное соотношение двух чисел обратно, как?

Question

[Кирилл Резанов]

Всем привет! Тут у меня ёкнуло и я решил написать свою китайскую копию либы ParticlesJS, как говорится, ну а почему бы и нет? Написал основной функционал и встрял на одном моменте, когда точки приближаются и отдаляются друг от друга, то линии между ними появляются и исчезают слишком резко, а должно быть так, чтобы - чем больше дистанция между точками, тем более прозрачная линия, по факту, она будет как-бы испаряться. Так вот, не могу понять как мне вычислить процентное соотношение расстояния между точками так, чтобы чем дальше, тем меньше процент. Вроде-бы всё понятно, но этот момент съел мне весь мозг сегодня.

Код: https://codepen.io/KirillRezanov/pen/aboPEJB

Answer 1

[xmoonlight]

Расстояние - в знаменатель дроби.

this.ctx.strokeStyle = "rgba(255,255,255,"+(this.distance / (10*dist)) +")";
console.log(this.distance / (10*dist));

Comments

[Кирилл Резанов]

Не получается, пробовал уже делить расстояние по умолчанию на расстояние между точками. Ничего не получается.

[Кирилл Резанов]

Я нашел решение, нужно было результат деления умножить на 0,1.

[Роман]

Кирилл Резанов, не глупо ли добавлять умножение на 0.1 если можно просто расстояние по умолчанию уменьшить в 10 раз?

[xmoonlight]

Кирилл Резанов, нужно множитель к знаменателю добавить (в вашем случае: домножить знаменатель на 10). Т.е. усилить затухание.
Кстати, можно ещё подумать: как не рисовать линии вообще, если расстояние больше какого-то значения, для увелечения производительности кода (и, тем самым, уменьшить ресурсопотребление).

[Кирилл Резанов]

Роман, здесь идет акцент на том, что пользователь сам будет задавать расстояние по умолчанию.

[Кирилл Резанов]

xmoonlight, они у меня и не рисуются, если расстояние между точками больше расстояния по умолчанию. Просто идет проверка расстояния между точками и сравнения с расстоянием по умолчанию. Вариант с умножением на 0,1 работает лучше, чем если умножать знаменатель на 10. Это не работает.

[xmoonlight]

Кирилл Резанов, скобки забыли в знаменателе!

[Кирилл Резанов]

xmoonlight, то-же самое получается, что и при умножении всего выражения на 0,1, как по мне. Разницы не заметил.

[xmoonlight]

Кирилл Резанов,

1. Вариант с умножением на 0,1 работает лучше, чем если умножать знаменатель на 10. Это не работает.

2. то-же самое получается, что и при умножении всего выражения на 0,1, как по мне. Разницы не заметил.

Ну, явно, что Вы - чуть-чуть лукавите тут)

То, что разницы нет (если со скобками Вы делали всё корректно) - это правильно.
Т.к. умножить на 0.1 - это тоже самое, что разделить на 10.

Ответ-то, в итоге, мой - верный?)

[Кирилл Резанов]

xmoonlight, наши ответы верны)

[xmoonlight]

Кирилл Резанов, Согласен!
Тогда отмечайте мой ответ решением вашего вопроса.

[Кирилл Резанов]

xmoonlight, Надеюсь, это кому-нибудь пригодится.

[xmoonlight]

Кирилл Резанов, Если вставите картинку (результат работы) в вопрос и оставите ссылку с кодом - то уверен, что люди воспользуются и ни раз.