如何确定Three.js与Oimo.js之间的单位比例？

我之前做3D物理交互项目时，也纠结过这个问题——一开始以为要找什么隐藏的转换系数，后来发现默认情况下两者的单位确实是1:1的，但直接用还是容易踩坑，下面分享几个比“视觉试错”高效得多的方法：

• 快速验证法：创建一个Three.js的BoxGeometry(1, 1, 1)，同时对应创建Oimo.js的Box(1, 1, 1)碰撞体，把它们完全重合放置后，丢个小球体做下落测试。如果小球的碰撞位置和视觉模型完全贴合，就说明1:1的比例是成立的。
• 统一现实单位基准：如果你的项目需要贴合现实尺寸（比如1单位=1米），那完全可以直接沿用这个设定——Oimo.js的物理世界默认就是以米为单位设计的，刚好和Three.js的无强制单位体系匹配，两边不用做任何转换。
• 同步缩放参数：如果你的Three.js模型有缩放操作（比如mesh.scale.set(3, 3, 3)），一定要把这个缩放比例同步到Oimo.js的碰撞体尺寸上，比如原本的Box(1,1,1)要改成Box(3,3,3)，否则物理碰撞范围会和视觉模型脱节。
• 可视化调试辅助：可以用Three.js的AxesHelper，或者把Oimo.js的碰撞体同步生成对应的线框几何体（比如用WireframeGeometry渲染碰撞体的轮廓），这样能直观看到两者的匹配情况，完全不用靠“试错”来调整。

其实Oimo.js的设计逻辑里，物理尺寸就是和常规3D引擎的视觉尺寸对齐的，只要保持两边的尺寸计算逻辑一致，1:1的比例是完全可靠的，不用额外找什么转换公式。

内容的提问来源于stack exchange，提问作者J.Todd