Blob organik
Gratis, tanpa daftar, berjalan di peramban Anda.
Delapan titik dengan keacakan cukup tinggi sehingga ukuran cupingnya jelas berbeda-beda. Inilah bentuk yang biasanya orang maksud dengan "blob": cukup tak beraturan untuk tampak disengaja, cukup beraturan untuk tetap terbaca sebagai satu objek.
Pengaturan di baliknya
| Generator | Blob |
|---|---|
| Titik | 8 |
| Keacakan | 72% |
| Kehalusan | 100% |
| Benih | 1618 |
Yang perlu diketahui
- Keacakan tinggi memberi tiap cuping wataknya sendiri, jadi bentuknya punya sisi depan dan belakang.
- Bagus sebagai clip-path di atas foto, di mana ketidakberaturannya terbaca sebagai pemotongan yang disengaja.
- Bisa dihasilkan ulang dari benih 1618.
Berapa bita biayanya
Bentuk persis ini berukuran 402 bita sebagai SVG dan 563 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 | 402 B |
| Latar CSS | 563 B |
| clip-path CSS | 620 B |
| border-radius CSS | 110 B |
Awal dari SVG untuk Blob organik
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 54.85C116.91 53.97,145.16 39.06,153.41 46.59C161.66 54.11,150.46 83.17,149.49 100C148.51 116.83,155.8 138.58,147.55 147.55C139.3 156.52,117.11 152.56,100 153.82C82.89 155.08,56.37 164.08,44.89 155.11C33.41 146.14,29.94 117.2,31.11 100C32.28 82.…Lebih rinci
Ada batas seberapa tak beraturan sebuah blob bisa jadi, dan batas itu tidak sembarangan. Titik-titiknya berada pada sudut berjarak sama dengan jari-jari yang bervariasi, jadi poligon yang melewatinya takkan pernah bisa memotong dirinya sendiri — tetapi kurva yang melewatinya bisa, kalau satu cuping melengkung cukup jauh untuk mencapai ruas tetangganya. Ketidakberaturan maksimum di sini ditetapkan dari penyapuan atas semua jumlah titik dan benih, jadi tidak ada pengaturan yang menghasilkan bentuk yang melipat menembus dirinya sendiri.
Pertanyaan
Bagaimana saya mengubah Blob organik setelah mendapatkannya?
Buka generatornya, klik Blob 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 1618 dengan 8 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.