Tepi piksel
Gratis, tanpa daftar, berjalan di peramban Anda.
Dua belas titik pada amplitudo rendah dengan keacakan tinggi, dibuat bertangga. Hasilnya terbaca sebagai batas yang sengaja dipikselkan — berguna untuk apa pun bernuansa retro atau teknis, di mana kurva mulus akan terasa terlalu lembut.
Pengaturan di baliknya
| Generator | Gelombang |
|---|---|
| Titik | 12 |
| Amplitudo | 34% |
| Keacakan | 66% |
| Garis dasar | 55% |
| Lapisan | 1 |
| Kehalusan | 100% |
| Benih | 6502 |
Yang perlu diketahui
- Banyak tapakan sempit pada ketinggian berbeda-beda, dan itulah yang memberi kesan bitmap.
- Bentuk bertangga terberat di sini, karena setiap titik menambah tiga ruas garis alih-alih satu.
- Bisa dihasilkan ulang dari benih 6502 — layak disimpan, karena pada keacakan tinggi tiap benih tampak berbeda.
Berapa bita biayanya
Bentuk persis ini berukuran 579 bita sebagai SVG dan 740 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 | 579 B |
| Latar CSS | 740 B |
| clip-path CSS | 771 B |
Awal dari SVG untuk Tepi piksel
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-120 176.21L-60 176.21L-60 152.82L0 152.82L60 152.82L60 175.77L120 175.77L180 175.77L180 178.33L240 178.33L300 178.33L300 193.7L360 193.7L420 193.7L420 188.55L480 188.55L540 188.55L540 200.14L600 200.14L660 200.14L660 15…Lebih rinci
Kalau ini terasa terlalu ramai, perbaikannya adalah mengurangi titik, bukan mengurangi amplitudo. Turun ke enam mempertahankan watak kotak-kotaknya sambil memangkas berkas separuhnya, sementara meratakan amplitudo hanya menghasilkan garis lurus yang berisik.
Pertanyaan
Bagaimana saya mengubah Tepi piksel setelah mendapatkannya?
Buka generatornya, klik Tepi piksel 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 6502 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.