使用three.js显示点云。如何在本地加载文件?

时间:2019-04-30 12:37:14

标签: javascript django three.js

我正在建立一个小的网站,以便在浏览器中显示点云。我有一个示例three.js文件,该文件可以显示(x,y,z,r,g,b)的每个点,但是我不知道如何在javascript中加载大点云文件。

我使用Django作为框架。我试图渲染并发送字典,但脚本无法编译。

<!DOCTYPE html>
<html lang="en">

...

    // {% block content %}
    //
    //
    // {% for p in point %}
    //   // <p>{{p.0}}</p>
    // var particle = new THREE.Vector3(p.0,p.1,p.2);
    // geometry.vertices.push(particle);
    // geometry.colors.push(new THREE.Color(p.3,p.4,p.5));
    // {% endfor %}
    //
    //
    // {% endblock %}

    for (var x = -5; x <= 5; x++) {
        for (var y = -5; y <= 5; y++) {
            var particle = new THREE.Vector3(x * 10, y * 10, 0);
            geometry.vertices.push(particle);
            geometry.colors.push(new THREE.Color(+randomColor()));
        }
    }

...

我只想在本地目录(.ply或.txt或任何格式)中加载一个大型2D阵列文件。对每个点说x,y,z,r,g,b每行,以便我可以在three.js中显示这些点。

我是建立网站的新手,所以我真的不知道如何加载它。请帮忙!

0 个答案:

没有答案