0:00:00.869,0:00:03.972
כבר למדתם איך ליצור משתנים משלכם ולהשתמש בהם.

0:00:03.972,0:00:10.790
עכשיו נלמד על שני סוגי משתנים מיוחדים: mouseX ו-mouseX

0:00:10.790,0:00:16.658
אין צורך ליצור את המשתנים האלו בעצמכם, ולמעשה עדיף שלא תעשו זאת, מכיוון שהם כבר קיימים.

0:00:16.658,0:00:28.171
אתם מבינים, התוכנה קובעת את הערכים של המשתנים האלו מאחורי הקלעים, מוודא שהערך של mouseX הוא תמיד נקודת ה-x של העכבר שלכם וmouseY הוא תמיד נקודת ה-y של העכבר.

0:00:28.171,0:00:33.278
זה הופך את זה לממש פשוט לעשות דברים אינטראקטיבים מגניבים שמתבססים על מיקום העכבר של המשתמש

0:00:33.278,0:00:36.508
שימו לב לאליפסה הזו שאני מציירת

0:00:36.508,0:00:41.192
כרגע אני מציירת אותה בנקודה 200,200

0:00:41.192,0:00:49.718
במקום, אני יכולה להשתמש במשתנים המיוחדים הללו ולצייר אותה בנקודות mouseX ו-mouseY

0:00:49.718,0:00:57.743
ועכשיו, אם אני מזיזה את העכבר שלי על גבי שולחן העבודה, תוכלו לראות שהאליפסה תמיד תצוייר איפה שהסמן שלי נמצא. כך שהיא למעשה עוקבת אחרי העכבר שלי!

0:00:57.743,0:01:01.760
עכשיו זה די מגניב. אתם יכולים לנחש מה אני מציירת?

0:01:01.760,0:01:13.839
אם אנחנו הולכים להשתמש ב-mouseX וב-mouseY אז חייבים להשתמש בהם בתוך לולאת הציור הזו, מכיוון ששימו לב מה קורה אם אנחנו מזיזים את שתי שורות הקוד הללו מחוץ ללולאה.

0:01:13.839,0:01:15.501
אתם רואים?

0:01:15.501,0:01:26.955
עכשיו, הם רק הולכות לרוץ פעם אחת, והאליפסה תצוייר איפה שהעכבר שלי היה רק בתחילת התוכנית.

0:01:26.955,0:01:36.303
אז בשביל זה אנחנו צריכים את הלולאה הזו. כיוון שנוכל לקרוא לפונקציית הציור שוב ושוב בזמן שהקוד רץ

0:01:36.303,0:01:43.735
אז אנחנו רוצים שכאשר אנחנו קוראים לפונקציית הציור, היא תבדוק מה הערכים של mouseX וmouseY ותצייר את האליפסה במיקום הזה.

0:01:43.735,0:01:49.481
מכיוון שאם תחשבו על זה, זה סוג של אנימציה - היא משתנה לאורך זמן, רק בדרך שונה.

0:01:49.481,0:01:52.957
עכשיו אנחנו יכולים לעשות כל מיני דברים כיפיים.

0:01:52.957,0:02:03.871
מה למשל אם במקום לצייר אותה בנקודה mouseX ו-mouseY נצייר אותה ב-mouseX ונקבע את mouseY בערך קבוע של 300?

0:02:03.871,0:02:10.589
עכשיו האליפסה רק עוקבת אחרי נקודת ה-x שלי ומתעלמת מנקודת ה-y שלי.

0:02:10.589,0:02:21.937
כן? אז אולי אני יכולה לצייר אותה בנקודה mouseX ו-mouseY שוב אבל להיפטר משורת ה-background() הזו.

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

0:02:27.933,0:02:39.509
זה די מגניב. או, שאני יכולה להחליף בין המשתנים, לצייר את זה ב-mouseY וב-mouseX ועכשיו זה כמו מקודם

0:02:39.509,0:02:45.907
עכשיו זה מרגיש ממש מוזר. השליטה על העכבר עושה הפוך ממה שאני מצפה ממנה

0:02:45.907,0:02:53.400
אבל זה גם בסדר, אתם יכולים לתאר לעצמכם משחק שלם שבו צריך לצייר משהו או לעשות משהו בעזרת פקודות הפוכות.

0:02:53.400,0:02:59.808
אז זה הכל לגבי mouseX ו-mouseY! סופר קל להשתמש וסופר מגניב!