فقاعة
مجاني، بلا تسجيل، يعمل داخل متصفحك.
اثنتا عشرة نقطة بعشوائية منخفضة، فينتج شيء شبه دائري لكنه مصنوع باليد بوضوح. مناسب حين تبدو الدائرة التامة جافة وتبدو الكتلة مرحة أكثر من اللازم.
الإعدادات التي وراءه
| المولّد | كتلة |
|---|---|
| النقاط | 12 |
| العشوائية | 20% |
| النعومة | 100% |
| البذرة | 7211 |
ما يجدر معرفته
- النقاط الكثيرة بعشوائية منخفضة تتقارب نحو دائرة ذات تموّج بطيء.
- أغلى كتلة هنا عند 559 بايت، لأن كل نقطة تضيف مقطعًا تكعيبيًا.
- إن أردت هذا المظهر بثمن زهيد، فاستخدم ست نقاط واخفض العشوائية.
كم يكلّف بالبايت
هذا الشكل بعينه يبلغ 559 بايت بصيغة SVG و720 بايت كخلفية CSS — وعنوان البيانات أكبر لأن الترميز بالنسبة المئوية يكلّف ثلاثة محارف عن كل محرف يهرّبه. والرقمان كلاهما للشكل المعروض أعلاه، بدقة منزلتين عشريتين في الإحداثيات.
| الصيغة | الحجم |
|---|---|
| SVG | 559 B |
| خلفية CSS | 720 B |
| clip-path في CSS | 777 B |
| border-radius في CSS | 106 B |
بداية ملف SVG الخاص بـ فقاعة
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 36.37C110.36 36.38,121.78 40.94,131.07 46.18C140.36 51.42,150.78 58.85,155.74 67.82C160.71 76.79,160.7 89.18,160.87 100C161.04 110.82,161.46 123.37,156.74 132.76C152.02 142.15,141.99 151.34,132.53 156.35C123.08 161.35,110.54 163.31,100 162.79C8…بمزيد من التفصيل
هذا الإعداد أوضح توضيح لمقايضة تحاول هذه الأداة إظهارها: اثنتا عشرة نقطة تكلّف نحو ضعف بايتات ستٍّ، وعند العشوائية المنخفضة يكون الفارق بينهما تموّجًا لن يسجّله أحد بوعي تقريبًا. وعدّاد البايتات تحت صندوق الناتج لهذا السبب بالضبط: ليُتَّخذ هذا الاختيار عن عمد لا بحكم العادة.
أسئلة
كيف أغيّر فقاعة بعد الحصول عليه؟
افتح المولّد، واضغط فقاعة في صف الإعدادات المسبقة، ثم حرّك ما شئت. الإعداد المسبق نقطة انطلاق لا قفل — تبقى كل المؤشرات فعّالة، وصندوق البذرة يقبل كلمة إن فضّلت تسمية شكلك بدل ترقيمه.
هل سيبدو كما هو في المرة القادمة؟
نعم، ما دامت البذرة نفسها. هذا هو البذرة 7211 بـ 12 نقطة. المولّد حتمي، فهذه الإعدادات تعيد إنتاج هذا المنحنى بعينه على أي جهاز.
هل يمكنني استخدام لون مختلف؟
نعم — اللون يُطبَّق عند التصدير ولا يكون مخبوزًا في الهندسة. المعاينة أعلاه تستخدم اللون الافتراضي للأداة؛ اختر لونك في المولّد وسيتبعه ملف SVG وخلفية CSS وclip-path جميعًا.
كل رقم وكل شكل في هذه الصفحة أُنتج بتشغيل المولّد وقت البناء، فهو يصف الأداة التي أنت على وشك استخدامها لا نسخة كانت موجودة يومًا.