בוא נחקור עוד את כל נושא הציור
מה אנחנו יכולים לעשות מלבד מלבנים?
ובכן, אנחנו יכולים לעשות אליפסות באמצעות המילה 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 והפרמטרים שלהן.
כיסינו הרבה חומר, תתרגלו אותו, תמשיכו לחקור ותבינו את זה מהר מאוד!