موجة عميقة
مجاني، بلا تسجيل، يعمل داخل متصفحك.
ثلاث نقاط وسعة شبه كاملة، فينشأ قاع عميق ولون كثير تحته. استخدمها حيث يُراد للفاصل أن يكون الانتقال نفسه لا تفصيلة على حافة انتقال.
الإعدادات التي وراءه
| المولّد | موجة |
|---|---|
| النقاط | 3 |
| السعة | 92% |
| العشوائية | 18% |
| خط الأساس | 50% |
| الطبقات | 1 |
| النعومة | 110% |
| البذرة | 820 |
ما يجدر معرفته
- ثلاث نقاط تنتج انخفاضًا واحدًا واضحًا بدل نمط متكرر.
- السعة العالية تلتهم مساحة رأسية، فأفسح للقسم الذي تحتها مجالًا للتنفس.
- قابلة لإعادة الإنتاج من البذرة 820 — دوّنها إن احتجت المنحنى نفسه في صفحة أخرى.
كم يكلّف بالبايت
هذا الشكل بعينه يبلغ 282 بايت بصيغة SVG و443 بايت كخلفية CSS — وعنوان البيانات أكبر لأن الترميز بالنسبة المئوية يكلّف ثلاثة محارف عن كل محرف يهرّبه. والرقمان كلاهما للشكل المعروض أعلاه، بدقة منزلتين عشريتين في الإحداثيات.
| الصيغة | الحجم |
|---|---|
| SVG | 282 B |
| خلفية CSS | 443 B |
| clip-path في CSS | 474 B |
بداية ملف SVG الخاص بـ موجة عميقة
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-480 80.61C-392 97.56,-176 145.02,0 173.07C176 201.12,304 252.99,480 233.6C656 214.21,784 82.6,960 67.28C1136 51.96,1352 134.87,1440 150.04L1440 320L-480 320Z" fill="#4f46e5"/></svg>بمزيد من التفصيل
الموجة العميقة أسهل الأشكال إفسادًا، لأن المنحنى عند السعة الكاملة يحتاج إلى تقوّس بعيد، وأي تسطّح عند ملامسته للحافة يُرى فورًا. يأخذ المولّد عيّنة من نقطة خارج كل حافة من اللوحة ويترك viewBox يقصّها، فتستمر الحركة خارج الشاشة بدل أن تنتهي عند الحد — وهذا ما يجعل هذا يُقرأ بوصفه مقطعًا من موجة أطول لا خربشة مغلقة على نفسها.
أسئلة
كيف أغيّر موجة عميقة بعد الحصول عليه؟
افتح المولّد، واضغط موجة عميقة في صف الإعدادات المسبقة، ثم حرّك ما شئت. الإعداد المسبق نقطة انطلاق لا قفل — تبقى كل المؤشرات فعّالة، وصندوق البذرة يقبل كلمة إن فضّلت تسمية شكلك بدل ترقيمه.
هل سيبدو كما هو في المرة القادمة؟
نعم، ما دامت البذرة نفسها. هذا هو البذرة 820 بـ 3 نقطة. المولّد حتمي، فهذه الإعدادات تعيد إنتاج هذا المنحنى بعينه على أي جهاز.
هل يمكنني استخدام لون مختلف؟
نعم — اللون يُطبَّق عند التصدير ولا يكون مخبوزًا في الهندسة. المعاينة أعلاه تستخدم اللون الافتراضي للأداة؛ اختر لونك في المولّد وسيتبعه ملف SVG وخلفية CSS وclip-path جميعًا.
كل رقم وكل شكل في هذه الصفحة أُنتج بتشغيل المولّد وقت البناء، فهو يصف الأداة التي أنت على وشك استخدامها لا نسخة كانت موجودة يومًا.