فلاش ActionScript 3 scaleY لفتح مغلف

• قد 4, 2024

الآن بعد أن قمنا ببرمجة غلاف المظروف في Flash الخاص بنا^R لكي تظهر الرسوم المتحركة مفتوحة بالكامل فوق الظرف عند النقر فوق زر الطابع ، نحتاج إلى تحسين الرسوم المتحركة لجعلها تظهر أن الغطاء مفتوح ببطء. سنفعل ذلك من خلال التحكم في خاصيتين للرفرف. تذكر أن كائن newFlap هو متغير يشير إلى مقطع فيلم FlapAni في المكتبة. نحن نستخدم هذا var لجعل اللوحة تظهر على المسرح.

كمراجعة سريعة ، في البرنامج التعليمي الأخير ، قمنا ببرمجة دالة تسمى openFlap لإضافة كائن newFlap إلى قائمة العرض. لقد فعلنا ذلك برمز addChild. قمنا أيضًا بتعيين الموضع الأولي لخصائص newFlap.x و newFlap.y. هذا وضع الجزء السفلي من رفرف في الحافة العلوية من المغلف. كما ذكرنا من قبل ، قد تختلف قيمك لموضع x و y على المسرح حسب حجم وموقع المغلف.

أول شيء نحتاج إلى القيام به هو التجربة للعثور على قيمة newFlap.y التي ستضع اللوح أسفل الحافة العلوية من المغلف ، وبالتالي بعيدًا عن الأنظار في بداية الحركة. في الواقع ، نريد أن تكون نقطة اللوح الثلاثي أسفل الحافة العلوية للظرف. أثناء قيامك بالتجربة ، قد يكون من الأسهل نقل flap 100 بكسل إلى اليمين عن طريق تعيين newFlap.x على 300 (إضافة 100). وهذا سيجعل رفرف مرئية جزئيا على الجانب الأيمن من المغلف. بعد التجربة ، وجدت أن قيمة newFlap.y البالغة 200 هي ما أحتاجه. هذا هو موقفنا المبدئي الجديد للرفرفة. لا تنسَ أن تعيد قيمة newFlap.x إلى القيمة الأصلية قبل الانتقال إلى الخطوة التالية.

1. نحتاج إلى تغيير الكود الموجود من آخر برنامج تعليمي لنعكس قيمة newFlap.y الجديدة لدينا والتي تبلغ 200. اختبر فيلمك بعد إجراء هذا التغيير ، ويجب ألا ترى اللوحة عند النقر على زر الطابع.
   
   newFlap.y = 200؛
   
   بالنسبة للرسوم المتحركة الخاصة بنا ، نود أن يتحرك الرقائق ببطء إلى أعلى الظرف. في الوقت نفسه ، سوف نحتاج إلى توسيع حجم اللوحة المفتوحة من قيمة مقياس أولية بقيمة صفر. من خلال البدء بالمقياس المحدد على الصفر ، يمكننا إبطاء حجم اللوحة لإفتحها بالكامل. ستقوم قيمة y بتحريك الشريحة إلى أعلى ، لكنها قيمة المقياس التي ستجعل اللوح مفتوحًا.
   
   
2. سيكون التغيير التالي للوظيفة هو إضافة الكود الذي سيحدد المقياس Y على الصفر ويسوي القلاب.
   
   newFlap.scaleY = 0؛
   
   الآن نحن بحاجة إلى العمل على جزء من الرسوم المتحركة التي ستفتح رفرف. هناك عدة طرق للقيام بذلك باستخدام ActionScript. في هذا البرنامج التعليمي ، سوف نستخدم "مستمع الأحداث" المرتبط بالمرحلة لتشغيل وظيفة ثانية والتي سوف نطلق عليها scaleFlap. سنضع هذه الوظيفة الثانية داخل وظيفة openFlap.
   
   
3. تحت رمز المقياس ، لنقم بإضافة "مستمع الأحداث" إلى المسرح. هذا هو ما سيتم تشغيل وظيفة scaleFlap.
   
   stage.addEventListener (Event.ENTER_FRAME، scaleFlap)؛
   
   
4. بعد ذلك ، أضف الوظيفة الثانية. انسخ هذا الرمز والصقه في وظيفة openFlap.
   
   مقياس وظيفة (الحدث: الحدث): باطلة
   {
   إذا (newFlap.scaleY> = 1)
   {stage.removeEventListener (Event.ENTER_FRAME، scaleFlap)؛ }
   آخر
   {newFlap.scaleY + =. 05؛
   newFlap.y - = 2.9؛}
   }
   
   دعنا نتفحص الكود. أول عبارة if ستقوم بالتحقق من قيمة المقياس Y لمعرفة ما إذا كانت أكبر من أو تساوي 1. يمثل الرقم 1 قيمة مقياس بقيمة 100٪). إذا كانت الحالة صحيحة ، فسنقوم بإزالة Event Listener وإيقاف الرسوم المتحركة.
   
   إذا كانت الحالة خاطئة ، فسوف نستمر في الرسوم المتحركة عن طريق زيادة قيمة المقياس بمقدار 0.05 وتحريك الشريحة إلى الأعلى بمقدار 2.9 سلبي. (في مرحلة الفلاش ، نتحرك للأعلى من خلال تقليل قيمة الرقم في موضع Y). سيستمر هذا مع كل إطار جديد حتى يصبح شرط عبارة if صحيحًا.
   
   مرة أخرى ، قد تكون قيم الأرقام هذه مختلفة بالنسبة للفيلم نظرًا لحجم المغلف وموقع المغلف على المسرح. هنا هو الرسوم المتحركة النهائية.

حقوق النشر 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 في الولايات المتحدة و / أو البلدان الأخرى.

تعليمات الفيديو: Adobe Flash ActionScript 3.0 - Simple Navigation (قد 2024).