Puncak gunung
Gratis, tanpa daftar, berjalan di peramban Anda.
Enam titik pada amplitudo hampir penuh dengan keacakan cukup tinggi, disambung garis lurus. Puncak yang tak rata itulah intinya: gigi gergaji yang teratur terbaca sebagai pola, sedangkan yang tak teratur terbaca sebagai bentang alam.
Pengaturan di baliknya
| Generator | Gelombang |
|---|---|
| Titik | 6 |
| Amplitudo | 95% |
| Keacakan | 72% |
| Garis dasar | 58% |
| Lapisan | 1 |
| Kehalusan | 100% |
| Benih | 8801 |
Yang perlu diketahui
- Keacakan tinggi itulah yang memisahkannya dari zigzag biasa — tinggi puncaknya berbeda-beda.
- Ganti benihnya sampai garis langitnya cocok, lalu catat benihnya.
- Bisa dihasilkan ulang dari benih 8801.
Berapa bita biayanya
Bentuk persis ini berukuran 231 bita sebagai SVG dan 392 bita sebagai latar CSS — data URI-nya lebih besar karena pengodean persen memakan tiga karakter untuk setiap karakter yang dilolosinya. Kedua angka itu untuk bentuk yang ditampilkan di atas, dengan ketelitian koordinat dua desimal.
| Format | Ukuran |
|---|---|
| SVG | 231 B |
| Latar CSS | 392 B |
| clip-path CSS | 423 B |
Awal dari SVG untuk Puncak gunung
<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>Lebih rinci
Layak dibalik tegak dan dipakai di atas footer, di mana puncaknya menggantung seperti stalaktit alih-alih menjulang. Baliknya dipanggang ke dalam jalur dan bukan diterapkan sebagai transformasi CSS, jadi SVG yang diekspor berdiri sendiri dalam kedua kasus.
Pertanyaan
Bagaimana saya mengubah Puncak gunung setelah mendapatkannya?
Buka generatornya, klik Puncak gunung di baris prasetel, lalu geser apa saja. Prasetel adalah titik awal, bukan kunci — semua penggeser tetap aktif, dan kotak benih menerima kata kalau Anda lebih suka menamai bentuk Anda daripada menomorinya.
Apakah akan terlihat sama lain kali?
Ya, selama benihnya sama. Yang ini benih 8801 dengan 6 titik. Generatornya deterministik, jadi pengaturan itu menghasilkan ulang kurva yang persis sama di perangkat mana pun.
Bisakah saya memakai warna lain?
Bisa — warna diterapkan saat ekspor, tidak dipanggang ke dalam geometrinya. Pratinjau di atas memakai warna bawaan alat ini; pilih warna Anda di generator dan SVG, latar CSS, serta clip-path akan mengikuti.
Setiap angka dan setiap bentuk di halaman ini dihasilkan dengan menjalankan generatornya saat build, jadi semuanya menggambarkan alat yang sebentar lagi Anda pakai, bukan versi yang pernah ada.