ما الذي يحتاجه نظام الإنجازات من شاراته؟

أكثر من صورة واحدة لكل إنجاز. يرى اللاعب الشارة قبل أن يكتسبها (مقفلة)، وأحيانًا دون أن يعرف ما هي (مخفية)، وغالبًا على مستويات (برونزي، فضي، ذهبي). كما تريد كل منصة حجمها وصيغتها الخاصين. رسم كل حالة يدويًا يضاعف العمل خمس مرات. أما صانع الشارات فيرسم كل إنجاز مرة واحدة ويصنع الحالات الأخرى من ذلك الرسم.

تسع شارات إنجاز للجري، من First run إلى 7 day streak، بمستويات من Level 1 إلى 9، بالكحلي والبرتقالي؛ وأسفلها الشارات التسع نفسها مقفلة بالرمادي مع قفل

مجموعتنا النموذجية لنادي الجري: تسع شارات من قائمة واحدة، مكتسبة (أعلى) ومقفلة (أسفل). صُنعت النسخ المقفلة من الرسومات نفسها، ولم تُرسم من جديد.

كيف أصنع مجموعة شارات؟

افتح مولد الشعارات بالذكاء الاصطناعي واختر الشارات، ثم مجموعة.

  1. اكتب الإنجازات، كل إنجاز في شريحة مستقلة: first run, 5 km, 10 km, half marathon, marathon, early bird. تُكتب أسماء الإنجازات على الشارات نفسها، ويمكن أن تكبر المجموعة حتى 36 شارة.
  2. اختر السطر السفلي. بدون، أو LEVEL 1، 2، 3… بترتيب القائمة، أو الكلمات نفسها على كل شارة (اسم نادٍ، أو سنة). ويُكتب اسم الإنجاز على طول الأعلى.
  3. اختر المظهر. عريض أو خطي أو ريترو، بالإضافة إلى ما يصل إلى 300 حرف تصف بها النمط بكلماتك، وما يصل إلى ثلاثة ألوان: «عريض، رياضي، كحلي وبرتقالي».
  4. أرسل. يُطبع سعر المجموعة الجديدة على الزر أولًا.

لشارة واحدة، أو شعار نادٍ، أو ختم "Est. 2024"، اختر شارة واحدة واكتب المنتصف والسطر العلوي والسطر السفلي بنفسك.

هل تُكتب الحروف كما كتبتها؟

تُكتب الكلمات كجزء من الرسم، ويُطلب من الرسم أن يكتبها تمامًا كما كتبتها. لكن انظر إلى كل شارة قبل التنزيل، فقد يخرج حرف ما بشكل خاطئ. السطور القصيرة تُقرأ بأفضل شكل: يتسع السطر العلوي لـ40 حرفًا والسطر السفلي لـ30 حرفًا، لكن كلمتين أو ثلاثًا تناسب المنحنى أفضل بكثير من جملة كاملة. إذا خرجت كلمة خاطئة، فأعِد تلك الشارة في جولة مع ملاحظة («السطر العلوي: HALF MARATHON HERO»)، وتبقى بقية المجموعة كما هي. الكلمات التي تطلب شعار شركة أخرى أو علامتها التجارية تُرفض قبل رسم أي شيء، ولا يُخصم منك شيء. أما الادعاءات المتعلقة بنشاطك التجاري، مثل "certified" أو "money-back"، فتُعرض عليك لتؤكد أنها صحيحة.

ما النسخ التي أحصل عليها من كل شارة؟

النسخة شكلها الاستخدام المعتاد
مكتسبة الشارة كما رُسمت إنجاز محقق
برونزي، فضي، ذهبي، بلاتيني الحلقة والكتابة بلون المعدن، بشكل مسطح أو بلمعان خفيف مستويات الإنجاز الواحد
مقفلة نسخة رمادية مضغوطة مع قفل على الحلقة لم يُكتسب بعد
مخفية الشارة الرمادية باهتة تحت علامة استفهام كبيرة إنجاز سري

تعيد المستويات تلوين أشكال الحلقة كاملة بحسب دورها (الحلقة الخارجية، والإطار، والشريط، والحروف)، وتُبقي الحروف واضحة على خلفية الشريط. أما الرسم في المنتصف فيحتفظ بألوانه، ليبقى الإنجاز مفهومًا من نظرة واحدة.

ما الملفات التي تحصل عليها كل منصة؟

التنزيل الملفات
الويب والتطبيقات ملف SVG لكل شارة ونسخة، وصور PNG بأحجام 64 و128 و256 و512 بكسل، وsprite.svg، وbadges.json يسرد كل ملف وكل كلمة
Steam صور JPG بحجم 256 × 256 في achieved/ وunachieved/ (النسخة المقفلة)، كما يطلب Steamworks
Game Center صور PNG بحجم 1024 × 1024
Google Play صور PNG بحجم 512 × 512 أقل من 1 ميغابايت (تجعل Google الإنجازات المقفلة رمادية بنفسها)
Twitch شارات المشتركين بأحجام 18 و36 و72 بكسل، كل منها أقل من 25 كيلوبايت
Discord أيقونات أدوار بحجم 64 × 64 أقل من 256 كيلوبايت
Open Badges صور PNG مربعة لا تقل عن 600 بكسل وأقل من 256 كيلوبايت، للشهادات
طباعة صور PNG بدقة 300 DPI وملفات SVG بالمليمتر، بقطر من 2 إلى 10 سم

يُصنع كل تنزيل بمقاسات منصته وصيغها، وتُضغط صور PNG فيه لتقترب من حد حجم الملف لدى المنصة. قواعد المنصات تتغير؛ ويعكس الجدول ما كانت عليه عند كتابة هذا الدليل.

كيف أعرضها في تطبيقي؟

استخدم ملف badges.json من تنزيل الويب كخريطة لك: كل إدخال فيه يذكر اسم الإنجاز، وكلماته العلوية والسفلية، وملف كل نسخة. اعرض ملف SVG للنسخة المكتسبة عندما يحققها اللاعب، والنسخة المقفلة في غير ذلك. ملفات SVG تبقى حادة على كل كثافات الشاشات. واستخدم صور PNG حيث يطلب محرك أو متجر صورًا نقطية. نص الحلقة يسهل قراءته من 128 بكسل فأكثر. وتحت ذلك، تُفهم الشارة من رسمها ولونها، لذا اجعل المنتصف بسيطًا وامنح كل شارة في المجموعة موضوعًا مختلفًا.