我正在开发一个 Web 服务,其主要功能围绕显示二进制 .ply 文件进行解析。为了打开和可视化点云,我使用 Three.js 中的 PLYLoader。我用它来展示来自互联网的示例文件,它起作用了。但是当我尝试附加我的 .ply 文件时却没有。我使用 Three.js 因为我需要最佳显示,我的文件至少有 70mb。
此处的 .ply 文件示例: https://onedrive.live.com/redir?resid=7DDB287362EDFD5A!761&authkey=!AOHxkZk-6etH--0&ithint=file%2cply
我注意到我拥有的 .ply 文件与我之前显示的 .ply 文件有点不同。在我的文件中没有面只有点。
所以基本上我的问题是“是否可以使用 Three.js 显示点云?或者我应该使用其他库吗?如果可能的话,有人可以帮助我配置我的代码以使其正常工作吗?
这是我支持 .ply 文件的脚本:
var cameraControls;
var container = document.getElementById("three");
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, container.offsetWidth / container.offsetHeight, 0.1, 1000 );
var renderer = new THREE.WebGLRenderer();
renderer.setSize( container.offsetWidth, container.offsetHeight );
document.getElementById("three").appendChild( renderer.domElement );
cameraControls = new THREE.OrbitControls( camera, renderer.domElement );
cameraControls.target.set( 0, 0, 0 );
cameraControls.addEventListener( 'change', render );
var geometry = new THREE.BoxGeometry( 3, 3, 3 );
var material = new THREE.MeshPhongMaterial( { color: 0x00ff00 } );
var cube = new THREE.Mesh( geometry, material );
var loader = new THREE.PLYLoader();
loader.load( 'resources/cube.ply', function ( geometry ) {
geometry.computeFaceNormals();
var material = new THREE.MeshStandardMaterial( { color: 0x0055ff } );
var mesh = new THREE.Mesh( geometry, material );
mesh.position.y = - 0.25;
mesh.rotation.x = - Math.PI / 2;
mesh.scale.multiplyScalar( 1 );
mesh.castShadow = true;
mesh.receiveShadow = true;
scene.add( mesh );
} );
var directionalLight = new THREE.DirectionalLight( 0xffffff, 0.5 );
var light = new THREE.AmbientLight( 0x404040 ); // soft white light
scene.add( light );
directionalLight.position.set( 0, 1, 0 );
scene.add( directionalLight );
camera.position.z = 5;
function render() {
requestAnimationFrame( render );
renderer.render( scene, camera );
}
render();
最佳答案
使用THREE.MeshNormalMaterial
。由于某些奇怪的原因,它使用 MeshNormalMaterial 加载纹理
关于javascript - 加载没有面的 PLY 文件 - Three.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37038707/