Pics de montagne
Gratuit, sans inscription, fonctionne dans votre navigateur.
Six points à amplitude quasi maximale avec l'irrégularité bien remontée, reliés par des droites. Les pics inégaux sont tout l'intérêt : une dent de scie régulière se lit comme un motif, une irrégulière comme un paysage.
Les réglages qui la produisent
| Générateur | Vague |
|---|---|
| Points | 6 |
| Amplitude | 95% |
| Irrégularité | 72% |
| Ligne de base | 58% |
| Couches | 1 |
| Douceur | 100% |
| Graine | 8801 |
Ce qu'il faut savoir
- La forte irrégularité est ce qui distingue ceci d'un zigzag ordinaire — les pics diffèrent en hauteur.
- Changez la graine jusqu'à ce que l'horizon vous convienne, puis notez-la.
- Reproductible à partir de la graine 8801.
Ce que ça coûte en octets
Cette forme exacte pèse 231 octets en SVG et 392 octets en arrière-plan CSS — l'URI de données est plus lourde parce que l'encodage en pourcentage coûte trois caractères pour chacun qu'il échappe. Les deux chiffres concernent la forme montrée ci-dessus, avec deux décimales de précision sur les coordonnées.
| Format | Taille |
|---|---|
| SVG | 231 B |
| Arrière-plan CSS | 392 B |
| clip-path CSS | 423 B |
Le début du SVG de Pics de montagne
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-240 141.66L0 214.67L240 271.21L480 226.23L720 126.44L960 110.47L1200 168.16L1440 133.24L1440 320L-240 320Z" fill="#4f46e5"/></svg>Plus en détail
Il vaut la peine de la retourner verticalement et de l'utiliser au-dessus d'un pied de page, où les pics pendent comme des stalactites au lieu de s'élever. Le retournement est intégré au tracé plutôt qu'appliqué en transformation CSS, donc le SVG exporté tient tout seul dans les deux cas.
Questions
Comment modifier Pics de montagne une fois que je l'ai ?
Ouvrez le générateur, cliquez sur Pics de montagne dans la rangée de préréglages, puis faites glisser ce que vous voulez. Le préréglage est un point de départ, pas un verrou — tous les curseurs restent actifs, et le champ de graine accepte un mot si vous préférez nommer votre forme plutôt que la numéroter.
Sera-t-elle identique la prochaine fois ?
Oui, tant que la graine est la même. Celle-ci est la graine 8801 avec 6 points. Le générateur est déterministe : ces réglages reproduisent cette courbe exacte sur n'importe quel appareil.
Puis-je utiliser une autre couleur ?
Oui — la couleur est appliquée à l'export, elle n'est pas figée dans la géométrie. L'aperçu ci-dessus utilise la couleur par défaut ; choisissez la vôtre dans le générateur et le SVG, l'arrière-plan CSS et le clip-path suivront.
Chaque chiffre et chaque forme de cette page ont été produits en exécutant le générateur au moment de la compilation : ils décrivent donc l'outil que vous vous apprêtez à utiliser, et non une version qui a existé un jour.