three.js ShapeGeometry

從一個或多個路徑形狀中創(chuàng)建一個單面多邊形幾何體。

示例

代碼示例

const x = 0, y = 0;

const heartShape = new THREE.Shape();

heartShape.moveTo( x + 5, y + 5 );
heartShape.bezierCurveTo( x + 5, y + 5, x + 4, y, x, y );
heartShape.bezierCurveTo( x - 6, y, x - 6, y + 7,x - 6, y + 7 );
heartShape.bezierCurveTo( x - 6, y + 11, x - 3, y + 15.4, x + 5, y + 19 );
heartShape.bezierCurveTo( x + 12, y + 15.4, x + 16, y + 11, x + 16, y + 7 );
heartShape.bezierCurveTo( x + 16, y + 7, x + 16, y, x + 10, y );
heartShape.bezierCurveTo( x + 7, y, x + 5, y + 5, x + 5, y + 5 );

const geometry = new THREE.ShapeGeometry( heartShape );
const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
const mesh = new THREE.Mesh( geometry, material ) ;
scene.add( mesh );

構(gòu)造器

ShapeGeometry(shapes : Array, curveSegments : Integer)

shapes — 一個單獨的shape，或者一個包含形狀的Array。默認是單個三角形。

curveSegments - Integer - 每一個形狀的分段數(shù)，默認值為12。

屬性

共有屬性請參見其基類BufferGeometry。

.parameters : Object

一個包含著構(gòu)造函數(shù)中每個參數(shù)的對象。在對象實例化之后，對該屬性的任何修改都不會改變這個幾何體。

方法(Methods)

共有方法請參見其基類BufferGeometry。

源代碼

src/geometries/ShapeGeometry.js