Threejs学习：裁剪( Path编)

最新推荐文章于 2024-08-14 14:05:02 发布

太古时代

最新推荐文章于 2024-08-14 14:05:02 发布

阅读量2.2k

点赞数

分类专栏： Canvas与WebGL

本文链接：https://blog.csdn.net/jinold/article/details/91345585

版权

Canvas与WebGL 专栏收录该内容

20 篇文章 7 订阅

订阅专栏

参考：webgl_geometry_shapes.html

// Smiley

var smileyShape = new THREE.Shape();
smileyShape.moveTo( 80, 40 );
smileyShape.absarc( 40, 40, 40, 0, Math.PI * 2, false );// 主模型

var smileyEye1Path = new THREE.Path();
smileyEye1Path.moveTo( 35, 20 );
smileyEye1Path.absellipse( 25, 20, 10, 10, 0, Math.PI * 2, true );

smileyShape.holes.push( smileyEye1Path );// 挖洞

var smileyEye2Path = new THREE.Path();
smileyEye2Path.moveTo( 65, 20 );
smileyEye2Path.absarc( 55, 20, 10, 0, Math.PI * 2, true );
smileyShape.holes.push( smileyEye2Path );// 挖洞

var smileyMouthPath = new THREE.Path();
smileyMouthPath.moveTo( 20, 40 );
smileyMouthPath.quadraticCurveTo( 40, 60, 60, 40 );
smileyMouthPath.bezierCurveTo( 70, 45, 70, 50, 60, 60 );
smileyMouthPath.quadraticCurveTo( 40, 80, 20, 60 );
smileyMouthPath.quadraticCurveTo( 5, 50, 20, 40 );

smileyShape.holes.push( smileyMouthPath );// 挖洞