javascript - 物体距离的倒数

Question

如果我将对象的 var distance; 设置为 100。当它向 0 的距离移动时，我希望增加不透明度。我将如何使用递增的 100 来反转不透明度？我可以使用数学来做到这一点吗？

我是否只使用 var count 从 0 到 1 计数？

Answer 1

您可以使用 opacity = (100 - distance)/100。

这样，当距离为 100 时，不透明度将为 0，当距离为 0 时，不透明度将为 1。

一般来说，如果你想要一个转换，以便 x 从 xa 移动到 xb y 相应地移动从 ya 到 yb 你可以使用

y = ya + (x - xa) * (yb - ya) / (xb - xa)