-
כבר למדתם איך ליצור משתנים משלכם ולהשתמש בהם.
-
עכשיו נלמד על שני סוגי משתנים מיוחדים: mouseX ו-mouseX
-
אין צורך ליצור את המשתנים האלו בעצמכם, ולמעשה עדיף שלא תעשו זאת,
-
מכיוון שהם כבר קיימים. איזה בנאדם אדיר כבר עשה את כל הקטע של "var mouseX" ו-"var mouseY" כך שאתם לא צריכים
-
ואותו בנאדם אדיר עשה את זה ככה שהערך של mouseX הוא תמיד נקודת ה-x של העכבר שלכם,
-
והערך של המשתנה mouseY הוא תמיד נקודת ה-y של העברים שלכם.
-
זה הופך את זה לממש פשוט לעשות דברים אינטראקטיבים מגניבים כמו זה:
-
שימו לב לאליפסה הזו שאני מציירת. כרגע אני מציירת אותה בנקודה 200,200
-
במקום, אני יכולה להשתמש במשתנים המיוחדים הללו ולצייר אותה בנקודות mouseX ו-mouseY
-
ועכשיו, אם אני מזיזה את העכבר שלי על גבי שולחן העבודה, תוכלו לראות שהאליפסה תמיד תצוייר איפה שהסמן שלי נמצא,
-
כך שהיא למעשה עוקבת אחרי העכבר שלי! עכשיו זה די מגניב.
-
אם אנחנו הולכים להשתמש ב-mouseX וב-mouseY אז חייבים להשתמש בהם בתוך לולאת הציור הזו,
-
מכיוון ששימו לב מה קורה אם אנחנו מזיזים את שתי שורות הקוד הללו מחוץ ללולאה.
-
עכשיו, הם רק הולכות לרוץ פעם אחת, והאליפסה תצוייר איפה שהעכבר שלי היה רק בתחילת התוכנית.
-
אז בשביל זה אנחנו צריכים את הלולאה הזו. מכיוון שאם תחשבו על זה, גם אם זה לא מרגיש ככה, זה סוג של אנימציה
-
עכשיו אנחנו יכולים לעשות כל מיני דברים כיפיים. מה למשל אם במקום לצייר אותה בנקודה mouseX ו-mouseY נצייר אותה ב-mouseX,
-
ונקבע את mouseY בערך של 300 למשל, ועכשיו האליפסה רק עוקבת אחרי קוארדינאטת ה-x שלי.
-
קוארדינאטת ה-x של העכבר שלי ולא ה-y.
-
כן? אז אולי אני יכולה לצייר אותה בנקודה mouseX ו-mouseY שוב אבל להיפטר משורת ה-background() הזו.
-
עכשיו אנחנו יכולים לראות את כל האליפסות שציירנו קודם וקיבלנו ציור מופרע שכזה.
-
זה די מגניב. או, שאני יכולה להחליף בין המשתנים, לצייר את זה ב-mouseY וב-mouseX ועכשיו זה כמו מקודם
-
חוץ מזה שהשליטה בעכבר לא מסתדרת, אבל זה גם בסדר, אתם יכולים לתאר לעצמכם משחק שלם שבו צריך לצייר משהו.
-
לכתוב משהו עם הצורת שליטה המתוסבכת הזו.
-
אז זה הכל לגבי mouseX ו-mouseY! סופר קל להשתמש וסופר מגניב!