« ShapeGeometry » : différence entre les versions
(Page créée avec « Crée une géométrie polygonale unilatérale à partir d'une ou plusieurs formes de trajectoire. ===Exemple=== <source lang="javascript"> var x = 0, y = 0; var heartS... ») |
|||
Ligne 23 : | Ligne 23 : | ||
ShapeGeometry(shapes, curveSegments) | ShapeGeometry(shapes, curveSegments) | ||
</source> | </source> | ||
'''shapes''' — tableau de | '''shapes''' — tableau de [[Shape]] ou une seule [[Shape]]. | ||
'''curveSegments''' - Entier - nombre de segments par forme. Par défaut cette valeur est 12. | '''curveSegments''' - Entier - nombre de segments par forme. Par défaut cette valeur est 12. |
Dernière version du 13 février 2018 à 12:25
Crée une géométrie polygonale unilatérale à partir d'une ou plusieurs formes de trajectoire.
Exemple
<source lang="javascript"> var x = 0, y = 0;
var 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 );
var geometry = new THREE.ShapeGeometry( heartShape ); var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } ); var mesh = new THREE.Mesh( geometry, material ) ; scene.add( mesh ); </source>
Constructeur
<source lang="javascript"> ShapeGeometry(shapes, curveSegments) </source> shapes — tableau de Shape ou une seule Shape.
curveSegments - Entier - nombre de segments par forme. Par défaut cette valeur est 12.