WebGL / Three.js值的邊界

Question

我正在使用Three.js創建一個星系，並且試圖將所有內容設置為現實。 因此，位置和大小的值會變得非常大。

因此，我處理的那些值在0到〜1 * 10 ^ 20的范圍內。 但是，我注意到值>〜1 * 10 ^ 6和<〜1 * 10 ^ -5會引起問題，例如visibility ，光線投射和其他東西。

那么，值的大小有個限制嗎？ 或者是與其他問題相關的問題，可以通過技巧來避免。

Answer 1

一定要看這個例子

由於值較大，因此應使用對數深度緩沖區。

在初始化渲染器時

var renderer = new THREE.WebGLRenderer({logarithmicDepthBuffer: true });

你的小提琴應該完美地工作

我不知道射線廣播，但是應該不會造成任何問題。 特別是如果您在gpu上執行此操作，則結果應等於渲染的圖像