WEBVTT

00:00:01.434 --> 00:00:07.073
עכשיו כשלמדתם את היסודות של לולאות, בואו נמשיך ונעשה לולאת ציור מגניבה כמו זאתי,

00:00:07.073 --> 00:00:09.849
קפצן בלונים שצפץ בשמיים

00:00:09.849 --> 00:00:16.401
תוך כדי שאני אעבור איתכם על כתיבת התוכנית מאפס, אני רוצה שתחשבו כיצד אתם הייתם כותבים את התוכנה הזו בעצמכם, מכיוון שבקרוב מאוד, אתם תכתבו.

00:00:16.401 --> 00:00:20.207
אז תחילה, תמיד עוזר לפרק את התוכנית לצעדים.

00:00:20.207 --> 00:00:27.485
נתחיל בלצייר את הבלונים האלו, שהם פשוט אותן אליפסות שחוזרות אחת על השנייה שוב ושוב ושוב וזה נשמע כמו עבודה ללולאה.

00:00:27.485 --> 00:00:33.774
ואז, נעשה את הקווים האלו, ולבסוף נוסיף את קפצן הבלונים בעצמו.

00:00:33.774 --> 00:00:37.963
אוקיי, אז הנה דף חלק. שיכול להיות די מפחיד,

00:00:37.963 --> 00:00:43.869
לפעמים, זה עוזר לעשות את הדברים טיפה יותר ידידותיים על ידי הוספת רקע, רק בשביל להיכנס לאווירה.

00:00:43.869 --> 00:00:49.933
עכשיו, מכיוון שאנחנו רוצים לצייר לולאה, המחשבה הראשונה שלכם צריכה להיות שאלות הלולאה האלו שדיברנו עליהן קודם.

00:00:49.933 --> 00:00:56.933
נעבור עליהן די מהר הפעם, אבל אם אתם צריכים תזכורת תוכלו להסתכל בסרט ״מבוא ללולאות while״

00:00:56.933 --> 00:01:01.393
עכשיו, השאלה הראשונה היא: ״על מה נרצה לחזור?״

00:01:01.393 --> 00:01:06.441
אז בואו ננסה לצייר את הבלון הראשון, מכיוון שאנחנו רוצים לחזור על הבלונים האלו.

00:01:06.441 --> 00:01:15.066
נוכל לעשות את זה, אולי ככה, זה די קטן וזה לא בדיוק במקום הנכון

00:01:15.066 --> 00:01:17.169
אז בואו נזיז את זה טיפה.

00:01:17.169 --> 00:01:25.183
זהו חלק בלתי נמנע מתכנות, לנסות משהו, להבין שזה לא בדיוק מה שרצית, ואז לנסות שוב עד שאתה מגיע קרוב יותר ויותר.

00:01:25.183 --> 00:01:33.870
אוקיי, עכשיו אנחנו צריכים להוסיף צבע כמו שצריך נכון? אז לא חשבנו על זה כשחשבנו על הצעדים, אז נוכל פשוט להגיד שזה חלק מציור הבלון.

00:01:33.870 --> 00:01:40.898
בסדר? השלב הבא, אנחנו צריכים לחשוב על איך בדיוק אנחנו רוצים שהבלון יישתנה במהלך הלולאה שלנו?

00:01:40.898 --> 00:01:47.733
ובכן, אנחנו רוצים שהבלון יצוייר לרוחב המסך נכון? אנחנו רוצים שהוא יצוייר כאן, ואז כאן, כאן וכאן.

00:01:47.733 --> 00:01:51.013
ואנחנו רוצים שהמחשב יעשה את זה, כי הציור שלי די גרוע.

00:01:51.013 --> 00:01:58.391
אז נוכל לשנות את החלק הזה על ידי שינוי המספר הראשון פה, כפי שאתם זוכרים הוא שולט במיקום ה-x, הציר האופקי.

00:01:58.391 --> 00:02:02.767
אבל, זה די מעפן לא? זה לא בדיוק כמו שראינו בהתחלה.

00:02:02.767 --> 00:02:11.108
אז במקום, בואו נגיד שאנחנו נקרא לזה x, עבור המיקום x, ואנחנו נייצר משתנה שיישמור את הערך הקודם שלו.

00:02:11.108 --> 00:02:15.912
ועכשיו אנחנו הולכים לשנות את ערך המשתנה הזה בתוך הלולאה שלנו אז נשתמש בלולאת while.

00:02:15.912 --> 00:02:22.136
בתוך הלולאה נגיד ש-x הולך להשתנות בכל פעם, נגיד ב-20,

00:02:22.136 --> 00:02:27.398
אם פשוט נזיז את האליפסה פנימה, בזהירות, כמובן, לא להזיז את ההצהרה הזו פנימה

00:02:27.398 --> 00:02:30.209
מכיוון שאז פשוט נחשוב על מה שעלול היה להשתבש

00:02:30.209 --> 00:02:34.375
והאמת שזה יכול להיות טוב לנסות בעצמכם, אם אתם סקרנים.

00:02:34.375 --> 00:02:39.392
אוקיי, עכשיו שאלת הלולאה השלישית שלנו, ״לכמה זמן אנחנו רוצים לחזור על הפעולה הזו?״

00:02:39.392 --> 00:02:43.818
יכול להיות שאנחנו רוצים לעשות את זה עד היציאה מהמסך

00:02:43.818 --> 00:02:46.647
אז אולי כל עוד x קטן מ-400.

00:02:46.647 --> 00:02:51.163
עכשיו זה מגניב כי משהו קורה נכון, אבל זה לא בדיוק מה שחלמנו עליו.

00:02:51.163 --> 00:02:55.839
אז בדיוק כמו מקודם, אנחנו פשוט צריכים לשפר את זה לאט לאט אז שנגיע למה שחלמנו עליו.

00:02:55.839 --> 00:02:59.400
בתור התחלה, האליפסות מעוכות יחדיו יותר מדי, אז בואו נתקן את זה.

00:02:59.400 --> 00:03:02.409
אוקיי, אז זה טוב, ניתן להן קצת מרווח נשימה.

00:03:02.409 --> 00:03:09.317
אבל אתם יודעים, אולי הן עדיין עפות יותר מדי לצד המסך, אז אם נשנה את נקודת הסיום, נוכל להעלים

00:03:09.317 --> 00:03:16.507
את האליפסות שמופיעות כאן בכלל שאנחנו אומרים שלכש-x מגיע לכאן, תפסיק לצייר.

00:03:16.507 --> 00:03:19.385
וזה מה שהחלק הזה של לולאת ה-while אומר.

00:03:19.385 --> 00:03:24.945
אוקיי? ואנחנו יכולים גם לשנות את האליפסות טיפה, האם אנחנו רוצים להזיז את כולן למטה,

00:03:24.945 --> 00:03:34.018
או לשנות את הגודל שלהן שוב. הדבר הנחמד בקשר ללולאות הוא שאנחנו יכולים לשנות את הגודל של כולן בו זמנית.

00:03:34.018 --> 00:03:36.896
אוקיי. מצויין.

00:03:36.896 --> 00:03:42.024
עכשיו כשאני מסתכלת על הבלונים, היה יכול להיות נחמד אם היו להם חוטים. אם אנחנו אוהבים אותם, אז כדאי שנשים עליהם חוטים.

00:03:42.024 --> 00:03:43.892
אחרת, הם פשוט יעופו להן.

00:03:43.892 --> 00:03:50.573
אז אנחנו צריכים למתוח חוט עבור כל בלון. נתחיל למתוח את החוט בערך ממרכז הבלון,

00:03:50.573 --> 00:03:55.912
רק בשביל לעשות את זה קל, וכל החוטים יירדו למטה עד בערך אותה הנקודה, משהו כזה.

00:03:55.912 --> 00:03:59.430
אז איך נוכל לגרום לתוכנה לעשות את זה, במקום לצייר את זה?

00:03:59.430 --> 00:04:05.000
שוב, אם אנחנו רוצים לחזור על משהו, כנראה שאנחנו רוצים לשים אותו שוב בלולאה, אז בוא נעשה את זה.

00:04:05.000 --> 00:04:10.702
ואם אנחנו רוצים שזה יהיה במרכז האליפסה, אז כדאי שזה יתחיל בשתי הקוארדינאטות האלו, על מנת שזה יעבוד.

00:04:10.702 --> 00:04:16.618
ואפשר לומר שנסיים אותם בערך פה. זה היה די קרוב!

00:04:16.618 --> 00:04:23.655
שוב, זה לא מושלם, אז בואו נתקן את זה. ראשית בואו נתקן את הדבר המכוער הזה.

00:04:23.655 --> 00:04:29.813
החוט שציירנו די עולה על הבלון, וזה לא טוב בכלל.

00:04:29.813 --> 00:04:35.249
אנחנו בעצם רוצים שהאליפסה תכסה את הקו, ואת זה נוכל לעשות על ידי שינוי פשוט של הסדר.

00:04:35.249 --> 00:04:38.764
אפשר לראות כאן הרבה דברים שלמדת כבר באים לידי ביטוי ביחד.

00:04:38.764 --> 00:04:45.315
אוקיי, אז זה טוב, אבל אולי נשנה את הצבע של החוטים האלו. איך נעשה את זה אם אנחנו כבר עושים את התוכנית הזו לבד?

00:04:45.315 --> 00:04:47.224
נלך אחורה ונסתכל בתיעוד

00:04:47.224 --> 00:04:50.474
או שנצפה בוידאו אם אנחנו לא זוכרים.

00:04:50.474 --> 00:04:54.924
נוכל להשתמש בפונקציית ()stroke על מנת לשנות את צבע הקווים,

00:04:54.924 --> 00:05:00.253
ואולי נעשה אותם בצבע כזה?

00:05:00.253 --> 00:05:10.152
או זה יפייפיה! עכשיו, כל שנותר לנו הוא לצייר את הקפצן. זה דורש לשים אותו כתמונה, ככה.

00:05:10.152 --> 00:05:16.536
ותוכלו לראות בתיעוד כיצד ידעתי לעשות את זה. אזיז את הקפצן לכאן כך שזה ייראה שהוא מחזיק את הבלונים

00:05:16.536 --> 00:05:18.229
וצף לו בשמיים.

00:05:18.229 --> 00:05:26.534
והנה לכם! סיימנו! אתם יכולים לנסות לקשט את הבלונים, או להוסיף דברים ללולאה ולעשות את הבלונים צבעוניים,

00:05:26.534 --> 00:05:30.534
ואתם אפילו יכולים להשתמש בלולאה בציור הבא שלכם! בהצלחה!