Flash ActionScript 3 בקנה מידה Y לפתיחת מעטפה

• אַפּרִיל 26, 2024

כעת, לאחר שתוכנתנו את דש המעטפות בפלאש שלנו^ר אנימציה כדי להופיע פתוחה לגמרי מעל המעטפה כאשר לוחצים על כפתור הבול, עלינו לצמצם את האנימציה בכדי לגרום לה להיראות כי הדש נפתח לאט. אנו נעשה זאת על ידי שליטה בשתי תכונות של הדש. זכור, האובייקט newFlap הוא משתנה המתייחס לקליפ הסרט FlapAni בספריה. אנו משתמשים בוואר זה כדי לגרום לדש להופיע על הבמה.

כסקירה מהירה, במדריך האחרון תיכנתנו פונקציה שנקראה openFlap כדי להוסיף אובייקט newFlap לרשימת התצוגה. עשינו זאת באמצעות קוד addChild. קבענו גם את המיקום הראשוני עבור המאפיינים newFlap.x ו- newFlap.y. זה הציב את תחתית הדש בקצה העליון של המעטפה. כאמור, הערכים שלך למיקום x ו- y על הבמה עשויים להשתנות בהתאם לגודל והמיקום של המעטפה שלך.

הדבר הראשון שעלינו לעשות הוא להתנסות למצוא ערך newFlap.y שיניח את הדש מתחת לקצה העליון של המעטפה, ולכן מחוץ לטווח ראייה בתחילת האנימציה. למעשה, אנו רוצים שהנקודה של הדש המשולש תהיה ממש מתחת לקצה העליון של המעטפה. בזמן שאתה מבצע ניסויים, יתכן שיהיה קל יותר להעביר את הדש 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. תחת קוד ה- Scale, בואו נוסיף את מאזין האירועים לבמה. זה מה שיפעיל את הפונקציה scaleFlap.
   
   stage.addEventListener (אירוע .ENTER_FRAME, scaleFlap);
   
   
4. בשלב הבא, הוסף את הפונקציה השנייה. העתק והדבק קוד זה בפונקציה openFlap.
   
   פונקציית סולם פלאפ (אירוע: אירוע): בטל
   {
   אם (newFlap.scaleY> = 1)
   {stage.removeEventListener (אירוע.ENTER_FRAME, scaleFlap); }
   אחר
   {newFlap.scaleY + =. 05;
   newFlap.y - = 2.9;}
   }
   
   בואו נבחן את הקוד. ההצהרה הראשונה אם תבדוק את ערך הסולם Y כדי לראות אם הוא גדול או שווה ל 1. המספר 1 מייצג ערך סולם של 100%). אם התנאי הוא נכון, נסיר את מאזין האירועים ונפסיק את האנימציה.
   
   אם התנאי שגוי, אנו נמשיך את האנימציה על ידי הגדלת ערך הסולם Y ב0.05 ונעביר את הדש כלפי מעלה ב -2.9 שלילי. (בשלב הבזק אנו נעים כלפי מעלה על ידי הקטנת ערך המספר של מיקום Y.) זה ימשיך עם כל פריים חדש עד שהתנאי להצהרת if יהיה נכון.
   
   שוב, ערכי המספרים האלו עשויים להיות שונים לסרט שלך בגלל גודל המעטפה והמיקום של המעטפה שלך על הבמה. הנה האנימציה הסופית.

זכויות יוצרים 2018 Adobe Systems Incorporated. כל הזכויות שמורות. צילומי מסך של מוצרי אדובי הודפסו מחדש עם אישור של Adobe Systems Incorporated. אדובי, פוטושופ, אלבום פוטושופ, אלמנטים פוטושופ, אילוסטרייטור, InDesign, GoLive, Acrobat, Cue, Premiere Pro, אלמנטים בכורה, גשר, After Effects, InCopy, Dreamweaver, Flash, ActionScript, זיקוקים, לתרום, לכידת, Flash Catalyst ונייר פלאש. הוא / הם [a] סימנים מסחריים רשומים או סימנים מסחריים של Adobe Systems Incorporated בארצות הברית ו / או במדינות אחרות.