עכשיו כשלמדתם את היסודות של לולאות, בואו נמשיך ונעשה לולאת ציור מגניבה כמו זאתי,
קפצן בלונים שצפץ בשמיים
תוך כדי שאני אעבור איתכם על כתיבת התוכנית מאפס, אני רוצה שתחשבו כיצד אתם הייתם כותבים את התוכנה הזו בעצמכם, מכיוון שבקרוב מאוד, אתם תכתבו.
אז תחילה, תמיד עוזר לפרק את התוכנית לצעדים.
נתחיל בלצייר את הבלונים האלו, שהם פשוט אותן אליפסות שחוזרות אחת על השנייה שוב ושוב ושוב וזה נשמע כמו עבודה ללולאה.
ואז, נעשה את הקווים האלו, ולבסוף נוסיף את קפצן הבלונים בעצמו.
אוקיי, אז הנה דף חלק. שיכול להיות די מפחיד,
לפעמים, זה עוזר לעשות את הדברים טיפה יותר ידידותיים על ידי הוספת רקע, רק בשביל להיכנס לאווירה.
עכשיו, מכיוון שאנחנו רוצים לצייר לולאה, המחשבה הראשונה שלכם צריכה להיות שאלות הלולאה האלו שדיברנו עליהן קודם.
נעבור עליהן די מהר הפעם, אבל אם אתם צריכים תזכורת תוכלו להסתכל בסרט ״מבוא ללולאות while״
עכשיו, השאלה הראשונה היא: ״על מה נרצה לחזור?״
אז בואו ננסה לצייר את הבלון הראשון, מכיוון שאנחנו רוצים לחזור על הבלונים האלו.
נוכל לעשות את זה, אולי ככה, זה די קטן וזה לא בדיוק במקום הנכון
אז בואו נזיז את זה טיפה.
זהו חלק בלתי נמנע מתכנות, לנסות משהו, להבין שזה לא בדיוק מה שרצית, ואז לנסות שוב עד שאתה מגיע קרוב יותר ויותר.
אוקיי, עכשיו אנחנו צריכים להוסיף צבע כמו שצריך נכון? אז לא חשבנו על זה כשחשבנו על הצעדים, אז נוכל פשוט להגיד שזה חלק מציור הבלון.
בסדר? השלב הבא, אנחנו צריכים לחשוב על איך בדיוק אנחנו רוצים שהבלון יישתנה במהלך הלולאה שלנו?
ובכן, אנחנו רוצים שהבלון יצוייר לרוחב המסך נכון? אנחנו רוצים שהוא יצוייר כאן, ואז כאן, כאן וכאן.
ואנחנו רוצים שהמחשב יעשה את זה, כי הציור שלי די גרוע.
אז נוכל לשנות את החלק הזה על ידי שינוי המספר הראשון פה, כפי שאתם זוכרים הוא שולט במיקום ה-x, הציר האופקי.
אבל, זה די מעפן לא? זה לא בדיוק כמו שראינו בהתחלה.
אז במקום, בואו נגיד שאנחנו נקרא לזה x, עבור המיקום x, ואנחנו נייצר משתנה שיישמור את הערך הקודם שלו.
ועכשיו אנחנו הולכים לשנות את ערך המשתנה הזה בתוך הלולאה שלנו אז נשתמש בלולאת while.
בתוך הלולאה נגיד ש-x הולך להשתנות בכל פעם, נגיד ב-20,
אם פשוט נזיז את האליפסה פנימה, בזהירות, כמובן, לא להזיז את ההצהרה הזו פנימה
מכיוון שאז פשוט נחשוב על מה שעלול היה להשתבש
והאמת שזה יכול להיות טוב לנסות בעצמכם, אם אתם סקרנים.
אוקיי, עכשיו שאלת הלולאה השלישית שלנו, ״לכמה זמן אנחנו רוצים לחזור על הפעולה הזו?״
יכול להיות שאנחנו רוצים לעשות את זה עד היציאה מהמסך
אז אולי כל עוד x קטן מ-400.
עכשיו זה מגניב כי משהו קורה נכון, אבל זה לא בדיוק מה שחלמנו עליו.
אז בדיוק כמו מקודם, אנחנו פשוט צריכים לשפר את זה לאט לאט אז שנגיע למה שחלמנו עליו.
בתור התחלה, האליפסות מעוכות יחדיו יותר מדי, אז בואו נתקן את זה.
אוקיי, אז זה טוב, ניתן להן קצת מרווח נשימה.
אבל אתם יודעים, אולי הן עדיין עפות יותר מדי לצד המסך, אז אם נשנה את נקודת הסיום, נוכל להעלים
את האליפסות שמופיעות כאן בכלל שאנחנו אומרים שלכש-x מגיע לכאן, תפסיק לצייר.
וזה מה שהחלק הזה של לולאת ה-while אומר.
אוקיי? ואנחנו יכולים גם לשנות את האליפסות טיפה, האם אנחנו רוצים להזיז את כולן למטה,
או לשנות את הגודל שלהן שוב. הדבר הנחמד בקשר ללולאות הוא שאנחנו יכולים לשנות את הגודל של כולן בו זמנית.
אוקיי. מצויין.
עכשיו כשאני מסתכלת על הבלונים, היה יכול להיות נחמד אם היו להם חוטים. אם אנחנו אוהבים אותם, אז כדאי שנשים עליהם חוטים.
אחרת, הם פשוט יעופו להן.
אז אנחנו צריכים למתוח חוט עבור כל בלון. נתחיל למתוח את החוט בערך ממרכז הבלון,
רק בשביל לעשות את זה קל, וכל החוטים יירדו למטה עד בערך אותה הנקודה, משהו כזה.
אז איך נוכל לגרום לתוכנה לעשות את זה, במקום לצייר את זה?
שוב, אם אנחנו רוצים לחזור על משהו, כנראה שאנחנו רוצים לשים אותו שוב בלולאה, אז בוא נעשה את זה.
ואם אנחנו רוצים שזה יהיה במרכז האליפסה, אז כדאי שזה יתחיל בשתי הקוארדינאטות האלו, על מנת שזה יעבוד.
ואפשר לומר שנסיים אותם בערך פה. זה היה די קרוב!
שוב, זה לא מושלם, אז בואו נתקן את זה. ראשית בואו נתקן את הדבר המכוער הזה.
החוט שציירנו די עולה על הבלון, וזה לא טוב בכלל.
אנחנו בעצם רוצים שהאליפסה תכסה את הקו, ואת זה נוכל לעשות על ידי שינוי פשוט של הסדר.
אפשר לראות כאן הרבה דברים שלמדת כבר באים לידי ביטוי ביחד.
אוקיי, אז זה טוב, אבל אולי נשנה את הצבע של החוטים האלו. איך נעשה את זה אם אנחנו כבר עושים את התוכנית הזו לבד?
נלך אחורה ונסתכל בתיעוד
או שנצפה בוידאו אם אנחנו לא זוכרים.
נוכל להשתמש בפונקציית ()stroke על מנת לשנות את צבע הקווים,
ואולי נעשה אותם בצבע כזה?
או זה יפייפיה! עכשיו, כל שנותר לנו הוא לצייר את הקפצן. זה דורש לשים אותו כתמונה, ככה.
ותוכלו לראות בתיעוד כיצד ידעתי לעשות את זה. אזיז את הקפצן לכאן כך שזה ייראה שהוא מחזיק את הבלונים
וצף לו בשמיים.
והנה לכם! סיימנו! אתם יכולים לנסות לקשט את הבלונים, או להוסיף דברים ללולאה ולעשות את הבלונים צבעוניים,
ואתם אפילו יכולים להשתמש בלולאה בציור הבא שלכם! בהצלחה!