Three.js胖线hilbert3D指向

2024-05-06 • 问答

我试图实现与思维一致，我发现了这个example

但是示例使用：

var points = GeometryUtils.hilbert3D( new THREE.Vector3( 0,0 ),20.0,1,2,3,4,5,6,7 );

我不想使用它，而是想创建一个带有Vector3点数组的线。

var geometry = new LineGeometry();
            geometry.setPositions( positions );
            geometry.setColors( colors );

            matLine = new LineMaterial( {

                color: 0xffffff,linewidth: 5,// in pixels
                vertexColors: true,//resolution:  // to be set by renderer,eventually
                dashed: false

            } );

            line = new Line2( geometry,matLine );
            line.computeLineDistances();
            line.scale.set( 1,1 );
            scene.add( line );

基本上，在示例中它使用位置，我想使用点代替。

谢谢

无法将URL url=new URL(input); BufferedReader br=new BufferedReader(new InputStreamReader(url.openStream())); String inputLine; while((inputLine=br.readLine())!=null) System.out.println(inputLine); br.close();的数组传递给THREE.Vector3()。但是，您只需要将数据转换为THREE.LineGeometry模式，设置就可以正常工作。

[ x1,y1,z1,x2,y2,z2,... ]

let camera,scene,renderer;

init();
animate();

function init() {

    camera = new THREE.PerspectiveCamera( 60,window.innerWidth / window.innerHeight,0.1,10 );
    camera.position.set( 0.5,0.5,2 );

    scene = new THREE.Scene();
    
    const points = [ 
      0,1,0
    ];

    const geometry = new THREE.LineGeometry();
    geometry.setPositions( points );
    const material = new THREE.LineMaterial( { color: 0xffffff,linewidth: 2 } );
    material.resolution.set( window.innerWidth,window.innerHeight );

    const lines = new THREE.Line2( geometry,material );
    scene.add( lines );

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

}

function animate() {

    requestAnimationFrame( animate );
    renderer.render( scene,camera );

}

body {
    margin: 0;
}
canvas {
    display: block;
}

Three.js胖线hilbert3D指向

h5531856138 回答：Three.js胖线hilbert3D指向

大家都在问