Gelombang organik
Gratis, tanpa daftar, berjalan di peramban Anda.
Tujuh titik dengan keacakan hampir mentok, jadi kurvanya mengembara alih-alih mengulang. Ia terbaca sebagai digambar, bukan dihitung — dan itulah yang justru tidak bisa dilakukan gelombang sinus yang teratur.
Pengaturan di baliknya
| Generator | Gelombang |
|---|---|
| Titik | 7 |
| Amplitudo | 70% |
| Keacakan | 85% |
| Garis dasar | 50% |
| Lapisan | 1 |
| Kehalusan | 100% |
| Benih | 9142 |
Yang perlu diketahui
- Keacakan tinggi berarti benihnya penting — ubah benihnya dan Anda dapat kurva yang benar-benar berbeda, bukan yang sekadar bergeser.
- Tetap mulus sempurna: keacakan menggeser titiknya, bukan memengaruhi bagaimana kurva melewatinya.
- Acak sampai ada yang pas, lalu catat benih 9142 untuk menyimpannya.
Berapa bita biayanya
Bentuk persis ini berukuran 478 bita sebagai SVG dan 639 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 | 478 B |
| Latar CSS | 639 B |
| clip-path CSS | 670 B |
Awal dari SVG untuk Gelombang organik
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-205.71 191.31C-171.43 178.3,-68.57 110.51,0 113.21C68.57 115.91,137.14 202.67,205.71 207.53C274.29 212.39,342.86 145,411.43 142.35C480 139.71,548.57 197.9,617.14 191.66C685.71 185.41,754.29 115.82,822.86 104.89C891.43 9…Lebih rinci
Penggeser keacakan memadukan antara sinus dan derau berbenih alih-alih beralih di antara keduanya, dan itu lebih penting daripada kedengarannya. Sinus murni tampak seperti demo CSS dan derau murni tampak seperti kesalahan; semua yang benar-benar dipakai orang berada di suatu titik di antaranya, dan satu penggeser sepanjang garis itu lebih berguna daripada dua mode yang masing-masing memberi satu jawaban salah.
Pertanyaan
Bagaimana saya mengubah Gelombang organik setelah mendapatkannya?
Buka generatornya, klik Gelombang organik 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 9142 dengan 7 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.