无法在 3js 中从 PCDLoader 绘制 pcd 文件

Question

我正在尝试按照提到的示例绘制 pcd 文件 here. WIth the given pcd I am able to plot but the pcd I have I am not able to plot. I cross checked the format and there were no errors as well in browser. Here is my pcd file。我没有弄错。

Answer 1

我已经在我的电脑上测试了你的 PCD 文件，它呈现了 find。但是，仅替换上述示例中的 PCD 文件是行不通的，因为数据集的空间分布完全不同。因此，您需要不同的相机和控制设置。您应该可以使用以下基本代码看到点云：

var camera, container, scene, renderer;

init();
animate();

function init() {

    scene = new THREE.Scene();

    camera = new THREE.PerspectiveCamera( 15, window.innerWidth / window.innerHeight, 0.1, 1000 );
    camera.position.z = 700;

    scene.add( camera );

    renderer = new THREE.WebGLRenderer( { antialias: true } );
    renderer.setPixelRatio( window.devicePixelRatio );
    renderer.setSize( window.innerWidth, window.innerHeight );
    document.body.appendChild( renderer.domElement );

    var loader = new THREE.PCDLoader();
    loader.load( './models/pcd/binary/test.pcd', function ( points ) {

        points.material.size = 5;

        scene.add( points );

    } );
        container = document.createElement( 'div' );
        document.body.appendChild( container );
        container.appendChild( renderer.domElement );

        window.addEventListener( 'resize', onWindowResize, false );

}

function onWindowResize() {

    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();

    renderer.setSize( window.innerWidth, window.innerHeight );

}

function animate() {

    requestAnimationFrame( animate );

    renderer.render( scene, camera );

}

无法在 3js 中从 PCDLoader 绘制 pcd 文件

Not able to plot pcd file from PCDLoader in 3js

three.js

point-clouds

lidar