Gelombang berlapis
Gratis, tanpa daftar, berjalan di peramban Anda.
Tiga kurva yang digambar dari benih yang sama pada fase berbeda, masing-masing sedikit lebih rendah dan sedikit lebih tipis. Berbagi benih itulah intinya — lapisan dari benih yang tak berhubungan tampak seperti tiga gelombang yang kebetulan bertumpang tindih, sedangkan pergeseran fase dari satu gelombang tampak seperti kedalaman.
Pengaturan di baliknya
| Generator | Gelombang |
|---|---|
| Titik | 5 |
| Amplitudo | 62% |
| Keacakan | 22% |
| Garis dasar | 42% |
| Lapisan | 3 |
| Kehalusan | 100% |
| Benih | 3311 |
Yang perlu diketahui
- Opasitas meningkat ke arah depan, jadi tumpukannya terbaca sebagai jarak, bukan tiga lembar datar.
- Setiap lapisan adalah jalur terpisah, jadi Anda bisa mewarnai ulang satu per satu setelah menempel.
- Tiga jalur berbiaya 898 bita seluruhnya — masih lebih kecil daripada PNG kecil untuk hal yang sama.
Berapa bita biayanya
Bentuk persis ini berukuran 898 bita sebagai SVG dan 1.071 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 | 898 B |
| Latar CSS | 1.071 B |
| clip-path CSS | 544 B |
Awal dari SVG untuk Gelombang berlapis
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-288 95.89C-240 100.43,-96 109.48,0 123.14C96 136.8,192 170.05,288 177.86C384 185.66,480 180.48,576 169.98C672 159.48,768 126.46,864 114.84C960 103.23,1056 95.46,1152 100.31C1248 105.15,1392 136.65,1440 143.92L1440 320L-…Lebih rinci
Lapisan adalah cara termurah membuat pembatas datar tampak dirancang, dan yang paling sering dilebih-lebihkan. Dua biasanya cukup; pada lima, lapisan belakang begitu pudar sehingga menambah bita tanpa menambah kedalaman. Kalau ingin pemisahan lebih, lebarkan jarak antar garis dasar alih-alih menambah satu lapisan lagi.
Pertanyaan
Bagaimana saya mengubah Gelombang berlapis setelah mendapatkannya?
Buka generatornya, klik Gelombang berlapis 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 3311 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.