threejs:三维绘图(拉伸,旋转拉伸,等)

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 );

在这里插入图片描述

封闭图形旋转

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 );

}

在这里插入图片描述

Lathe
参考此文档: https://threejs.org/docs/#api/en/geometries/LatheGeometry

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值