Question

我无法想出使用three.js创建交互式视频进度条的好方法..而且我无法找到在任何地方进行的示例。

我可以很好地绘制视频的进度（带有画布纹理的平面）但是用光线投影选择新的进度点是我无法弄清楚的。我尝试在点击时检查世界坐标（相交[0]。点），条形范围从-3x到2x但我不知道如何将其转换为100％（我的数学不是＆＃39 ;足够好）。这似乎也是一个坏主意，因为它取决于保持控件的固定

我是不是错了？

Answer 1

你可以比较飞机的坐标和光线投射命中，看起来你已经在它上面了。

要将-3x转换为2x为百分比，请执行以下操作：

value = (x + 3) / 5; // will return something between 0 and 1,
                     // multiply by 100 to get percentage

基本上偏移补偿除以平面长度。