Gelembung
Gratis, tanpa daftar, berjalan di peramban Anda.
Dua belas titik dengan keacakan rendah, menghasilkan sesuatu yang hampir bulat tetapi jelas buatan tangan. Bagus ketika lingkaran sempurna akan terasa steril tapi blob akan terasa terlalu main-main.
Pengaturan di baliknya
| Generator | Blob |
|---|---|
| Titik | 12 |
| Keacakan | 20% |
| Kehalusan | 100% |
| Benih | 7211 |
Yang perlu diketahui
- Banyak titik pada keacakan rendah menyatu menuju lingkaran dengan goyangan lambat.
- Blob termahal di sini dengan 559 bita, karena setiap titik menambah satu ruas kubik.
- Kalau Anda mau tampilan ini dengan murah, pakai enam titik dan turunkan keacakannya.
Berapa bita biayanya
Bentuk persis ini berukuran 559 bita sebagai SVG dan 720 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 | 559 B |
| Latar CSS | 720 B |
| clip-path CSS | 777 B |
| border-radius CSS | 106 B |
Awal dari SVG untuk Gelembung
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 36.37C110.36 36.38,121.78 40.94,131.07 46.18C140.36 51.42,150.78 58.85,155.74 67.82C160.71 76.79,160.7 89.18,160.87 100C161.04 110.82,161.46 123.37,156.74 132.76C152.02 142.15,141.99 151.34,132.53 156.35C123.08 161.35,110.54 163.31,100 162.79C8…Lebih rinci
Prasetel ini adalah ilustrasi paling jelas dari pertukaran yang ingin ditampakkan alat ini: dua belas titik berbiaya kira-kira dua kali lipat bita dibanding enam, dan pada keacakan rendah bedanya hanyalah goyangan yang nyaris tak akan disadari siapa pun. Penghitung bita ada di bawah kotak keluaran justru supaya pilihan itu diambil dengan sengaja, bukan karena kelalaian.
Pertanyaan
Bagaimana saya mengubah Gelembung setelah mendapatkannya?
Buka generatornya, klik Gelembung 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 7211 dengan 12 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.