-
בוא נחקור עוד את כל נושא הציור
-
מה אנחנו יכולים לעשות מלבד מלבנים?
-
ובכן, אנחנו יכולים לעשות אליפסות באמצעות המילה ellipse,
-
שהיא פקודה נוספת שהמחשב מכיר.
-
למעשה יש לנו מילה מיוחדת בתכנות עבור המילה פקודות
-
אנחנו הולכים לקרוא להן פונקציות.
-
אני אשתמש במילה פונקציות מעתה והלאה כאשר אני מתכוונת לפקודות.
-
בואו נרשום את שם הפונקציה ellipse,
-
ואז סוגריים ונקודת פסיק.
-
זה לא עובד!
-
קיבלנו את ההודעות שגיאה הזו שמדברת על פרמטרים, מה שזה לא אומר.
-
האם אתם יכולים לראות מה אנחנו מפספסים,
-
על ידי השוואה למה שרשמנו בפונקצית rect?
-
ובכן כשאנחנו רק רושמים ellipse, אנחנו לא אומרים לה את המספרים, כמו שעשינו עם המלבנים.
-
המספרים הללו נקראים פרמטרים -
-
אנו מעבירים פרמטרים לפונקציות, והם שולטים כיצד הפונקציות תתנהגנה.
-
ללא הפרמטרים, התוכנה לא יודעת היכן אתה רוצה למקם את האליפסה שלך,
-
או כמה גדולה לצייר אותה.
-
כעת הודעת השגיאה נשמעת יותר הגיונית.
-
בואו נעביר לפונקציה ארבעה פרמטרים
-
על מנת לשלוט באורך, ברוחב ובמיקום של האליפסה.
-
בדיוק כמו מקודם, אנחנו יכולים לעשות קצת כיף ולהזיז את האליפסה שלנו -
-
או אפילו לגרום לה לגדול או לקטון.
-
אוקיי, עכשיו שהבנו את הבסיס, בואו ננסה לצייר אליפסה גדולה -
-
בדיוק באמצע של חלון העבודה.
-
השאלה הראשונה שאתם שואלים את עצמכם היא איפה האמצע?
-
בואו נבחן את זה, יש לנו את הקצה העליון השמאלי, 0 -
-
- ואת הקצה הימיני שהוא 400, והתחתון שהוא גם 400.
-
ואם אנחנו רוצים להבין איפה האמצע, נניח שניקח חצי מהרוחב של 400 וחצי מהגובה של 400 - 200,200.
-
בוא נעשה את זה.
-
נכתוב את פונקצית ה-ellipse, נעביר את הפרמטרים ונעשה אותה די גדולה.
-
והנה היא!
-
סתם בשביל הכיף, בוא נשים שם גם מלבן.
-
נכתוב rect 200, 200 ונעשה אותו קצת קטן יותר.
-
המממ, זה מעניין.
-
מה הניסוי הקטן הזה מראה לנו?
-
ובכן, אנחנו יכולים לראות שהנקודה 200,200 היא למעשה הנקודה של מרכז האליפסה.
-
עבור מלבנים, זה שונה - נקודת ה-200,200 אומרת היכן למקם את הקצה השמאלי העליון של המלבן.
-
חשוב מאוד לזכור את זה כאשר אנו ממקמים צורות.
-
אוקיי, בואו נמשיך ונעשה קוים פשוטים.
-
שם הפונקציה הוא line.
-
ואנו מעבירים לה ארבעה פרמטרים -
-
אבל קו לא באמת צריך גודל כמו מלבן, אז במה המספרים האלו שולטים?
-
שני הפרמטרים הראשונים, בדיוק כמו קודם מגדירים את הנקודה שבה הקו מתחיל.
-
ושני הפרמטרים האחרונים מגדירים את הנקודה שבה הקו נגמר.
-
כעת שאנחנו מבינים כיצד זה עובד, בואו נסתכל על משהו שייראה קצת מוזר בהתחלה.
-
מה ייקרה אני אמקם את נקודת ההתחלה של המלבן בפינה השמאלית העליונה?
-
ואז אעשה אותו ממש גדול?
-
נוכל גם לעשות אותו כזה גדול, אבל אולי זה גדול מדי, אני חושבת.
-
אנו רואים שזה גורם בהדרגתיות לאליפסה להיעלם.
-
אנחנו יכולים להעלים אותה לגמרי
-
עכשיו אנחנו קצת תוהים לאן היא נעלמה.
-
למעשה, התוכנה מציירת את הצורות שלך על פי סדר מסויים.
-
תחילה היא מציירת את האליפסה, ולאחר מכן את המלבן מעליה ולבסוף את הקו.
-
אז האליפסה בעצם עדיין שם - היא פשוט, כפי שניתן לראות, מתחת.
-
זוהי נקודה חשובה שיש לזכור.
-
מה ייקרה אם נצייר את הקו קודם?
-
פשוט לא נראה את כולו?
-
יכול להיות שתעשו זאת בתוכנה שלכם ותתהו לכם, ״היי, לאן נעלם הקו שלי?!״
-
הרעיון הוא שהקו שם, הוא פשוט מסתתר מתחת כרגע.
-
על ידי האליפסה ולאחר מכן המלבן.
-
אנו יכולים להשפיע על סדר ההופעה של הצורות על ידי הסדר שבו אנו מפעילים את הפונקציות שלהן.
-
כעת, רק הייתי רוצה להציג כמה מונחים טכניים לפני שנסיים.
-
כמו שלמדתם במתמטיקה, אנו יכולים להשתמש באות x על מנת לייצג את ציר המרחק מנקודת ה-0
-
ואנו משתמשים באות y על מנת לייצר את ציר הגובה.
-
זה אולי נשמע קצת מוזר אם אתם לא משתמשים בזה,
-
אבל זה עוזר לתאר כמה ״רחוק״ או ״למטה״ אתם נמצאים מנקודת האפס בכל פעם.
-
לדוגמא, שני הפרמטרים הראשונים של פונקציית האליפסה אומרים
-
ש-x צריך להיות 200 ו-y צריך להיות 229.
-
וזה בדיוק כמו להגיד כמה רחוק או למטה אנו רוצים את האליפסה.
-
שאלה אחרת שאולי יש לכם היא,
-
באילו יחידות בעצם השתמשנו בכל הזמן הזה?
-
האם אנחנו אומרים 200 סנטימטר, 200 אינצ׳, 200 מיילים?
-
אנו משתמשים ביחידה שנקראת ״פיקסלים״, ופיקסל הוא נקודה קטנה קטנה במסך שלכם.
-
שטח העבודה זה הוא ברוחב של 400 פיקסלים -
-
ולכן אנו תמיד אומרים שהפינה השמאלית העליונה היא 0, וכאן זה 400, מכיוון שזה 400 פיקסלים.
-
אותו הדבר, כאשר אנו אומרים 200, אנו למעשה מתכוונים ל-200 פיקסלים, הבנתם את הרעיון.
-
פנטסטי. עכשיו אתם יודעים הכל על פונקציות rect, line ו-ellipse והפרמטרים שלהן.
-
כיסינו הרבה חומר, תתרגלו אותו, תמשיכו לחקור ותבינו את זה מהר מאוד!