threejs：三维绘图（拉伸,旋转拉伸,等）

- 日理万妓 2022-02-21 03:41 900阅读 0赞

# 1.拉伸 #

### 非封闭图形拉伸 ###

(是一个面)

### 封闭图形拉伸 ###

(是一个实体)

# 2.旋转 lathe #

### 非封闭图形旋转 ###

(是一个曲面)

var points = [];
    for ( var i = 0; i < 10; i ++ ) { 
    	points.push( new THREE.Vector2( Math.sin( i * 0.2 ) * 10 + 5, ( i - 5 ) * 2 ) );
    }
    var geometry = new THREE.LatheGeometry( points );
    var material = new THREE.MeshBasicMaterial( {  color: 0xffff00 } );
    var lathe = new THREE.Mesh( geometry, material );
    scene.add( lathe );

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjc1NTM4NA_size_16_color_FFFFFF_t_70]

### 封闭图形旋转 ###

function latheShape(){ 
    
    var pts = [
                new THREE.Vector3(0,50,150),//top left
                new THREE.Vector3(0,50,200),//top right
                new THREE.Vector3(10,-50,200),//bottom right
                new THREE.Vector3(30,-50,150),//bottom left
                new THREE.Vector3(0,50,150)//back to top left - close square path
               ];
    var mesh = new THREE.Mesh( new THREE.LatheGeometry( pts, 60 ), new THREE.MeshPhongMaterial( {  color: 0xffff00, wireframe: false, shading: THREE.FlatShading } ));
    mesh.position.y = 150;
    mesh.overdraw = true;
    mesh.doubleSided = true;
    
    sceneB.add( mesh );
    
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjc1NTM4NA_size_16_color_FFFFFF_t_70 1]

Lathe  
参考此文档: [https://threejs.org/docs/\#api/en/geometries/LatheGeometry][https_threejs.org_docs_api_en_geometries_LatheGeometry]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjc1NTM4NA_size_16_color_FFFFFF_t_70]: /images/20220221/4ab4e3a7ab3448f8b8bbe203ce026184.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjc1NTM4NA_size_16_color_FFFFFF_t_70 1]: /images/20220221/60ebe235791b4d4e98cbf3f5263fd949.png
[https_threejs.org_docs_api_en_geometries_LatheGeometry]: https://threejs.org/docs/#api/en/geometries/LatheGeometry