تموّج
مجاني، بلا تسجيل، يعمل داخل متصفحك.
إحدى عشرة نقطة بسعة منخفضة: حافة دقيقة منتظمة بدل تصريح بصري. مناسبة حين يحتاج الفاصل إلى الوجود دون لفت الانتباه، وهي الإعداد الوحيد الذي يُقرأ جيدًا كشريط رفيع.
الإعدادات التي وراءه
| المولّد | موجة |
|---|---|
| النقاط | 11 |
| السعة | 30% |
| العشوائية | 8% |
| خط الأساس | 55% |
| الطبقات | 1 |
| النعومة | 95% |
| البذرة | 77 |
ما يجدر معرفته
- السعة المنخفضة تمنع القسم الذي تحتها من فقدان الارتفاع.
- النقاط الكثيرة تعني مقاطع تكعيبية كثيرة، فهي عند 655 بايت أثقل موجة في الفهرس.
- عشوائية تكاد تنعدم، فيأتي التكرار منتظمًا بما يكفي ليُقرأ نمطًا على شاشة عريضة.
كم يكلّف بالبايت
هذا الشكل بعينه يبلغ 655 بايت بصيغة SVG و816 بايت كخلفية CSS — وعنوان البيانات أكبر لأن الترميز بالنسبة المئوية يكلّف ثلاثة محارف عن كل محرف يهرّبه. والرقمان كلاهما للشكل المعروض أعلاه، بدقة منزلتين عشريتين في الإحداثيات.
| الصيغة | الحجم |
|---|---|
| SVG | 655 B |
| خلفية CSS | 816 B |
| clip-path في CSS | 847 B |
بداية ملف SVG الخاص بـ تموّج
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-130.91 159.28C-110.18 161.55,-41.45 168.2,0 173.6C41.45 178.99,89.45 188.64,130.91 193.36C172.36 198.08,220.36 201.74,261.82 203.4C303.27 205.07,351.27 204.33,392.73 203.88C434.18 203.43,482.18 203.29,523.64 200.54C565.…بمزيد من التفصيل
هذا هو الإعداد الذي يستحق فيه عدّاد البايتات مكانه. كل نقطة إضافية مقطع تكعيبي كامل آخر — ثلاثة أزواج إحداثيات — فيكلّف التموّج أضعاف ما تكلّفه موجة هادئة مقابل فارق لن يلتقطه معظم الزوار بوعي أبدًا. وإن أعجبك المظهر دون الوزن، فجرّب ست نقاط مع رفع النعومة.
أسئلة
كيف أغيّر تموّج بعد الحصول عليه؟
افتح المولّد، واضغط تموّج في صف الإعدادات المسبقة، ثم حرّك ما شئت. الإعداد المسبق نقطة انطلاق لا قفل — تبقى كل المؤشرات فعّالة، وصندوق البذرة يقبل كلمة إن فضّلت تسمية شكلك بدل ترقيمه.
هل سيبدو كما هو في المرة القادمة؟
نعم، ما دامت البذرة نفسها. هذا هو البذرة 77 بـ 11 نقطة. المولّد حتمي، فهذه الإعدادات تعيد إنتاج هذا المنحنى بعينه على أي جهاز.
هل يمكنني استخدام لون مختلف؟
نعم — اللون يُطبَّق عند التصدير ولا يكون مخبوزًا في الهندسة. المعاينة أعلاه تستخدم اللون الافتراضي للأداة؛ اختر لونك في المولّد وسيتبعه ملف SVG وخلفية CSS وclip-path جميعًا.
كل رقم وكل شكل في هذه الصفحة أُنتج بتشغيل المولّد وقت البناء، فهو يصف الأداة التي أنت على وشك استخدامها لا نسخة كانت موجودة يومًا.