أضف ActionScript إلى زر لـ Envelope Animation

• أبريل 20, 2024

في الدروس القليلة الماضية ، انتهينا من الرسوم المتحركة التي تسببت في تحول المغلف إلى منتصف المرحلة وقمنا بإضافة زرنا غير المرئي على الختم على الظرف. الآن ، الشيء الوحيد المتبقي للنصف الأول من الرسوم المتحركة هو إضافة بضعة أسطر من ActionScript إلى زرنا. سيُخبر هذا الرمز Flash بأن يقوم ببساطة بإيقاف الرسوم المتحركة على الإطار 80 والاستماع إلى الزر للنقر. عند النقر فوق الزر ، سينقل ActionScript الرسوم المتحركة إلى الإطار 81 والنصف الثاني من الرسوم المتحركة. بالطبع ، ما زلنا بحاجة إلى بناء بقية الرسوم المتحركة ، لكن الآن ، سوف نعمل على الرمز الذي سيجعل زرنا يتحكم في الجدول الزمني.

افتح ملف fla الخاص بنا في Flash CS3. في هذه المرحلة ، لدينا 80 إطارًا على الجدول الزمني. سوف نعمل على الإطار 80 خلال هذا البرنامج التعليمي.

1. فتح طبقات الإجراءات و InvButton. في الإطار 80 من طبقة الإجراءات ، انقر بزر الماوس الأيمن وأضف إطارًا رئيسيًا. من قائمة "Menubar" ، انقر فوق "نافذة" ، "إجراءات" لفتح لوحة "الإجراءات".
   
   
2. أضف الكود التالي إلى لوحة Actions.
   
   قف()؛
   
   InvButton1.addEventListener (MouseEvent.CLICK، open_Env)؛
   
   الدالة open_Env (myevent: Event): void {
   InvButton1.removeEventListener (MouseEvent.CLICK، open_Env)؛
   لعب()؛
   }
   
   كما ترون ، يحتوي هذا الرمز على ثلاثة أجزاء. نضيف أولاً رمز الإيقاف () لإيقاف الرسوم المتحركة والانتظار حتى يتم النقر فوق الزر. نظرًا لأن الكود موجود في الإطار 80 ، فسيتم إيقاف الرسوم المتحركة.
   
   بعد ذلك ، نضيف EventListener إلى مثيل InvButton1 من زر الطابع غير المرئي الخاص بنا. سيستمع EventListener هذا إلى النقر بالماوس على الزر ثم استدعاء وظيفة open_Env.
   
   تقوم الدالة open_Env بعمل شيئين. أولاً ، يزيل EventListener ثم ينقل الرسوم المتحركة إلى الإطار 81 برمز play ().
   
   
3. بعد إضافة ActionScript إلى لوحة Actions ، يمكنك إغلاق لوحة Actions.
   
   
4. كما ترون ، فعلنا كل هذا في الإطار 80. انقر فوق التحكم ، اختبار الفيلم لاختبار الزر. سترى أن الرسوم المتحركة لا تعود تلقائيًا إلى بداية الخط الزمني بعد الإطار 80 كما كان من قبل. الآن ، يتوقف فيلمنا وينتظر أن ينقر شخص ما على الزر. هذا لأننا نسيطر الآن على الخط الزمني باستخدام ActionScript.
   
   

احفظ ملف fla الخاص بك في البرنامج التعليمي التالي عندما نبدأ العمل في النصف الثاني من الرسوم المتحركة الخاصة بالظروف.

حقوق النشر 2018 Adobe Systems Incorporated. كل الحقوق محفوظة. أعيد طبع (لقطات) شاشة منتج Adobe بإذن من Adobe Systems Incorporated. Adobe و Photoshop و Photoshop Album و Photoshop Elements و Illustrator و InDesign و GoLive و Acrobat و Cue و Premiere Pro و Premiere Elements و Bridge و After Effects و InCopy و Dreamweaver و Flash و ActionScript و Fireworks و Contribute و Captivate و Flash Catalyst و Flash Paper هي / هي إما [a] علامة تجارية مسجلة أو علامة تجارية لـ Adobe Systems Incorporated في الولايات المتحدة و / أو البلدان الأخرى.

تعليمات الفيديو: كيفية إضافة الإعلان البيني AdMob interstitial عند الضغط والإنتقال الى صفحة أخرى (أبريل 2024).