WEBVTT

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

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

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

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

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

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

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

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

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

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

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

00:01:13.839 --> 00:01:15.501
אתם רואים?

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

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

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

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

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

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

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

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

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

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

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

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

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