Return to Video

עוד לולאות While

  • 0:01 - 0:07
    עכשיו כשלמדתם את היסודות של לולאות, בואו נמשיך ונעשה לולאת ציור מגניבה כמו זאתי,
  • 0:07 - 0:10
    קפצן בלונים שצפץ בשמיים
  • 0:10 - 0:16
    תוך כדי שאני אעבור איתכם על כתיבת התוכנית מאפס, אני רוצה שתחשבו כיצד אתם הייתם כותבים את התוכנה הזו בעצמכם, מכיוון שבקרוב מאוד, אתם תכתבו.
  • 0:16 - 0:20
    אז תחילה, תמיד עוזר לפרק את התוכנית לצעדים.
  • 0:20 - 0:27
    נתחיל בלצייר את הבלונים האלו, שהם פשוט אותן אליפסות שחוזרות אחת על השנייה שוב ושוב ושוב וזה נשמע כמו עבודה ללולאה.
  • 0:27 - 0:34
    ואז, נעשה את הקווים האלו, ולבסוף נוסיף את קפצן הבלונים בעצמו.
  • 0:34 - 0:38
    אוקיי, אז הנה דף חלק. שיכול להיות די מפחיד,
  • 0:38 - 0:44
    לפעמים, זה עוזר לעשות את הדברים טיפה יותר ידידותיים על ידי הוספת רקע, רק בשביל להיכנס לאווירה.
  • 0:44 - 0:50
    עכשיו, מכיוון שאנחנו רוצים לצייר לולאה, המחשבה הראשונה שלכם צריכה להיות שאלות הלולאה האלו שדיברנו עליהן קודם.
  • 0:50 - 0:57
    נעבור עליהן די מהר הפעם, אבל אם אתם צריכים תזכורת תוכלו להסתכל בסרט ״מבוא ללולאות while״
  • 0:57 - 1:01
    עכשיו, השאלה הראשונה היא: ״על מה נרצה לחזור?״
  • 1:01 - 1:06
    אז בואו ננסה לצייר את הבלון הראשון, מכיוון שאנחנו רוצים לחזור על הבלונים האלו.
  • 1:06 - 1:15
    נוכל לעשות את זה, אולי ככה, זה די קטן וזה לא בדיוק במקום הנכון
  • 1:15 - 1:17
    אז בואו נזיז את זה טיפה.
  • 1:17 - 1:25
    זהו חלק בלתי נמנע מתכנות, לנסות משהו, להבין שזה לא בדיוק מה שרצית, ואז לנסות שוב עד שאתה מגיע קרוב יותר ויותר.
  • 1:25 - 1:34
    אוקיי, עכשיו אנחנו צריכים להוסיף צבע כמו שצריך נכון? אז לא חשבנו על זה כשחשבנו על הצעדים, אז נוכל פשוט להגיד שזה חלק מציור הבלון.
  • 1:34 - 1:41
    בסדר? השלב הבא, אנחנו צריכים לחשוב על איך בדיוק אנחנו רוצים שהבלון יישתנה במהלך הלולאה שלנו?
  • 1:41 - 1:48
    ובכן, אנחנו רוצים שהבלון יצוייר לרוחב המסך נכון? אנחנו רוצים שהוא יצוייר כאן, ואז כאן, כאן וכאן.
  • 1:48 - 1:51
    ואנחנו רוצים שהמחשב יעשה את זה, כי הציור שלי די גרוע.
  • 1:51 - 1:58
    אז נוכל לשנות את החלק הזה על ידי שינוי המספר הראשון פה, כפי שאתם זוכרים הוא שולט במיקום ה-x, הציר האופקי.
  • 1:58 - 2:03
    אבל, זה די מעפן לא? זה לא בדיוק כמו שראינו בהתחלה.
  • 2:03 - 2:11
    אז במקום, בואו נגיד שאנחנו נקרא לזה x, עבור המיקום x, ואנחנו נייצר משתנה שיישמור את הערך הקודם שלו.
  • 2:11 - 2:16
    ועכשיו אנחנו הולכים לשנות את ערך המשתנה הזה בתוך הלולאה שלנו אז נשתמש בלולאת while.
  • 2:16 - 2:22
    בתוך הלולאה נגיד ש-x הולך להשתנות בכל פעם, נגיד ב-20,
  • 2:22 - 2:27
    אם פשוט נזיז את האליפסה פנימה, בזהירות, כמובן, לא להזיז את ההצהרה הזו פנימה
  • 2:27 - 2:30
    מכיוון שאז פשוט נחשוב על מה שעלול היה להשתבש
  • 2:30 - 2:34
    והאמת שזה יכול להיות טוב לנסות בעצמכם, אם אתם סקרנים.
  • 2:34 - 2:39
    אוקיי, עכשיו שאלת הלולאה השלישית שלנו, ״לכמה זמן אנחנו רוצים לחזור על הפעולה הזו?״
  • 2:39 - 2:44
    יכול להיות שאנחנו רוצים לעשות את זה עד היציאה מהמסך
  • 2:44 - 2:47
    אז אולי כל עוד x קטן מ-400.
  • 2:47 - 2:51
    עכשיו זה מגניב כי משהו קורה נכון, אבל זה לא בדיוק מה שחלמנו עליו.
  • 2:51 - 2:56
    אז בדיוק כמו מקודם, אנחנו פשוט צריכים לשפר את זה לאט לאט אז שנגיע למה שחלמנו עליו.
  • 2:56 - 2:59
    בתור התחלה, האליפסות מעוכות יחדיו יותר מדי, אז בואו נתקן את זה.
  • 2:59 - 3:02
    אוקיי, אז זה טוב, ניתן להן קצת מרווח נשימה.
  • 3:02 - 3:09
    אבל אתם יודעים, אולי הן עדיין עפות יותר מדי לצד המסך, אז אם נשנה את נקודת הסיום, נוכל להעלים
  • 3:09 - 3:17
    את האליפסות שמופיעות כאן בכלל שאנחנו אומרים שלכש-x מגיע לכאן, תפסיק לצייר.
  • 3:17 - 3:19
    וזה מה שהחלק הזה של לולאת ה-while אומר.
  • 3:19 - 3:25
    אוקיי? ואנחנו יכולים גם לשנות את האליפסות טיפה, האם אנחנו רוצים להזיז את כולן למטה,
  • 3:25 - 3:34
    או לשנות את הגודל שלהן שוב. הדבר הנחמד בקשר ללולאות הוא שאנחנו יכולים לשנות את הגודל של כולן בו זמנית.
  • 3:34 - 3:37
    אוקיי. מצויין.
  • 3:37 - 3:42
    עכשיו כשאני מסתכלת על הבלונים, היה יכול להיות נחמד אם היו להם חוטים. אם אנחנו אוהבים אותם, אז כדאי שנשים עליהם חוטים.
  • 3:42 - 3:44
    אחרת, הם פשוט יעופו להן.
  • 3:44 - 3:51
    אז אנחנו צריכים למתוח חוט עבור כל בלון. נתחיל למתוח את החוט בערך ממרכז הבלון,
  • 3:51 - 3:56
    רק בשביל לעשות את זה קל, וכל החוטים יירדו למטה עד בערך אותה הנקודה, משהו כזה.
  • 3:56 - 3:59
    אז איך נוכל לגרום לתוכנה לעשות את זה, במקום לצייר את זה?
  • 3:59 - 4:05
    שוב, אם אנחנו רוצים לחזור על משהו, כנראה שאנחנו רוצים לשים אותו שוב בלולאה, אז בוא נעשה את זה.
  • 4:05 - 4:11
    ואם אנחנו רוצים שזה יהיה במרכז האליפסה, אז כדאי שזה יתחיל בשתי הקוארדינאטות האלו, על מנת שזה יעבוד.
  • 4:11 - 4:17
    ואפשר לומר שנסיים אותם בערך פה. זה היה די קרוב!
  • 4:17 - 4:24
    שוב, זה לא מושלם, אז בואו נתקן את זה. ראשית בואו נתקן את הדבר המכוער הזה.
  • 4:24 - 4:30
    החוט שציירנו די עולה על הבלון, וזה לא טוב בכלל.
  • 4:30 - 4:35
    אנחנו בעצם רוצים שהאליפסה תכסה את הקו, ואת זה נוכל לעשות על ידי שינוי פשוט של הסדר.
  • 4:35 - 4:39
    אפשר לראות כאן הרבה דברים שלמדת כבר באים לידי ביטוי ביחד.
  • 4:39 - 4:45
    אוקיי, אז זה טוב, אבל אולי נשנה את הצבע של החוטים האלו. איך נעשה את זה אם אנחנו כבר עושים את התוכנית הזו לבד?
  • 4:45 - 4:47
    נלך אחורה ונסתכל בתיעוד
  • 4:47 - 4:50
    או שנצפה בוידאו אם אנחנו לא זוכרים.
  • 4:50 - 4:55
    נוכל להשתמש בפונקציית ()stroke על מנת לשנות את צבע הקווים,
  • 4:55 - 5:00
    ואולי נעשה אותם בצבע כזה?
  • 5:00 - 5:10
    או זה יפייפיה! עכשיו, כל שנותר לנו הוא לצייר את הקפצן. זה דורש לשים אותו כתמונה, ככה.
  • 5:10 - 5:17
    ותוכלו לראות בתיעוד כיצד ידעתי לעשות את זה. אזיז את הקפצן לכאן כך שזה ייראה שהוא מחזיק את הבלונים
  • 5:17 - 5:18
    וצף לו בשמיים.
  • 5:18 - 5:27
    והנה לכם! סיימנו! אתם יכולים לנסות לקשט את הבלונים, או להוסיף דברים ללולאה ולעשות את הבלונים צבעוניים,
  • 5:27 - 5:31
    ואתם אפילו יכולים להשתמש בלולאה בציור הבא שלכם! בהצלחה!
Title:
עוד לולאות While
Description:

ניתן לצפות בסרטים נוספים בכתובת:
https://www.khanacademy.org/cs/programming/

more » « less
Video Language:
English
Duration:
05:31

Hebrew subtitles

Revisions