three.js - 如何处理 THREE.Vector3 中的大值并使相机正确

Question

嘿，我在 THREE.Vector3 中使用 lagre 值时遇到问题，同时让相机正确。我正在尝试将钻井路径绘制成一条线。

Y 值可以是 6000000，X 可以是 500000 米，这些是钻井的值。

下面的代码将显示一条小线，但如果我增加示例中的值，则不会显示任何内容。

那么我该如何处理像这样的大值。我将从数据库中读取那些

var camera, scene, renderer, geometry, material;

init();
animate();

function init() {
    scene = new THREE.Scene();
    camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 2000000);
    camera.position.z = 1200000

    var material = new THREE.LineBasicMaterial({
    color: 0x0000ff,
    });

    var geometry = new THREE.Geometry();
    geometry.vertices.push(new THREE.Vector3(500000, 400000, 0));
    geometry.vertices.push(new THREE.Vector3(500000, 400000, 10000));
    geometry.vertices.push(new THREE.Vector3(500000, 400000, 25000));
    var line = new THREE.Line(geometry, material);
    scene.add(line);
    renderer = new THREE.CanvasRenderer();
    renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(renderer.domElement);

}

function animate() {
    requestAnimationFrame(animate);
    render();
}

function render() {
    renderer.render(scene, camera);
}