SAMEH.
ANIMATION BUILDER / أدوات مجانية للمطوّرين

حرّك عناصرك.

عاين 95 تأثير حركة واحصل على كود JavaScript جاهز لـ Articulate Storyline 360.

لـ Articulate Storyline 360

معاينة مباشرة

جاهز
مساحة المعاينة
حركتك، وهي تعمل.
Fade In0.8s · Ease out

زر «تكرار» يتحكم في هذه المعاينة فقط، أما خيار «التكرار» في الإعدادات فيتحكم في الكود الناتج، وعنصرك يبقى في مشروعك.

كود الحركة

JavaScript
كود قليل، وحركة كثيرة.

أضِف Object ID لتحصل على كود JavaScript جاهز للّصق.

كود الإيقاف

JavaScript

ضعه على الزر أو الـ Trigger الذي يجب أن يوقف الحركة.

أوقفها متى شئت.

أضِف الـ Object IDs لتحصل على كود الإيقاف.

من المعاينة إلى المشروع

انقلها إلى Storyline.

  1. انسخ ID العنصر

    في Storyline 360، انقر بزر الماوس الأيمن على العنصر واستخدم أيقونة النسخ، أو اعثر عليه في قائمة Object reference داخل محرر JavaScript. الصق الـ ID فقط هنا، ثم اضغط «أضِف ID» أو Enter. استخدم «امسح الكل» لحذفه دون تغيير الحركة.

  2. اختر الحركة

    اختر الحركة واضبط إعداداتها. المعاينة تستخدم عنصرًا تجريبيًا ولا تتصل بمشروعك.

  3. انسخ الكود وأضِف Trigger

    انسخ الكود الناتج. في Storyline، أنشئ Trigger من نوع Execute JavaScript والصق الكود في المحرر.

  4. اختر متى تعمل

    شغّل الـ Trigger عند النقر أو عند بدء الـ Timeline. أضِف أكثر من Object ID لتحريكها معًا بـ Trigger واحد. انشر دورتك على الويب أو على نظام LMS واختبر النتيجة.

  5. أوقفها عند الحاجة

    انسخ كود الإيقاف إلى الـ Trigger الذي يجب أن ينهي الحركة: إيقاف وإعادة، أو إنهاء الدورة الحالية، أو تجميد في المكان. وتتوقف الحركة تلقائيًا عند إغلاق الـ Layer أو تغيير الشريحة.

استخدم أحدث إصدار من Storyline 360. تجنّب تداخل حركات Storyline الجاهزة على نفس العنصر. إعادة تشغيل هذا الكود تعيد تشغيل الحركة لهذا العنصر من البداية. التكرار اللانهائي يستمر حتى يُلغى أو تُغلق الشريحة. تأثير الخروج يخفي العنصر بصريًا فقط؛ إذا كان قابلًا للنقر فأخفِه أيضًا بـ Trigger في Storyline.

تستخدم Advanced JavaScript API الخاصة بـ Storyline. اقرأ الدليل الرسمي ↖

الحركة نسبية لموضع العنصر. هذه التأثيرات تعمل بالـ Triggers ولا ترتبط بشريط الـ Timeline في Storyline. الشكل النهائي يعتمد على العنصر والشريحة.

انسخ الكود

تم تحديد الكود.

منع المتصفح النسخ التلقائي. اضغط Ctrl+C على Windows أو ⌘C على Mac، ثم الصق في Storyline.