3DTilesRendererJS项目中的环境控制优化：DPI感知的拖拽与旋转操作

在3DTilesRendererJS项目中，EnvironmentControls模块负责处理场景中的交互操作，包括拖拽和旋转等行为。近期开发者发现了一个需要优化的重要问题：当前的旋转操作实现直接使用像素坐标来计算旋转量，这在不同DPI设备上可能导致不一致的用户体验。

问题背景

在现有的实现中，旋转操作的计算基于屏幕像素坐标的差值。这种实现方式存在两个主要问题：

1. DPI敏感性：在高DPI设备上，相同的物理移动距离会产生更多的像素变化，导致旋转速度不一致。
2. 投影平面依赖性：当前实现没有明确考虑投影平面的选择，可能导致不同相机视场角(FoV)下的操作感受不一致。

技术解决方案

为解决这些问题，开发者提出了以下优化方案：

1. 世界坐标距离计算：将屏幕像素坐标转换为世界坐标系中的距离，使操作量与物理移动距离而非像素变化量相关联。

2. 投影平面标准化：

   • 将屏幕坐标投影到z=1的平面上
   • 使用适当的缩放因子(可能结合旋转点距离)进行标准化
   • 确保不同相机FoV下操作感受一致

实现细节

优化的核心在于正确处理从屏幕空间到世界空间的转换：

1. 坐标转换：将鼠标移动的屏幕坐标差值转换为世界空间中的向量变化。

2. 距离标准化：通过将坐标投影到固定距离(z=1)的平面上，消除相机参数对操作量的影响。

3. DPI感知：在计算中考虑设备像素比(DPR)，确保高DPI设备上的物理移动距离产生与标准DPI设备相同的操作效果。

预期效果

这种优化将带来以下改进：

1. 跨设备一致性：在不同DPI的设备上，相同的物理移动距离将产生相同的旋转或拖拽效果。

2. 相机参数无关性：无论使用何种视场角的相机，操作感受将保持一致。

3. 更自然的交互：用户的操作将与物理世界的直觉更加匹配，提升用户体验。

这项优化对于需要精确控制3D场景的专业应用尤为重要，特别是在需要跨多种设备部署的应用场景中。