1
00:00:00,869 --> 00:00:03,972
כבר למדתם איך ליצור משתנים משלכם ולהשתמש בהם.

2
00:00:03,972 --> 00:00:10,790
עכשיו נלמד על שני סוגי משתנים מיוחדים: mouseX ו-mouseX

3
00:00:10,790 --> 00:00:16,658
אין צורך ליצור את המשתנים האלו בעצמכם, ולמעשה עדיף שלא תעשו זאת, מכיוון שהם כבר קיימים.

4
00:00:16,658 --> 00:00:28,171
אתם מבינים, התוכנה קובעת את הערכים של המשתנים האלו מאחורי הקלעים, מוודא שהערך של mouseX הוא תמיד נקודת ה-x של העכבר שלכם וmouseY הוא תמיד נקודת ה-y של העכבר.

5
00:00:28,171 --> 00:00:33,278
זה הופך את זה לממש פשוט לעשות דברים אינטראקטיבים מגניבים שמתבססים על מיקום העכבר של המשתמש

6
00:00:33,278 --> 00:00:36,508
שימו לב לאליפסה הזו שאני מציירת

7
00:00:36,508 --> 00:00:41,192
כרגע אני מציירת אותה בנקודה 200,200

8
00:00:41,192 --> 00:00:49,718
במקום, אני יכולה להשתמש במשתנים המיוחדים הללו ולצייר אותה בנקודות mouseX ו-mouseY

9
00:00:49,718 --> 00:00:57,743
ועכשיו, אם אני מזיזה את העכבר שלי על גבי שולחן העבודה, תוכלו לראות שהאליפסה תמיד תצוייר איפה שהסמן שלי נמצא. כך שהיא למעשה עוקבת אחרי העכבר שלי!

10
00:00:57,743 --> 00:01:01,760
עכשיו זה די מגניב. אתם יכולים לנחש מה אני מציירת?

11
00:01:01,760 --> 00:01:13,839
אם אנחנו הולכים להשתמש ב-mouseX וב-mouseY אז חייבים להשתמש בהם בתוך לולאת הציור הזו, מכיוון ששימו לב מה קורה אם אנחנו מזיזים את שתי שורות הקוד הללו מחוץ ללולאה.

12
00:01:13,839 --> 00:01:15,501
אתם רואים?

13
00:01:15,501 --> 00:01:26,955
עכשיו, הם רק הולכות לרוץ פעם אחת, והאליפסה תצוייר איפה שהעכבר שלי היה רק בתחילת התוכנית.

14
00:01:26,955 --> 00:01:36,303
אז בשביל זה אנחנו צריכים את הלולאה הזו. כיוון שנוכל לקרוא לפונקציית הציור שוב ושוב בזמן שהקוד רץ

15
00:01:36,303 --> 00:01:43,735
אז אנחנו רוצים שכאשר אנחנו קוראים לפונקציית הציור, היא תבדוק מה הערכים של mouseX וmouseY ותצייר את האליפסה במיקום הזה.

16
00:01:43,735 --> 00:01:49,481
מכיוון שאם תחשבו על זה, זה סוג של אנימציה - היא משתנה לאורך זמן, רק בדרך שונה.

17
00:01:49,481 --> 00:01:52,957
עכשיו אנחנו יכולים לעשות כל מיני דברים כיפיים.

18
00:01:52,957 --> 00:02:03,871
מה למשל אם במקום לצייר אותה בנקודה mouseX ו-mouseY נצייר אותה ב-mouseX ונקבע את mouseY בערך קבוע של 300?

19
00:02:03,871 --> 00:02:10,589
עכשיו האליפסה רק עוקבת אחרי נקודת ה-x שלי ומתעלמת מנקודת ה-y שלי.

20
00:02:10,589 --> 00:02:21,937
כן? אז אולי אני יכולה לצייר אותה בנקודה mouseX ו-mouseY שוב אבל להיפטר משורת ה-background() הזו.

21
00:02:21,937 --> 00:02:27,933
עכשיו אנחנו יכולים לראות את כל האליפסות שציירנו קודם וקיבלנו ציור מופרע שכזה.

22
00:02:27,933 --> 00:02:39,509
זה די מגניב. או, שאני יכולה להחליף בין המשתנים, לצייר את זה ב-mouseY וב-mouseX ועכשיו זה כמו מקודם

23
00:02:39,509 --> 00:02:45,907
עכשיו זה מרגיש ממש מוזר. השליטה על העכבר עושה הפוך ממה שאני מצפה ממנה

24
00:02:45,907 --> 00:02:53,400
אבל זה גם בסדר, אתם יכולים לתאר לעצמכם משחק שלם שבו צריך לצייר משהו או לעשות משהו בעזרת פקודות הפוכות.

25
00:02:53,400 --> 00:02:59,808
אז זה הכל לגבי mouseX ו-mouseY! סופר קל להשתמש וסופר מגניב!