限制場景的最大縮放 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() 。