1 00:00:00,000 --> 00:00:03,299 בוא נחקור עוד את כל נושא הציור 2 00:00:03,299 --> 00:00:05,270 מה אנחנו יכולים לעשות מלבד מלבנים? 3 00:00:05,270 --> 00:00:07,716 ובכן, אנחנו יכולים לעשות אליפסות באמצעות המילה ellipse, 4 00:00:07,716 --> 00:00:09,966 שהיא פקודה נוספת שהמחשב מכיר. 5 00:00:09,966 --> 00:00:13,205 למעשה יש לנו מילה מיוחדת בתכנות עבור המילה פקודות 6 00:00:13,205 --> 00:00:15,071 אנחנו הולכים לקרוא להן פונקציות. 7 00:00:15,071 --> 00:00:18,050 אני אשתמש במילה פונקציות מעתה והלאה כאשר אני מתכוונת לפקודות. 8 00:00:18,050 --> 00:00:20,836 בואו נרשום את שם הפונקציה ellipse, 9 00:00:20,836 --> 00:00:23,370 ואז סוגריים ונקודת פסיק. 10 00:00:23,370 --> 00:00:24,605 זה לא עובד! 11 00:00:24,605 --> 00:00:27,438 קיבלנו את ההודעות שגיאה הזו שמדברת על פרמטרים, מה שזה לא אומר. 12 00:00:27,438 --> 00:00:29,050 האם אתם יכולים לראות מה אנחנו מפספסים, 13 00:00:29,050 --> 00:00:31,132 על ידי השוואה למה שרשמנו בפונקצית rect? 14 00:00:31,132 --> 00:00:33,717 ובכן כשאנחנו רק רושמים ellipse, אנחנו לא אומרים לה את המספרים, כמו שעשינו עם המלבנים. 15 00:00:33,717 --> 00:00:37,550 המספרים הללו נקראים פרמטרים - 16 00:00:37,550 --> 00:00:42,799 אנו מעבירים פרמטרים לפונקציות, והם שולטים כיצד הפונקציות תתנהגנה. 17 00:00:42,799 --> 00:00:48,800 ללא הפרמטרים, התוכנה לא יודעת היכן אתה רוצה למקם את האליפסה שלך, 18 00:00:48,800 --> 00:00:50,671 או כמה גדולה לצייר אותה. 19 00:00:50,671 --> 00:00:52,800 כעת הודעת השגיאה נשמעת יותר הגיונית. 20 00:00:52,800 --> 00:00:54,717 בואו נעביר לפונקציה ארבעה פרמטרים 21 00:00:54,717 --> 00:01:01,037 על מנת לשלוט באורך, ברוחב ובמיקום של האליפסה. 22 00:01:01,037 --> 00:01:03,771 בדיוק כמו מקודם, אנחנו יכולים לעשות קצת כיף ולהזיז את האליפסה שלנו - 23 00:01:03,771 --> 00:01:08,205 או אפילו לגרום לה לגדול או לקטון. 24 00:01:08,205 --> 00:01:11,633 אוקיי, עכשיו שהבנו את הבסיס, בואו ננסה לצייר אליפסה גדולה - 25 00:01:11,633 --> 00:01:14,132 בדיוק באמצע של חלון העבודה. 26 00:01:14,132 --> 00:01:17,505 השאלה הראשונה שאתם שואלים את עצמכם היא איפה האמצע? 27 00:01:17,505 --> 00:01:20,299 בואו נבחן את זה, יש לנו את הקצה העליון השמאלי, 0 - 28 00:01:20,299 --> 00:01:26,050 - ואת הקצה הימיני שהוא 400, והתחתון שהוא גם 400. 29 00:01:26,050 --> 00:01:34,536 ואם אנחנו רוצים להבין איפה האמצע, נניח שניקח חצי מהרוחב של 400 וחצי מהגובה של 400 - 200,200. 30 00:01:34,536 --> 00:01:37,104 בוא נעשה את זה. 31 00:01:37,104 --> 00:01:41,606 נכתוב את פונקצית ה-ellipse, נעביר את הפרמטרים ונעשה אותה די גדולה. 32 00:01:41,606 --> 00:01:43,670 והנה היא! 33 00:01:43,670 --> 00:01:46,382 סתם בשביל הכיף, בוא נשים שם גם מלבן. 34 00:01:46,382 --> 00:01:50,216 נכתוב rect 200, 200 ונעשה אותו קצת קטן יותר. 35 00:01:50,216 --> 00:01:53,205 המממ, זה מעניין. 36 00:01:53,205 --> 00:01:55,383 מה הניסוי הקטן הזה מראה לנו? 37 00:01:55,383 --> 00:02:01,938 ובכן, אנחנו יכולים לראות שהנקודה 200,200 היא למעשה הנקודה של מרכז האליפסה. 38 00:02:01,938 --> 00:02:09,604 עבור מלבנים, זה שונה - נקודת ה-200,200 אומרת היכן למקם את הקצה השמאלי העליון של המלבן. 39 00:02:09,604 --> 00:02:14,132 חשוב מאוד לזכור את זה כאשר אנו ממקמים צורות. 40 00:02:14,132 --> 00:02:17,605 אוקיי, בואו נמשיך ונעשה קוים פשוטים. 41 00:02:17,605 --> 00:02:20,838 שם הפונקציה הוא line. 42 00:02:20,838 --> 00:02:22,883 ואנו מעבירים לה ארבעה פרמטרים - 43 00:02:22,883 --> 00:02:28,406 אבל קו לא באמת צריך גודל כמו מלבן, אז במה המספרים האלו שולטים? 44 00:02:28,406 --> 00:02:35,217 שני הפרמטרים הראשונים, בדיוק כמו קודם מגדירים את הנקודה שבה הקו מתחיל. 45 00:02:35,217 --> 00:02:46,382 ושני הפרמטרים האחרונים מגדירים את הנקודה שבה הקו נגמר. 46 00:02:46,382 --> 00:02:52,799 כעת שאנחנו מבינים כיצד זה עובד, בואו נסתכל על משהו שייראה קצת מוזר בהתחלה. 47 00:02:52,799 --> 00:02:57,272 מה ייקרה אני אמקם את נקודת ההתחלה של המלבן בפינה השמאלית העליונה? 48 00:02:57,272 --> 00:03:04,551 ואז אעשה אותו ממש גדול? 49 00:03:04,551 --> 00:03:08,037 נוכל גם לעשות אותו כזה גדול, אבל אולי זה גדול מדי, אני חושבת. 50 00:03:08,037 --> 00:03:12,170 אנו רואים שזה גורם בהדרגתיות לאליפסה להיעלם. 51 00:03:12,170 --> 00:03:15,170 אנחנו יכולים להעלים אותה לגמרי 52 00:03:15,170 --> 00:03:18,383 עכשיו אנחנו קצת תוהים לאן היא נעלמה. 53 00:03:18,383 --> 00:03:21,672 למעשה, התוכנה מציירת את הצורות שלך על פי סדר מסויים. 54 00:03:21,672 --> 00:03:26,536 תחילה היא מציירת את האליפסה, ולאחר מכן את המלבן מעליה ולבסוף את הקו. 55 00:03:26,536 --> 00:03:31,102 אז האליפסה בעצם עדיין שם - היא פשוט, כפי שניתן לראות, מתחת. 56 00:03:31,102 --> 00:03:33,300 זוהי נקודה חשובה שיש לזכור. 57 00:03:33,300 --> 00:03:36,838 מה ייקרה אם נצייר את הקו קודם? 58 00:03:36,838 --> 00:03:39,050 פשוט לא נראה את כולו? 59 00:03:39,050 --> 00:03:42,050 יכול להיות שתעשו זאת בתוכנה שלכם ותתהו לכם, ״היי, לאן נעלם הקו שלי?!״ 60 00:03:42,050 --> 00:03:45,383 הרעיון הוא שהקו שם, הוא פשוט מסתתר מתחת כרגע. 61 00:03:45,383 --> 00:03:50,550 על ידי האליפסה ולאחר מכן המלבן. 62 00:03:50,550 --> 00:03:59,272 אנו יכולים להשפיע על סדר ההופעה של הצורות על ידי הסדר שבו אנו מפעילים את הפונקציות שלהן. 63 00:03:59,272 --> 00:04:03,603 כעת, רק הייתי רוצה להציג כמה מונחים טכניים לפני שנסיים. 64 00:04:03,603 --> 00:04:09,550 כמו שלמדתם במתמטיקה, אנו יכולים להשתמש באות x על מנת לייצג את ציר המרחק מנקודת ה-0 65 00:04:09,550 --> 00:04:12,048 ואנו משתמשים באות y על מנת לייצר את ציר הגובה. 66 00:04:12,048 --> 00:04:14,371 זה אולי נשמע קצת מוזר אם אתם לא משתמשים בזה, 67 00:04:14,371 --> 00:04:19,967 אבל זה עוזר לתאר כמה ״רחוק״ או ״למטה״ אתם נמצאים מנקודת האפס בכל פעם. 68 00:04:19,967 --> 00:04:23,906 לדוגמא, שני הפרמטרים הראשונים של פונקציית האליפסה אומרים 69 00:04:23,906 --> 00:04:29,438 ש-x צריך להיות 200 ו-y צריך להיות 229. 70 00:04:29,438 --> 00:04:34,572 וזה בדיוק כמו להגיד כמה רחוק או למטה אנו רוצים את האליפסה. 71 00:04:34,572 --> 00:04:37,704 שאלה אחרת שאולי יש לכם היא, 72 00:04:37,704 --> 00:04:40,104 באילו יחידות בעצם השתמשנו בכל הזמן הזה? 73 00:04:40,104 --> 00:04:43,203 האם אנחנו אומרים 200 סנטימטר, 200 אינצ׳, 200 מיילים? 74 00:04:43,203 --> 00:04:48,967 אנו משתמשים ביחידה שנקראת ״פיקסלים״, ופיקסל הוא נקודה קטנה קטנה במסך שלכם. 75 00:04:48,967 --> 00:04:52,716 שטח העבודה זה הוא ברוחב של 400 פיקסלים - 76 00:04:52,716 --> 00:05:01,300 ולכן אנו תמיד אומרים שהפינה השמאלית העליונה היא 0, וכאן זה 400, מכיוון שזה 400 פיקסלים. 77 00:05:01,300 --> 00:05:07,670 אותו הדבר, כאשר אנו אומרים 200, אנו למעשה מתכוונים ל-200 פיקסלים, הבנתם את הרעיון. 78 00:05:07,670 --> 00:05:13,437 פנטסטי. עכשיו אתם יודעים הכל על פונקציות rect, line ו-ellipse והפרמטרים שלהן. 79 00:05:13,437 --> 00:05:17,000 כיסינו הרבה חומר, תתרגלו אותו, תמשיכו לחקור ותבינו את זה מהר מאוד!