تخصيص شاشة البدء لـ Discourse بصور SVG مخصصة

زاحف للغاية!

أضف واحدة مدورة حوالي 60 درجة عكس اتجاه عقارب الساعة و 180 درجة حول المحور ص وستحصل على عيون كائن تم إحياؤه
أضف صورة معكوسة تم تدويرها حول المحور ص بحيث تكون هناك صورتان (عينان)

اذهب يا ديسكورس ريكس
نعم، لا يمكنني إخراج هذا من رأسي وبالتأكيد أحتاج إلى الخروج أكثر

إعجابَين (2)

لقد وضعت مُحمّلاً (loader) للدراجة أحادية العجلة هنا! https://unicyclist.com
رائع!

الرسوم المتحركة الأصلية كانت مني باستخدام CSS فقط، وطلبت من Gemini “تحويلها” (بمعنى ما) إلى SVG.

8 إعجابات

على شاشة التحميل الخاصة بـ https://unicyclist.com، يبدو شريط التحميل ممتدًا إلى ما وراء الخلفية.

إعجاب واحد (1)

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

على سبيل المثال، هذا الإصدار الأقدم:

يبدو معطلاً تمامًا هنا، حتى عند النقر عليه (يظهر شريط تحميل مزدوج…).
لكنه يبدو جيدًا عند استخدامه كشاشة بدء التشغيل.

لقد طلبت بغباء من Gemini “إصلاحه”، مما أدى إلى إنشاء SVG الذي نشرته ويبدو جيدًا، ومع ذلك يبدو أن بعض المستخدمين لديهم مشكلة تتعلق بشريط التقدم. أفترض أن هذا هو ما تراه:

ليس لدي أي مشكلة على نظام التشغيل Windows باستخدام Chrome/Firefox أو Android/Chrome.

لا أعرف ما إذا كان هناك أي نوع من العلاقة بين Discourse وهذه الأخطاء.

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

إعجابَين (2)

أنا أستخدم clipPaths في ملفات SVG الخاصة بي لمنع العناصر من التدفق خارج الحدود.
ربما يكون توجيه Gemini بالطريقة التالية فعالاً:

شريط التقدم في ملف SVG هذا يمتد إلى ما وراء الخلفية. يرجى تعديله لضمان بقائه ضمن حدود الخلفية باستخدام `clipPath`.
4 إعجابات

شكرًا جزيلاً على الميزة، لقد حاولت بنفسي أيضًا، لست راضيًا تمامًا بعد ولكني أعمل على إصلاحها :smiley:

8 إعجابات