基于PLY格式点云体素模型的three.js上传接口编写

本人查阅了相关资料发现体素的内容，可能被研究的比较透，相关的文档都少到找不到。

以点云的PLY文件为例子，ply既可以保存点云和他的面片，也可以用来保存体素。

但是在three.js中 虽然自带有一个PLYloader 如下图所示：

但这个PLYloader只能加载 面片化的ply文件，对于体素化的ply文件能够读取到相关的信息，但是却无法在浏览器中显示。究其原因是因为体素ply 和面片ply 的数据形式是有点不一样的。

我们来打开两个不同的ply文件对比下（注意，ply文件需要将 binary二进制转换为ascii格式，不然无法使用txt打开）

左边是体素化的ply文件，相对后面正常的Ply 少了几个参数还有面片的连接信息也没用。（这个你们打开自己看）

重点说明一下 体素模型重点看那6位数的 前三位数代表XYZ,后三位数代表255的RGB。

这下有了坐标和颜色 其实已经可以生成体素了，当然我们要在浏览器里生成。

const file_loader = new THREE.FileLoader();
        file_loader.load("LOOK.ply",function (data){
            ply_data.file_data =data
            ply_data.point_list = ply_data.file_data.split('end_header\n')[1].split("\n")
            //console.log(ply_data.point_list)
            let positons = []
            let colors= []
            let num;
            num = ply_data.point_list[1]
            //针对 ply_data.point_list 进行数据清理
            ply_data.point_list.length -= 1;
            //删除两项
            ply_data.point_list.shift();
            ply_data.point_list.shift();

            for (let point_str of ply_data.point_list){
                //console.log(point_str)
                let str_list = point_str.split(" ")
                positons.push(str_list[0],str_list[1],str_list[2])
                colors.push(str_list[3]/255,str_list[4]/255,str_list[5]/255)

                //生成一个矩形
                var material2 = new THREE.MeshBasicMaterial(  );
                var cubeGeometry2 = new THREE.BoxGeometry(1,1,1);
                var cube =new THREE.Mesh(cubeGeometry2, material2)
                cube.position.x =str_list[0]
                cube.position.y =str_list[1]
                cube.position.z =str_list[2]
                cube.material.color.r=str_list[3]/255
                cube.material.color.g=str_list[4]/255
                cube.material.color.b=str_list[5]/255

                scene.add(cube)
            }

所以借助three.js写个接口，原理就是对txt文件进行分割，找到每一段的内容，其中的矩形自己生成，这里我用的mesh生成，没有找到setAttribute的这个方法，我看PCDloader里加载点云是用的这个方法批量添加，不过在mesh的正方体里没找到。。。 所以循环生成的，正应该会影响加载的速度。

最后加载的结果：

体素模型的缺点，由于浏览器加载太拉跨了，不优化的情况下 生成不了太多的小方块（优化估计也悬），不然很容易卡死，这也是three.js里不怎么用体素的原因吧。