sNGon Node

Le sNGon est le troisième shape primaire (après sRectangle et sEllipse). Il produit un polygone régulier avec le nombre de côtés choisi. Mêmes options standards : Fill, Outline, Border Width, Length pour write-on, Angle pour rotation.

Pour des polygones irréguliers ou avec des coins de radius différents, combiner avec sBoolean ou importer un SVG custom.

• Effects Library : Tools > Shape > sNGon
• Ajout rapide : clic droit dans le Node Editor → Add Tool > Shape > sNGon

• Aucun input requis — générateur pur.

Badge hexagonal simple :
sNGon (Sides 6) → sRender → Merge 2D FG

Pattern nid d'abeille :
sNGon (Sides 6) → sGrid → sRender → Merge

Shield / bouclier :
sNGon (Sides 5, Border Width élevée) → sRender → Glow → Merge Screen

Triangle d'alerte :
sNGon (Sides 3, Fill jaune, Angle 0°) → sRender → Merge

Sides

Nombre de côtés du polygone. 3 = triangle, 4 = carré (losange selon l'Angle), 5 = pentagone, 6 = hexagone, 8 = octogone. Au-delà de 12-15, visuellement proche d' un cercle (sEllipse sera plus approprié).

Width / Height

Dimensions du polygone. Width = Height pour un polygone régulier. Différents = polygone écrasé/étiré.

Angle

Rotation autour du centre. Important pour orienter « à plat » vs « sur pointe » un triangle ou un pentagone.

Offset (X / Y)

Position du centre.

Solid

Activé = rempli. Désactivé = contour seul.

Border Width

Épaisseur du contour.

Border Style

Style des coins : Bevel (biseau), Round (arrondi), Miter (pointu prolongé).

Cap Style

Extrémités du contour si Length < 1 : Flat, Round, Square.

Length

Longueur du tracé (0 à 1). Animer pour une write-on animation du contour du polygone.

• Fill Color — couleur du remplissage.
• Border Color — couleur du contour.
• Allow Combining — gestion alpha sur superpositions.

• Badges hexagonaux (game UI) — Sides 6 avec Border Width = élément d'achievement, slot d'équipement. Classique jeux vidéo / dashboards tech.
• Shield / bouclier — Sides 5 ou 6, Angle orienté pour pointe en haut = icône bouclier de défense / protection.
• Triangle d'avertissement — Sides 3, jaune avec bordure noire = logo attention.
• Pattern nid d'abeille — Sides 6 + sGrid → pattern hexagonal tilé. Fonds futuristes tech, background sci-fi.
• Polygon frames pour photos — sNGon Solid OFF + Border Width élevée = cadres héxagonaux / octogonaux pour mettre en valeur des portraits ou logos.
• Logo géométrique — pentagone, hexagone, octogone comme base de logo moderne. Combiner avec sBoolean pour formes négatives.
• Decorative elements motion design — polygones qui tournent via sTransform en fond ou accent visuel.

• Angle pour orienter pointe vs plat — un triangle à 0° a sa pointe à droite. Angle 90° = pointe en haut. Angle -90° = pointe en bas. Essentiel pour les icônes d'alerte / bouclier.
• Hexagone = 30° pour orientation plate — un sNGon Sides 6 à 0° a des pointes gauche-droite. Angle 30° = plat en haut/bas (orientation standard nid d'abeille).
• Sides 4 ≠ sRectangle — un sNGon Sides 4 = losange (carré tourné à 45°). Pour un carré aligné au frame, utiliser sRectangle avec Width = Height.
• Sides élevé (> 20)≈ cercle — à ce stade, préférer sEllipse qui est plus performant et a plus d'options d'arc.
• Border Style Round pour design soft, Miter pour un look technique précis.
• Animer Sides dynamiquement — Sides animé de 3 à 20 → métamorphose fluide triangle vers cercle. Effet visuel fort en motion design.
• Pour des polygones asymétriques (ex. pentagone irrégulier), combiner plusieurs sNGon + sBoolean ou importer un SVG.