אינטראקציה בעזרת העכבר
-
0:01 - 0:04כבר למדתם איך ליצור משתנים משלכם ולהשתמש בהם.
-
0:04 - 0:11עכשיו נלמד על שני סוגי משתנים מיוחדים: mouseX ו-mouseX
-
0:11 - 0:17אין צורך ליצור את המשתנים האלו בעצמכם, ולמעשה עדיף שלא תעשו זאת, מכיוון שהם כבר קיימים.
-
0:17 - 0:28אתם מבינים, התוכנה קובעת את הערכים של המשתנים האלו מאחורי הקלעים, מוודא שהערך של mouseX הוא תמיד נקודת ה-x של העכבר שלכם וmouseY הוא תמיד נקודת ה-y של העכבר.
-
0:28 - 0:33זה הופך את זה לממש פשוט לעשות דברים אינטראקטיבים מגניבים שמתבססים על מיקום העכבר של המשתמש
-
0:33 - 0:37שימו לב לאליפסה הזו שאני מציירת
-
0:37 - 0:41כרגע אני מציירת אותה בנקודה 200,200
-
0:41 - 0:50במקום, אני יכולה להשתמש במשתנים המיוחדים הללו ולצייר אותה בנקודות mouseX ו-mouseY
-
0:50 - 0:58ועכשיו, אם אני מזיזה את העכבר שלי על גבי שולחן העבודה, תוכלו לראות שהאליפסה תמיד תצוייר איפה שהסמן שלי נמצא. כך שהיא למעשה עוקבת אחרי העכבר שלי!
-
0:58 - 1:02עכשיו זה די מגניב. אתם יכולים לנחש מה אני מציירת?
-
1:02 - 1:14אם אנחנו הולכים להשתמש ב-mouseX וב-mouseY אז חייבים להשתמש בהם בתוך לולאת הציור הזו, מכיוון ששימו לב מה קורה אם אנחנו מזיזים את שתי שורות הקוד הללו מחוץ ללולאה.
-
1:14 - 1:16אתם רואים?
-
1:16 - 1:27עכשיו, הם רק הולכות לרוץ פעם אחת, והאליפסה תצוייר איפה שהעכבר שלי היה רק בתחילת התוכנית.
-
1:27 - 1:36אז בשביל זה אנחנו צריכים את הלולאה הזו. כיוון שנוכל לקרוא לפונקציית הציור שוב ושוב בזמן שהקוד רץ
-
1:36 - 1:44אז אנחנו רוצים שכאשר אנחנו קוראים לפונקציית הציור, היא תבדוק מה הערכים של mouseX וmouseY ותצייר את האליפסה במיקום הזה.
-
1:44 - 1:49מכיוון שאם תחשבו על זה, זה סוג של אנימציה - היא משתנה לאורך זמן, רק בדרך שונה.
-
1:49 - 1:53עכשיו אנחנו יכולים לעשות כל מיני דברים כיפיים.
-
1:53 - 2:04מה למשל אם במקום לצייר אותה בנקודה mouseX ו-mouseY נצייר אותה ב-mouseX ונקבע את mouseY בערך קבוע של 300?
-
2:04 - 2:11עכשיו האליפסה רק עוקבת אחרי נקודת ה-x שלי ומתעלמת מנקודת ה-y שלי.
-
2:11 - 2:22כן? אז אולי אני יכולה לצייר אותה בנקודה mouseX ו-mouseY שוב אבל להיפטר משורת ה-background() הזו.
-
2:22 - 2:28עכשיו אנחנו יכולים לראות את כל האליפסות שציירנו קודם וקיבלנו ציור מופרע שכזה.
-
2:28 - 2:40זה די מגניב. או, שאני יכולה להחליף בין המשתנים, לצייר את זה ב-mouseY וב-mouseX ועכשיו זה כמו מקודם
-
2:40 - 2:46עכשיו זה מרגיש ממש מוזר. השליטה על העכבר עושה הפוך ממה שאני מצפה ממנה
-
2:46 - 2:53אבל זה גם בסדר, אתם יכולים לתאר לעצמכם משחק שלם שבו צריך לצייר משהו או לעשות משהו בעזרת פקודות הפוכות.
-
2:53 - 3:00אז זה הכל לגבי mouseX ו-mouseY! סופר קל להשתמש וסופר מגניב!
- Title:
- אינטראקציה בעזרת העכבר
- Description:
-
This is just a screen grab of our interactive coding talk-through, prepared to make captioning and translation easier. It is better to watch our talk-throughs here:
https://www.khanacademy.org/cs/programming/ - Video Language:
- English
- Duration:
- 03:00
רועי חרמוני edited Hebrew subtitles for Mouse Interaction (Video Version) | ||
רועי חרמוני edited Hebrew subtitles for Mouse Interaction (Video Version) |