« ShapeGeometry » : différence entre les versions
Aller à la navigation
Aller à la recherche
(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. |
Version actuelle datée du 13 février 2018 à 13:25
Crée une géométrie polygonale unilatérale à partir d'une ou plusieurs formes de trajectoire.
Exemple
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 );
Constructeur
ShapeGeometry(shapes, curveSegments)
shapes — tableau de Shape ou une seule Shape.
curveSegments - Entier - nombre de segments par forme. Par défaut cette valeur est 12.