< Return to Video

עוד ציור (גירסת וידאו)

  • 0:00 - 0:03
    בוא נחקור עוד את כל נושא הציור
  • 0:03 - 0:05
    מה אנחנו יכולים לעשות מלבד מלבנים?
  • 0:05 - 0:08
    ובכן, אנחנו יכולים לעשות אליפסות באמצעות המילה ellipse,
  • 0:08 - 0:10
    שהיא פקודה נוספת שהמחשב מכיר.
  • 0:10 - 0:13
    למעשה יש לנו מילה מיוחדת בתכנות עבור המילה פקודות
  • 0:13 - 0:15
    אנחנו הולכים לקרוא להן פונקציות.
  • 0:15 - 0:18
    אני אשתמש במילה פונקציות מעתה והלאה כאשר אני מתכוונת לפקודות.
  • 0:18 - 0:21
    בואו נרשום את שם הפונקציה ellipse,
  • 0:21 - 0:23
    ואז סוגריים ונקודת פסיק.
  • 0:23 - 0:25
    זה לא עובד!
  • 0:25 - 0:27
    קיבלנו את ההודעות שגיאה הזו שמדברת על פרמטרים, מה שזה לא אומר.
  • 0:27 - 0:29
    האם אתם יכולים לראות מה אנחנו מפספסים,
  • 0:29 - 0:31
    על ידי השוואה למה שרשמנו בפונקצית rect?
  • 0:31 - 0:34
    ובכן כשאנחנו רק רושמים ellipse, אנחנו לא אומרים לה את המספרים, כמו שעשינו עם המלבנים.
  • 0:34 - 0:38
    המספרים הללו נקראים פרמטרים -
  • 0:38 - 0:43
    אנו מעבירים פרמטרים לפונקציות, והם שולטים כיצד הפונקציות תתנהגנה.
  • 0:43 - 0:49
    ללא הפרמטרים, התוכנה לא יודעת היכן אתה רוצה למקם את האליפסה שלך,
  • 0:49 - 0:51
    או כמה גדולה לצייר אותה.
  • 0:51 - 0:53
    כעת הודעת השגיאה נשמעת יותר הגיונית.
  • 0:53 - 0:55
    בואו נעביר לפונקציה ארבעה פרמטרים
  • 0:55 - 1:01
    על מנת לשלוט באורך, ברוחב ובמיקום של האליפסה.
  • 1:01 - 1:04
    בדיוק כמו מקודם, אנחנו יכולים לעשות קצת כיף ולהזיז את האליפסה שלנו -
  • 1:04 - 1:08
    או אפילו לגרום לה לגדול או לקטון.
  • 1:08 - 1:12
    אוקיי, עכשיו שהבנו את הבסיס, בואו ננסה לצייר אליפסה גדולה -
  • 1:12 - 1:14
    בדיוק באמצע של חלון העבודה.
  • 1:14 - 1:18
    השאלה הראשונה שאתם שואלים את עצמכם היא איפה האמצע?
  • 1:18 - 1:20
    בואו נבחן את זה, יש לנו את הקצה העליון השמאלי, 0 -
  • 1:20 - 1:26
    - ואת הקצה הימיני שהוא 400, והתחתון שהוא גם 400.
  • 1:26 - 1:35
    ואם אנחנו רוצים להבין איפה האמצע, נניח שניקח חצי מהרוחב של 400 וחצי מהגובה של 400 - 200,200.
  • 1:35 - 1:37
    בוא נעשה את זה.
  • 1:37 - 1:42
    נכתוב את פונקצית ה-ellipse, נעביר את הפרמטרים ונעשה אותה די גדולה.
  • 1:42 - 1:44
    והנה היא!
  • 1:44 - 1:46
    סתם בשביל הכיף, בוא נשים שם גם מלבן.
  • 1:46 - 1:50
    נכתוב rect 200, 200 ונעשה אותו קצת קטן יותר.
  • 1:50 - 1:53
    המממ, זה מעניין.
  • 1:53 - 1:55
    מה הניסוי הקטן הזה מראה לנו?
  • 1:55 - 2:02
    ובכן, אנחנו יכולים לראות שהנקודה 200,200 היא למעשה הנקודה של מרכז האליפסה.
  • 2:02 - 2:10
    עבור מלבנים, זה שונה - נקודת ה-200,200 אומרת היכן למקם את הקצה השמאלי העליון של המלבן.
  • 2:10 - 2:14
    חשוב מאוד לזכור את זה כאשר אנו ממקמים צורות.
  • 2:14 - 2:18
    אוקיי, בואו נמשיך ונעשה קוים פשוטים.
  • 2:18 - 2:21
    שם הפונקציה הוא line.
  • 2:21 - 2:23
    ואנו מעבירים לה ארבעה פרמטרים -
  • 2:23 - 2:28
    אבל קו לא באמת צריך גודל כמו מלבן, אז במה המספרים האלו שולטים?
  • 2:28 - 2:35
    שני הפרמטרים הראשונים, בדיוק כמו קודם מגדירים את הנקודה שבה הקו מתחיל.
  • 2:35 - 2:46
    ושני הפרמטרים האחרונים מגדירים את הנקודה שבה הקו נגמר.
  • 2:46 - 2:53
    כעת שאנחנו מבינים כיצד זה עובד, בואו נסתכל על משהו שייראה קצת מוזר בהתחלה.
  • 2:53 - 2:57
    מה ייקרה אני אמקם את נקודת ההתחלה של המלבן בפינה השמאלית העליונה?
  • 2:57 - 3:05
    ואז אעשה אותו ממש גדול?
  • 3:05 - 3:08
    נוכל גם לעשות אותו כזה גדול, אבל אולי זה גדול מדי, אני חושבת.
  • 3:08 - 3:12
    אנו רואים שזה גורם בהדרגתיות לאליפסה להיעלם.
  • 3:12 - 3:15
    אנחנו יכולים להעלים אותה לגמרי
  • 3:15 - 3:18
    עכשיו אנחנו קצת תוהים לאן היא נעלמה.
  • 3:18 - 3:22
    למעשה, התוכנה מציירת את הצורות שלך על פי סדר מסויים.
  • 3:22 - 3:27
    תחילה היא מציירת את האליפסה, ולאחר מכן את המלבן מעליה ולבסוף את הקו.
  • 3:27 - 3:31
    אז האליפסה בעצם עדיין שם - היא פשוט, כפי שניתן לראות, מתחת.
  • 3:31 - 3:33
    זוהי נקודה חשובה שיש לזכור.
  • 3:33 - 3:37
    מה ייקרה אם נצייר את הקו קודם?
  • 3:37 - 3:39
    פשוט לא נראה את כולו?
  • 3:39 - 3:42
    יכול להיות שתעשו זאת בתוכנה שלכם ותתהו לכם, ״היי, לאן נעלם הקו שלי?!״
  • 3:42 - 3:45
    הרעיון הוא שהקו שם, הוא פשוט מסתתר מתחת כרגע.
  • 3:45 - 3:51
    על ידי האליפסה ולאחר מכן המלבן.
  • 3:51 - 3:59
    אנו יכולים להשפיע על סדר ההופעה של הצורות על ידי הסדר שבו אנו מפעילים את הפונקציות שלהן.
  • 3:59 - 4:04
    כעת, רק הייתי רוצה להציג כמה מונחים טכניים לפני שנסיים.
  • 4:04 - 4:10
    כמו שלמדתם במתמטיקה, אנו יכולים להשתמש באות x על מנת לייצג את ציר המרחק מנקודת ה-0
  • 4:10 - 4:12
    ואנו משתמשים באות y על מנת לייצר את ציר הגובה.
  • 4:12 - 4:14
    זה אולי נשמע קצת מוזר אם אתם לא משתמשים בזה,
  • 4:14 - 4:20
    אבל זה עוזר לתאר כמה ״רחוק״ או ״למטה״ אתם נמצאים מנקודת האפס בכל פעם.
  • 4:20 - 4:24
    לדוגמא, שני הפרמטרים הראשונים של פונקציית האליפסה אומרים
  • 4:24 - 4:29
    ש-x צריך להיות 200 ו-y צריך להיות 229.
  • 4:29 - 4:35
    וזה בדיוק כמו להגיד כמה רחוק או למטה אנו רוצים את האליפסה.
  • 4:35 - 4:38
    שאלה אחרת שאולי יש לכם היא,
  • 4:38 - 4:40
    באילו יחידות בעצם השתמשנו בכל הזמן הזה?
  • 4:40 - 4:43
    האם אנחנו אומרים 200 סנטימטר, 200 אינצ׳, 200 מיילים?
  • 4:43 - 4:49
    אנו משתמשים ביחידה שנקראת ״פיקסלים״, ופיקסל הוא נקודה קטנה קטנה במסך שלכם.
  • 4:49 - 4:53
    שטח העבודה זה הוא ברוחב של 400 פיקסלים -
  • 4:53 - 5:01
    ולכן אנו תמיד אומרים שהפינה השמאלית העליונה היא 0, וכאן זה 400, מכיוון שזה 400 פיקסלים.
  • 5:01 - 5:08
    אותו הדבר, כאשר אנו אומרים 200, אנו למעשה מתכוונים ל-200 פיקסלים, הבנתם את הרעיון.
  • 5:08 - 5:13
    פנטסטי. עכשיו אתם יודעים הכל על פונקציות rect, line ו-ellipse והפרמטרים שלהן.
  • 5:13 - 5:17
    כיסינו הרבה חומר, תתרגלו אותו, תמשיכו לחקור ותבינו את זה מהר מאוד!
Title:
עוד ציור (גירסת וידאו)
Description:

זהו בעצם חלק מצילום וידאו של הדרכת הקוד שלנו. ניתן לצפות בהדרכות שלנו גם ב-https://www.khanacademy.org/cs/programming/.

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

Hebrew subtitles

Revisions