three.js ShapeGeometry

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

示例

代碼示例

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 — 一個(gè)單獨(dú)的shape，或者一個(gè)包含形狀的Array。默認(rèn)是單個(gè)三角形。

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

屬性

共有屬性請(qǐng)參見(jiàn)其基類BufferGeometry。

.parameters : Object

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

方法(Methods)

共有方法請(qǐng)參見(jiàn)其基類BufferGeometry。

源代碼

src/geometries/ShapeGeometry.js