فتح تخصيص الطيف
افتح ملفًا صوتيًا في المحرر، ثم اختر الصوتالطيف. ابدأ بجرافيت أو شفق أو هالة أو استوديو، أو اختر الأعمدة المتناظرة أو الأعمدة أو الموجة أو الحلقة أو النقاط. يستجيب العرض للصوت الفعلي أثناء التشغيل.
لا تغيّر إعدادات العرض الصوت نفسه.
الألوان والحجم والحركة
في الألوان والخلفية، أدخل لون HEX من ست خانات مثل #77e6cb، مع علامة المربع أو بدونها. اختر لونًا وخلفية ثابتين أو متدرجين، ثم اضبط العتامة والتوهج. تتحكم خيارات الحجم والحركة في العرض والارتفاع والموضع الرأسي والتفاصيل والمسافات والاستدارة وحساسية الحركة ونعومتها.
تُحفظ هذه الإعدادات على جهازك على حدة عن مظهر البرنامج.
أظهر ما تريده فقط
افتح النصوص والشارات لإخفاء اسم المقطع والنص الإضافي وشارات الأداة والتشغيل كلًا على حدة. يمكنك كتابة عنوان ونص إضافي وتغيير لون النص وحجمه. أوقف العنوان والنص الإضافي لعرض الطيف وحده.
يتضمن كود المشاركة النصوص التي كتبتها، ولا يتضمن اسم الملف الأصلي.
عرض نظيف لتسجيل الشاشة
اختر عرض نظيف لملء معاينة البرنامج بتصميمك. تختفي التعليمات وشارات الأداة وحالة التشغيل. حرّك الماوس لإظهار التشغيل والتكرار وشريط التقدم والخروج، وتختفي أدوات التحكم بعد مهلة قصيرة عند إبعاد المؤشر عنها.
يُظهر Tab التحكم بلوحة المفاتيح، ويشغّل Space الصوت أو يوقفه، ويعيدك Escape إلى المحرر. سجّل العرض بأداة تسجيل الشاشة. يظل تصدير الصوت يحفظ MP3 فقط، ولا يحوّل الطيف إلى فيديو.
مشاركة مظهر الطيف واستيراده
افتح مشاركة مظهر الطيف. ينسخ نسخ المظهر كودًا مستقلًا للطيف، ويحفظ تصدير المظهر ملف Loaderly.visualizer.json. يستطيع المستلم لصق الكود واختيار تطبيق المظهر، أو استخدام استيراد المظهر لاختيار الملف.
يحتوي الكود على إعدادات العرض والنصوص المخصصة فقط، دون الصوت أو مسار الملف أو مفاتيح API أو إعدادات مظهر البرنامج. يبقى المظهر الحالي عند إدخال ملف غير صالح. تعيد إعادة ضبط الطيف مظهر جرافيت.
حروف وكلمات وخطك الخاص
اكتب حرفًا أو حرفين أو كلمة أو عبارة قصيرة في حروف أو كلمة. يدعم العربية والإنجليزية والأرقام. اختر النمط العصري أو الكلاسيكي أو ثابت العرض، أو استخدم ملف خط من جهازك. اضبط وزن الخط والتباعد والميل والعرض، ثم أنشئ الشكل.
إعادة الإنشاء تستبدل تعديلات النقاط، ويمكن استعادتها بالتراجع. يبقى ملف الخط على جهازك؛ يحفظ كود المشاركة الشكل النهائي ولا يحتاج المستلم إلى تثبيت الخط.
عدّل من المعاينة مباشرة
اختر تحريك وحجم أعلى المعاينة الكبيرة، واسحب التصميم لتغيير موضعه أو إحدى زواياه لتغيير حجمه. يتيح تعديل النقاط إعادة تشكيله مباشرة من المعاينة. حدّد عدة نقاط عبر Ctrl أو Command مع الضغط، واسحب نقطة محددة لتحريك المجموعة.
استخدم Alt مع الضغط للتنقّل بين النقاط المتداخلة. تساعدك النقطة السابقة والتالية وتكبير الرسم وتكبير الجزء المحدد في التفاصيل الدقيقة. تُدرج إضافة نقاط نقطة في الجزء المحدد، وتضيف إضافة خط منفصل مسارًا مستقلًا.
ارسم شكلًا جديدًا
ابدأ بشكل جاهز أو خط مستقيم أو حرف مفرد من A إلى Z. استخدم تثبيت النقاط على الشبكة أو المحاذاة عبر Shift أو تدوير الشكل. اختر الخط المتصل أو الأعمدة أو النقاط، ثم اضبط السماكة واللون والتوهج وقوة الحركة.
يطبّق منحنى ناعم على الجزء المحدد. يعمل Ctrl+Z وCtrl+Shift+Z وCtrl+Y بمختلف لغات لوحة المفاتيح لتعديلات الشكل والألوان والحجم. تحتفظ حقول النص باختصارات تحريرها المعتادة.
عاين الشكل واستخدمه في Loaderly
مصمم الموقع طريقة أخرى لإنشاء الطيف. اختر جرّب صوتك لفتح ملف محلي، ثم تشغيل. يبقي تكرار الصوت المقطع يعمل أثناء التصميم. عدّل الألوان والحجم والحركة والنصوص، ثم انسخ المظهر أو نزّله.
في Loaderly 2.1 افتح الصوتالطيفاستيراد ومشاركة لتطبيقه. يمكنك أيضًا استخدام المصمم الكامل مباشرة داخل Loaderly.
استخدام المصمم الكامل داخل Loaderly
في محرر الصوت اختر الصوتالطيففتح مصمّم الطيف. ويمكنك البدء دون ملف من مكتبة المجتمعتصميم ومشاركةطيف جديد. يعمل المصمم محليًا. يعيد تطبيق التصميم الإعدادات المعدلة، ويحتفظ إلغاء بالتصميم السابق.
الحركة التجريبية محاكاة؛ استخدم جرّب صوتك للاستماع إلى ملف محلي. لا يُضمّن الصوت في التصميم المشترك.
الكلمات والمنحنيات وشكل الخط
أدخل حرفًا أو كلمة أو عبارة قصيرة في الحروف أو الكلمات. اختر خطًا حديثًا أو كلاسيكيًا أو أحادي العرض، واضبط النسب والتباعد ثم أنشئ الشكل النصي. يمكنك استخدام خط محلي أثناء التصميم.
يحتوي التصميم المشترك نقاط الشكل ولا يحتوي ملف الخط. تعيد كتابة الشكل استبدال تعديلات النقاط اليدوية، ويسترجعها التراجع. للحروف الهندسية مثل Z قارن المقاطع المستقيمة بخيار المنحنى الناعم.
التعديل على المعاينة الكبيرة
استخدم التحريك وتغيير الحجم لضبط الطيف كاملًا. يتيح تعديل النقاط تشكيل المسار نفسه، مع توفر التعديلات في الشبكة الصغيرة أيضًا. يضيف الضغط على Ctrl أو Command مع النقر نقاطًا إلى التحديد المتعدد أو يزيلها منه؛ ويمكن تحريك التحديد معًا.
استخدم التحديد بلوحة المفاتيح وأسهم التحريك عندما تتقارب النقاط. تساعد المحاذاة للشبكة على الترتيب. يعمل التراجع والإعادة بمواقع مفاتيح الاختصار عبر لغات لوحة المفاتيح.
موازنة التفاصيل والحركة
يزيد عدد الأعمدة وضوح الكلمات الطويلة، لكن كثرة الأعمدة السميكة قد تجعلها متداخلة. اضبط العدد والفجوة والسماكة معًا. تغير الحساسية قوة استجابة الشكل للصوت، ويجعل التنعيم الحركة أهدأ.
يضيف التوهج إضاءة حول الخطوط وتغيّر العتامة وضوحها. ابدأ بقوة حركة قليلة للحروف الواضحة ثم ارفعها أثناء تشغيل صوت فعلي.
النصوص تتحرك مع الطيف
يتحرك العنوان والنص الإضافي مع الطيف ويبقيان أسفل مساحة رسمه. قرب أسفل الإطار تتوقف المجموعة معًا حتى يبقى النص ظاهرًا. تستخدم المعاينة وتصدير MP4 الترتيب النسبي نفسه.
شكل بطريقتك
اختر مظهرًا، وارسم شكلًا جديدًا، ثم استخدمه في Loaderly. لا تحتاج إلى كتابة كود.
يبقى الصوت داخل متصفحك، ولا يُضمّن في كود المظهر الذي تشاركه.
اختر شكلًا جاهزًا وعدّله، أو ارسم شكلًا جديدًا.
فعّل إضافة نقاط لإدراج نقاط جديدة، واسحب النقاط الموجودة لتعديل الشكل. اضغط Shift أثناء السحب للمحاذاة مع نقطة مجاورة. استخدم الأسهم للتحريك الدقيق، وEnter لتحديد النقطة التالية، وDelete للحذف.
استخدم Loaderly 2.1 لفتح جميع التصاميم في المكتبة الحالية وتعديلها. تنزيل التحديث
احفظ مظهرك وشاركه
في Loaderly، افتح الصوتالطيفاستيراد ومشاركة. الصق الكود واختر تطبيق المظهر، أو استورد الملف الذي نزّلته.
عرض الكود أو لصقه
{
"format": "loaderly-visualizer",
"version": 2,
"settings": {
"style": "mirror",
"color": "#c4cbd3",
"secondColor": "#ffffff",
"gradient": false,
"background": "#151515",
"backgroundEnd": "#242424",
"backgroundGradient": false,
"width": 78,
"height": 44,
"positionX": 50,
"positionY": 50,
"count": 80,
"gap": 4,
"roundness": 3,
"sensitivity": 1,
"smoothing": 0.8,
"glow": 0,
"opacity": 1,
"showTitle": true,
"showSubtitle": false,
"showBadges": false,
"title": "",
"subtitle": "",
"textColor": "#eef1f5",
"textSize": 16,
"shape": {
"points": [
[
0.5,
0.12
],
[
0.88,
0.5
],
[
0.5,
0.88
],
[
0.12,
0.5
]
],
"closed": true,
"smooth": false,
"mirror": false,
"aspect": 1,
"amplitude": 0.5
}
}
}شارك ملف JSON أو الكود مع صورة للنتيجة. يتضمن المظهر نصوصك المخصصة وألوانك وشكلك، دون الملف الصوتي.
تصاميم تضيف لمستك.
اكتشف تصاميم الآخرين، وانشر تصميمك من Loaderly ليظهر هنا أيضًا. سجّل الدخول بحساب GitHub داخل البرنامج للمشاركة.