ממשק API לציור של Flash CS3, ActionScript 3, Class Shape

• מאי 17, 2024

אחד הדברים האהובים עלי לעשות בפלאש הוא לצייר אל הבמה. אבל אני לא מדבר על רישום עם כלי הציור של הפלאש כמו הכלי מלבן או סגלגל. במדריך זה נלמד את היסודות לשרטוט בעזרת ActionScript 3 ו- API לצייר.

אני מהסס לדבר יותר מדי על תכנות OOP ושיעורים במדריכי המתחילים שלי כי זה פשוט הופך את הדברים למסובכים יותר. אבל מדריך זה הוא יוצא מן הכלל. זה מושלם להצגת התפיסה הבסיסית של שיעורי OOP. כיתת OOP ב- ActionScript היא רק חבורה של מידע שנבנה מראש, המכונה מאפיינים ושיטות. מידע זה שנבנה מראש חוסך למתכנת זמן רב בקידוד ActionScript מכיוון שאין צורך לשכתב מידע זה בכל תוכנית הקוראת להשתמש בכיתה ספציפית.

במדריך זה נשתמש בכיתת הצורה, בתכונה הגרפית המוגדרת מראש שלה ובכמה משיטותיה לצייר מעגל פשוט על הבמה.

מאפיין גרפי
שיטת קו סטייל
להתחיל בשיטת
שיטת drawCircle
שיטת endFill ()

השלב הראשון שלנו הוא ליצור שכבת פעולות על ציר הזמן, לחץ על מסגרת 1 ופתח את החלונית פעולות (חלון - פעולות). שורת הקוד הראשונה שלנו תיצור משתנה חדש שיחזיק את המעגל.

var myCircle: צורה = צורה חדשה ();

בקוד שלעיל, אנו יוצרים משתנה חדש ומכנים אותו "myCircle". אנו קובעים את סוג הנתונים למשתנה חדש זה צורה. בצד השני, אנו משתמשים ב- חדש מילת מפתח ליצירת מופע חדש משיעור הצורה.

אם השתמשת בכלי הציור של הפלאש, אתה יודע שלצורה יש גם קו ומילוי. כשאתה משתמש בשיעור הצורה לרישום, יש לך גם שבץ ומילוי. בשורות הקוד הבאות, נגדיר את ה- Stroke and מילוי עבור myCircle שלנו.

myCircle.graphics.lineStyle (2, 0x000000);

בקוד שלמעלה אנו קובעים את ערכי ה- Stroke בשיטת lineStyle של המאפיין Graphics. נקבע את ערך רוחב ה- Stroke בפיקסלים ואת צבע ה- Stroke עם ערך הקסדצימלי. מעל, הגדרנו את ה- Stroke עבור המעגל שלנו לרוחב של 2 פיקסלים וצבע שחור.

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

myCircle.graphics.beginFill (0xff0000);

אוקיי, עכשיו עלינו לומר לפלאש איפה לצייר את המעגל על ​​הבמה. כפי שהייתם מצפים, עליכם להגדיר ערך לצירי X ו- Y ולרדיוס המעגל. נעשה זאת בשיטת drawCircle שהיא חלק מהמאפיין Graphics.

myCircle.graphics.drawCircle (100, 200, 50);

בשורת קוד זו אנו אומרים לפלאש לצייר את המעגל שלנו 100 פיקסלים מהפינה השמאלית העליונה של הבמה לאורך ציר ה- X ו -200 פיקסלים בציר ה- Y. המעגל שלנו יהיה ברדיוס של 50. כשאתה מגדיר ערכים אלה, דאג לסדר בו אתה מפרט אותם בקוד. הערך הראשון שלך יהיה לציר X והערך השני הוא לציר Y. השלישי מיועד לרדיוס. אם אתה נותן ל- Flash ערכים אלה לא בסדר, תקבל תוצאות לא צפויות.

לבסוף, עלינו להוסיף את המעגל שלנו כאובייקט לתצוגה לילד לרשימת התצוגה.

addChild (myCircle);

אה, השארתי את שורת הקוד האחת שלנו! למרות שהקוד שלנו יעבוד כמו שהוא, השארנו את שיטת endFill () שת"סגור "את תהליך השרטוט. זה לא ממש הכרחי מכיוון ש- endFill () נקרא אוטומטית. עם זאת, תרגול טוב להוסיף אותו לקוד שלך רגע לפני addChild ().

myCircle.graphics.endFill ();

להלן הקוד המלא.

זכויות יוצרים 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 בארצות הברית ו / או במדינות אחרות.