Riak
Gratis, tanpa daftar, berjalan di peramban Anda.
Sebelas titik pada amplitudo rendah: tepi yang halus dan teratur, bukan sebuah pernyataan. Bagus ketika sebuah pembatas perlu ada tanpa menarik perhatian, dan satu-satunya prasetel yang terbaca baik sebagai bilah tipis.
Pengaturan di baliknya
| Generator | Gelombang |
|---|---|
| Titik | 11 |
| Amplitudo | 30% |
| Keacakan | 8% |
| Garis dasar | 55% |
| Lapisan | 1 |
| Kehalusan | 95% |
| Benih | 77 |
Yang perlu diketahui
- Amplitudo rendah menjaga bagian di bawahnya tidak kehilangan tinggi.
- Banyak titik berarti banyak ruas kubik, jadi dengan 655 bita ini gelombang terberat di katalog.
- Nyaris tanpa keacakan, jadi pengulangannya cukup rata untuk terbaca sebagai pola di layar lebar.
Berapa bita biayanya
Bentuk persis ini berukuran 655 bita sebagai SVG dan 816 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 | 655 B |
| Latar CSS | 816 B |
| clip-path CSS | 847 B |
Awal dari SVG untuk Riak
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-130.91 159.28C-110.18 161.55,-41.45 168.2,0 173.6C41.45 178.99,89.45 188.64,130.91 193.36C172.36 198.08,220.36 201.74,261.82 203.4C303.27 205.07,351.27 204.33,392.73 203.88C434.18 203.43,482.18 203.29,523.64 200.54C565.…Lebih rinci
Inilah prasetel tempat penghitung bita membuktikan gunanya. Setiap titik tambahan adalah satu ruas kubik penuh lagi — tiga pasang koordinat — jadi riak berbiaya beberapa kali lipat gelombang halus demi perbedaan yang takkan pernah disadari kebanyakan pengunjung. Kalau Anda suka tampilannya tapi tidak bobotnya, coba enam titik dengan kehalusan dinaikkan.
Pertanyaan
Bagaimana saya mengubah Riak setelah mendapatkannya?
Buka generatornya, klik Riak 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 77 dengan 11 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.