0:00:00.000,0:00:03.299
בוא נחקור עוד את כל נושא הציור

0:00:03.299,0:00:05.270
מה אנחנו יכולים לעשות מלבד מלבנים?

0:00:05.270,0:00:07.716
ובכן, אנחנו יכולים לעשות אליפסות באמצעות המילה ellipse,

0:00:07.716,0:00:09.966
שהיא פקודה נוספת שהמחשב מכיר.

0:00:09.966,0:00:13.205
למעשה יש לנו מילה מיוחדת בתכנות עבור המילה פקודות

0:00:13.205,0:00:15.071
אנחנו הולכים לקרוא להן פונקציות.

0:00:15.071,0:00:18.050
אני אשתמש במילה פונקציות מעתה והלאה כאשר אני מתכוונת לפקודות.

0:00:18.050,0:00:20.836
בואו נרשום את שם הפונקציה ellipse,

0:00:20.836,0:00:23.370
ואז סוגריים ונקודת פסיק.

0:00:23.370,0:00:24.605
זה לא עובד!

0:00:24.605,0:00:27.438
קיבלנו את ההודעות שגיאה הזו שמדברת על פרמטרים, מה שזה לא אומר.

0:00:27.438,0:00:29.050
האם אתם יכולים לראות מה אנחנו מפספסים,

0:00:29.050,0:00:31.132
על ידי השוואה למה שרשמנו בפונקצית rect?

0:00:31.132,0:00:33.717
ובכן כשאנחנו רק רושמים ellipse, אנחנו לא אומרים לה את המספרים, כמו שעשינו עם המלבנים.

0:00:33.717,0:00:37.550
המספרים הללו נקראים פרמטרים -

0:00:37.550,0:00:42.799
אנו מעבירים פרמטרים לפונקציות, והם שולטים כיצד הפונקציות תתנהגנה.

0:00:42.799,0:00:48.800
ללא הפרמטרים, התוכנה לא יודעת היכן אתה רוצה למקם את האליפסה שלך,

0:00:48.800,0:00:50.671
או כמה גדולה לצייר אותה.

0:00:50.671,0:00:52.800
כעת הודעת השגיאה נשמעת יותר הגיונית.

0:00:52.800,0:00:54.717
בואו נעביר לפונקציה ארבעה פרמטרים

0:00:54.717,0:01:01.037
על מנת לשלוט באורך, ברוחב ובמיקום של האליפסה.

0:01:01.037,0:01:03.771
בדיוק כמו מקודם, אנחנו יכולים לעשות קצת כיף ולהזיז את האליפסה שלנו -

0:01:03.771,0:01:08.205
או אפילו לגרום לה לגדול או לקטון.

0:01:08.205,0:01:11.633
אוקיי, עכשיו שהבנו את הבסיס, בואו ננסה לצייר אליפסה גדולה -

0:01:11.633,0:01:14.132
בדיוק באמצע של חלון העבודה.

0:01:14.132,0:01:17.505
השאלה הראשונה שאתם שואלים את עצמכם היא איפה האמצע?

0:01:17.505,0:01:20.299
בואו נבחן את זה, יש לנו את הקצה העליון השמאלי, 0 -

0:01:20.299,0:01:26.050
- ואת הקצה הימיני שהוא 400, והתחתון שהוא גם 400.

0:01:26.050,0:01:34.536
ואם אנחנו רוצים להבין איפה האמצע, נניח שניקח חצי מהרוחב של 400 וחצי מהגובה של 400 - 200,200.

0:01:34.536,0:01:37.104
בוא נעשה את זה.

0:01:37.104,0:01:41.606
נכתוב את פונקצית ה-ellipse, נעביר את הפרמטרים ונעשה אותה די גדולה.

0:01:41.606,0:01:43.670
והנה היא!

0:01:43.670,0:01:46.382
סתם בשביל הכיף, בוא נשים שם גם מלבן.

0:01:46.382,0:01:50.216
נכתוב rect 200, 200 ונעשה אותו קצת קטן יותר.

0:01:50.216,0:01:53.205
המממ, זה מעניין.

0:01:53.205,0:01:55.383
מה הניסוי הקטן הזה מראה לנו?

0:01:55.383,0:02:01.938
ובכן, אנחנו יכולים לראות שהנקודה 200,200 היא למעשה הנקודה של מרכז האליפסה.

0:02:01.938,0:02:09.604
עבור מלבנים, זה שונה - נקודת ה-200,200 אומרת היכן למקם את הקצה השמאלי העליון של המלבן.

0:02:09.604,0:02:14.132
חשוב מאוד לזכור את זה כאשר אנו ממקמים צורות.

0:02:14.132,0:02:17.605
אוקיי, בואו נמשיך ונעשה קוים פשוטים.

0:02:17.605,0:02:20.838
שם הפונקציה הוא line.

0:02:20.838,0:02:22.883
ואנו מעבירים לה ארבעה פרמטרים -

0:02:22.883,0:02:28.406
אבל קו לא באמת צריך גודל כמו מלבן, אז במה המספרים האלו שולטים?

0:02:28.406,0:02:35.217
שני הפרמטרים הראשונים, בדיוק כמו קודם מגדירים את הנקודה שבה הקו מתחיל.

0:02:35.217,0:02:46.382
ושני הפרמטרים האחרונים מגדירים את הנקודה שבה הקו נגמר.

0:02:46.382,0:02:52.799
כעת שאנחנו מבינים כיצד זה עובד, בואו נסתכל על משהו שייראה קצת מוזר בהתחלה.

0:02:52.799,0:02:57.272
מה ייקרה אני אמקם את נקודת ההתחלה של המלבן בפינה השמאלית העליונה?

0:02:57.272,0:03:04.551
ואז אעשה אותו ממש גדול?

0:03:04.551,0:03:08.037
נוכל גם לעשות אותו כזה גדול, אבל אולי זה גדול מדי, אני חושבת.

0:03:08.037,0:03:12.170
אנו רואים שזה גורם בהדרגתיות לאליפסה להיעלם.

0:03:12.170,0:03:15.170
אנחנו יכולים להעלים אותה לגמרי

0:03:15.170,0:03:18.383
עכשיו אנחנו קצת תוהים לאן היא נעלמה.

0:03:18.383,0:03:21.672
למעשה, התוכנה מציירת את הצורות שלך על פי סדר מסויים.

0:03:21.672,0:03:26.536
תחילה היא מציירת את האליפסה, ולאחר מכן את המלבן מעליה ולבסוף את הקו.

0:03:26.536,0:03:31.102
אז האליפסה בעצם עדיין שם - היא פשוט, כפי שניתן לראות, מתחת.

0:03:31.102,0:03:33.300
זוהי נקודה חשובה שיש לזכור.

0:03:33.300,0:03:36.838
מה ייקרה אם נצייר את הקו קודם?

0:03:36.838,0:03:39.050
פשוט לא נראה את כולו?

0:03:39.050,0:03:42.050
יכול להיות שתעשו זאת בתוכנה שלכם ותתהו לכם, ״היי, לאן נעלם הקו שלי?!״

0:03:42.050,0:03:45.383
הרעיון הוא שהקו שם, הוא פשוט מסתתר מתחת כרגע.

0:03:45.383,0:03:50.550
על ידי האליפסה ולאחר מכן המלבן.

0:03:50.550,0:03:59.272
אנו יכולים להשפיע על סדר ההופעה של הצורות על ידי הסדר שבו אנו מפעילים את הפונקציות שלהן.

0:03:59.272,0:04:03.603
כעת, רק הייתי רוצה להציג כמה מונחים טכניים לפני שנסיים.

0:04:03.603,0:04:09.550
כמו שלמדתם במתמטיקה, אנו יכולים להשתמש באות x על מנת לייצג את ציר המרחק מנקודת ה-0

0:04:09.550,0:04:12.048
ואנו משתמשים באות y על מנת לייצר את ציר הגובה.

0:04:12.048,0:04:14.371
זה אולי נשמע קצת מוזר אם אתם לא משתמשים בזה,

0:04:14.371,0:04:19.967
אבל זה עוזר לתאר כמה ״רחוק״ או ״למטה״ אתם נמצאים מנקודת האפס בכל פעם.

0:04:19.967,0:04:23.906
לדוגמא, שני הפרמטרים הראשונים של פונקציית האליפסה אומרים

0:04:23.906,0:04:29.438
ש-x צריך להיות 200 ו-y צריך להיות 229.

0:04:29.438,0:04:34.572
וזה בדיוק כמו להגיד כמה רחוק או למטה אנו רוצים את האליפסה.

0:04:34.572,0:04:37.704
שאלה אחרת שאולי יש לכם היא,

0:04:37.704,0:04:40.104
באילו יחידות בעצם השתמשנו בכל הזמן הזה?

0:04:40.104,0:04:43.203
האם אנחנו אומרים 200 סנטימטר, 200 אינצ׳, 200 מיילים?

0:04:43.203,0:04:48.967
אנו משתמשים ביחידה שנקראת ״פיקסלים״, ופיקסל הוא נקודה קטנה קטנה במסך שלכם.

0:04:48.967,0:04:52.716
שטח העבודה זה הוא ברוחב של 400 פיקסלים -

0:04:52.716,0:05:01.300
ולכן אנו תמיד אומרים שהפינה השמאלית העליונה היא 0, וכאן זה 400, מכיוון שזה 400 פיקסלים.

0:05:01.300,0:05:07.670
אותו הדבר, כאשר אנו אומרים 200, אנו למעשה מתכוונים ל-200 פיקסלים, הבנתם את הרעיון.

0:05:07.670,0:05:13.437
פנטסטי. עכשיו אתם יודעים הכל על פונקציות rect, line ו-ellipse והפרמטרים שלהן.

0:05:13.437,0:05:17.000
כיסינו הרבה חומר, תתרגלו אותו, תמשיכו לחקור ותבינו את זה מהר מאוד!