Kristal
Gratis, tanpa daftar, berjalan di peramban Anda.
Lima titik pada keacakan tinggi, disambung garis lurus. Variasi jari-jari yang kuat memberi tepi panjang dan pendek dalam satu bentuk, dan itulah yang membuatnya terbaca sebagai serpihan alih-alih segi lima beraturan.
Pengaturan di baliknya
| Generator | Blob |
|---|---|
| Titik | 5 |
| Keacakan | 85% |
| Kehalusan | 100% |
| Benih | 1357 |
Yang perlu diketahui
- Keacakan tinggi itulah yang mencegah ini tampak seperti segi lima biasa.
- Lima sisi terbaca sebagai disengaja; enam mulai terbaca sebagai heksagon yang gagal.
- Bisa dihasilkan ulang dari benih 1357.
Berapa bita biayanya
Bentuk persis ini berukuran 156 bita sebagai SVG dan 317 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 | 156 B |
| Latar CSS | 317 B |
| clip-path CSS | 374 B |
| border-radius CSS | 108 B |
Awal dari SVG untuk Kristal
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 20.18L157.74 81.24L142.5 158.5L72.34 138.08L23.94 75.29Z" fill="#4f46e5"/></svg>Lebih rinci
Bahkan pada keacakan maksimum, poligon di sini tidak bisa memotong dirinya sendiri. Titik-titiknya berada pada sudut berjarak sama dengan jari-jari positif, jadi bentuknya tetap berbintang terhadap pusatnya apa pun yang dilakukan benihnya — jaminan yang harus dipertahankan gaya melengkung lewat batas eksplisit, dan yang didapat poligon secara cuma-cuma.
Pertanyaan
Bagaimana saya mengubah Kristal setelah mendapatkannya?
Buka generatornya, klik Kristal 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 1357 dengan 5 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.