درجات
مجاني، بلا تسجيل، يعمل داخل متصفحك.
كل مدى يجري أفقيًا إلى المنتصف، ثم ينعطف رأسيًا، ثم يواصل — هيئة درَج. والانعطاف يقع عند المنتصف لا عند النقطة نفسها، وهذا ما يبقي الدرجات متساوية.
الإعدادات التي وراءه
| المولّد | موجة |
|---|---|
| النقاط | 5 |
| السعة | 60% |
| العشوائية | 18% |
| خط الأساس | 52% |
| الطبقات | 1 |
| النعومة | 100% |
| البذرة | 1111 |
ما يجدر معرفته
- زوايا قائمة فقط، فيتوافق جيدًا مع تخطيط قائم على شبكة.
- نقاط أقل تعطي درجات أعرض وأجرأ؛ ونقاط أكثر تقترب من خط مسنّن.
- عند 358 بايت يكلّف تقريبًا ما تكلّفه موجة ناعمة بالنقاط نفسها.
كم يكلّف بالبايت
هذا الشكل بعينه يبلغ 358 بايت بصيغة SVG و519 بايت كخلفية CSS — وعنوان البيانات أكبر لأن الترميز بالنسبة المئوية يكلّف ثلاثة محارف عن كل محرف يهرّبه. والرقمان كلاهما للشكل المعروض أعلاه، بدقة منزلتين عشريتين في الإحداثيات.
| الصيغة | الحجم |
|---|---|
| SVG | 358 B |
| خلفية CSS | 519 B |
| clip-path في CSS | 550 B |
بداية ملف SVG الخاص بـ درجات
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-288 118.84L-144 118.84L-144 177.26L0 177.26L144 177.26L144 214.27L288 214.27L432 214.27L432 202.99L576 202.99L720 202.99L720 140.25L864 140.25L1008 140.25L1008 117.08L1152 117.08L1296 117.08L1296 171.17L1440 171.17L1440…بمزيد من التفصيل
الانعطاف عند المنتصف هو التفصيل الذي يجعل هذا ينجح. فالانعطاف عند النقطة نفسها يجعل كل درجة ثانية ضعف عرض جارتها، وهو ما يُقرأ خللًا في الرسم لا اختيارًا تصميميًا — وهو ما ينتج عن التنفيذ البديهي.
أسئلة
كيف أغيّر درجات بعد الحصول عليه؟
افتح المولّد، واضغط درجات في صف الإعدادات المسبقة، ثم حرّك ما شئت. الإعداد المسبق نقطة انطلاق لا قفل — تبقى كل المؤشرات فعّالة، وصندوق البذرة يقبل كلمة إن فضّلت تسمية شكلك بدل ترقيمه.
هل سيبدو كما هو في المرة القادمة؟
نعم، ما دامت البذرة نفسها. هذا هو البذرة 1111 بـ 5 نقطة. المولّد حتمي، فهذه الإعدادات تعيد إنتاج هذا المنحنى بعينه على أي جهاز.
هل يمكنني استخدام لون مختلف؟
نعم — اللون يُطبَّق عند التصدير ولا يكون مخبوزًا في الهندسة. المعاينة أعلاه تستخدم اللون الافتراضي للأداة؛ اختر لونك في المولّد وسيتبعه ملف SVG وخلفية CSS وclip-path جميعًا.
كل رقم وكل شكل في هذه الصفحة أُنتج بتشغيل المولّد وقت البناء، فهو يصف الأداة التي أنت على وشك استخدامها لا نسخة كانت موجودة يومًا.