موجات متراكبة
مجاني، بلا تسجيل، يعمل داخل متصفحك.
ثلاثة منحنيات مرسومة من البذرة نفسها عند أطوار مختلفة، كل واحد أخفض قليلًا وأقل عتمة قليلًا. ومشاركة البذرة هي بيت القصيد — فالطبقات الآتية من بذور غير مترابطة تبدو كثلاث موجات تصادف تداخلها، أما إزاحات الطور لموجة واحدة فتبدو عمقًا.
الإعدادات التي وراءه
| المولّد | موجة |
|---|---|
| النقاط | 5 |
| السعة | 62% |
| العشوائية | 22% |
| خط الأساس | 42% |
| الطبقات | 3 |
| النعومة | 100% |
| البذرة | 3311 |
ما يجدر معرفته
- تزداد العتامة نحو المقدمة، فتُقرأ الكومة مسافةً لا ثلاث صفائح مسطّحة.
- كل طبقة مسار مستقل، فيمكنك إعادة تلوينها فرادى بعد اللصق.
- المسارات الثلاثة معًا تكلّف 898 بايت — وهو أقل من صورة PNG صغيرة للشيء نفسه.
كم يكلّف بالبايت
هذا الشكل بعينه يبلغ 898 بايت بصيغة SVG و1,071 بايت كخلفية CSS — وعنوان البيانات أكبر لأن الترميز بالنسبة المئوية يكلّف ثلاثة محارف عن كل محرف يهرّبه. والرقمان كلاهما للشكل المعروض أعلاه، بدقة منزلتين عشريتين في الإحداثيات.
| الصيغة | الحجم |
|---|---|
| SVG | 898 B |
| خلفية CSS | 1,071 B |
| clip-path في CSS | 544 B |
بداية ملف SVG الخاص بـ موجات متراكبة
<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-…بمزيد من التفصيل
الطبقات أرخص وسيلة لجعل فاصل مسطّح يبدو مصمَّمًا، وأكثرها إفراطًا في الاستعمال. اثنتان تكفيان عادةً؛ وعند خمس تصبح الطبقات الخلفية باهتة إلى حدّ أنها تضيف بايتات دون أن تضيف عمقًا. وإن أردت فصلًا أوضح فوسّع المسافة بين خطوط الأساس بدل إضافة طبقة أخرى.
أسئلة
كيف أغيّر موجات متراكبة بعد الحصول عليه؟
افتح المولّد، واضغط موجات متراكبة في صف الإعدادات المسبقة، ثم حرّك ما شئت. الإعداد المسبق نقطة انطلاق لا قفل — تبقى كل المؤشرات فعّالة، وصندوق البذرة يقبل كلمة إن فضّلت تسمية شكلك بدل ترقيمه.
هل سيبدو كما هو في المرة القادمة؟
نعم، ما دامت البذرة نفسها. هذا هو البذرة 3311 بـ 5 نقطة. المولّد حتمي، فهذه الإعدادات تعيد إنتاج هذا المنحنى بعينه على أي جهاز.
هل يمكنني استخدام لون مختلف؟
نعم — اللون يُطبَّق عند التصدير ولا يكون مخبوزًا في الهندسة. المعاينة أعلاه تستخدم اللون الافتراضي للأداة؛ اختر لونك في المولّد وسيتبعه ملف SVG وخلفية CSS وclip-path جميعًا.
كل رقم وكل شكل في هذه الصفحة أُنتج بتشغيل المولّد وقت البناء، فهو يصف الأداة التي أنت على وشك استخدامها لا نسخة كانت موجودة يومًا.