ShapeGeometry

Les génératives · Le contour dessiné

Vous dessinez un contour 2D comme au crayon — moveTo, lineTo, des courbes — et elle le remplit. Toute forme plate imaginable, sans modeleur.

branches de l’étoile rayon extérieur rayon intérieur curveSegments — finesse des courbes wireframe — voir les triangles

Ce qu'il faut savoir (4)

closePath() n'est pas facultatif. Un contour ouvert donne un remplissage imprévisible : Three.js relie le dernier point au premier comme il peut.
curveSegments ne sert qu'aux courbes. Notre étoile n'est faite que de lineTo : bougez le curseur, le compteur de triangles ne change pas d'un poil. Ce serait différent avec un bezierCurveTo.
Un Shape accepte des trous : shape.holes.push(autreChemin). C'est ainsi qu'on fait un « A » ou une rondelle avec un contour libre.
Le résultat est plat, dans le plan X/Y, et n'a qu'une face utile. Pour lui donner une épaisseur, c'est ExtrudeGeometry — la page suivante, avec le même contour.