限制场景的最大缩放 Three.js

Question

我有一个 Three.js 应用程序，我想限制场景的缩放，因为从逻辑上讲，在某种缩放下，用户可以进入我的 3D object，在我看来这不是一个很好的用户体验。

我试过scene.maxZoom = number; 但没有用。 我能做些什么？

这是代码： https://github.com/AlinAlexandruPeter/code/blob/main/code.js

Answer 1

不需要 Three.js 来限制数字的范围，简单的 JavaScript 就可以了。使用Math.min(a, b)得到两个值中较小的一个。

const MAX_ZOOM = 2.5;

// Clamp user input to 2.5 and below
camera.zoom = Math.min(userInput, MAX_ZOOM);

使用这种方法，如果userInput = 3 ，它将被限制在2.5 。 如果你想将它限制在较低的范围内，还有Math.max() 。