1 00:00:00,000 --> 00:00:11,010 2 00:00:11,010 --> 00:00:11,965 >> תומס Reimers: מגניב. 3 00:00:11,965 --> 00:00:13,230 אז היי, כולם. 4 00:00:13,230 --> 00:00:14,300 קוראים לי תומס. 5 00:00:14,300 --> 00:00:15,744 אני TF וזה 6 00:00:15,744 --> 00:00:16,660 ARMAGHAN BEHLUM: armi. 7 00:00:16,660 --> 00:00:17,637 נחמד לראות אתכם. 8 00:00:17,637 --> 00:00:18,470 תומס Reimers: מגניב. 9 00:00:18,470 --> 00:00:20,740 אז אנחנו הולכים לדבר על Leap Motion היום. 10 00:00:20,740 --> 00:00:22,800 אז Leap Motion הוא מוצר ממש מגניב ש 11 00:00:22,800 --> 00:00:25,900 מאפשר לך אינטראקציה עם מחשב בצורה שונה. 12 00:00:25,900 --> 00:00:28,560 אז כל הרעיון מאחורי תנועת הקפיצה היא שאתה 13 00:00:28,560 --> 00:00:31,430 יכול להשתמש בידות שלך ל אינטראקציה עם המחשב. 14 00:00:31,430 --> 00:00:33,610 אז כאן יש לי משהו מוגדר. 15 00:00:33,610 --> 00:00:34,790 אני אדבר על זה בקצת. 16 00:00:34,790 --> 00:00:37,540 אבל הגרסה הבסיסית הוא שאתה יכול רואה שיש לי את הידיים שלי מול 17 00:00:37,540 --> 00:00:42,840 של המחשב שלי, וכשאני מזיז אותם, אתה מקבל אנלוגי במחשב 18 00:00:42,840 --> 00:00:44,170 ואתה יכול לנתח את זה. 19 00:00:44,170 --> 00:00:46,230 אתה יכול לעשות מחוות. 20 00:00:46,230 --> 00:00:49,176 אתה יכול להשתמש בידות שלך ל אינטראקציה עם המחשב 21 00:00:49,176 --> 00:00:50,300 בדרך חדשה ומעניינת. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> ובכן, אני באמת ראשון רוצה לעבור את לarmi 24 00:00:57,520 --> 00:01:00,400 כדי להראות לך כמה הדגמות מגניבים ממה ש כמה אנשים עשו עם זה. 25 00:01:00,400 --> 00:01:02,816 ואז נדבר על איך אתה בעצם קוד עם זה. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: כן. 27 00:01:04,800 --> 00:01:05,300 שלום. 28 00:01:05,300 --> 00:01:08,870 אז כפי שראינו, קטן הנתונים כאן, אבל בואו נראה 29 00:01:08,870 --> 00:01:11,680 מה שכמה אנשים עשו עם זה. 30 00:01:11,680 --> 00:01:15,130 אז תן לי רק לפתוח את הדוגמא הזאת. 31 00:01:15,130 --> 00:01:20,770 ולאחר מכן, כך, למשל, אתה יכול לראות היד האנלוגית שלי שם, אבל עכשיו זה זמן 32 00:01:20,770 --> 00:01:26,680 יש אנשים שיש שימוש באחדות החליט לשים את עור קצת יותר 33 00:01:26,680 --> 00:01:28,670 ודברים מסביב היד. 34 00:01:28,670 --> 00:01:35,900 אז, אני יכול בוא נלך עם זה, בטוח, יש לי את הידיים באינטראקציה. 35 00:01:35,900 --> 00:01:41,050 וכנראה שאתה יכול לדמיין כמה דברים שימושיים מגניבים אחרים 36 00:01:41,050 --> 00:01:42,840 שאתה יכול לעשות עם זה. 37 00:01:42,840 --> 00:01:45,530 אז זה הוא דוגמא אחת לפחות. 38 00:01:45,530 --> 00:01:48,910 ואז בואו נקפוץ מזה. 39 00:01:48,910 --> 00:01:56,590 >> ואז עוד אחד מגניב הוא, בואו נלך עם זה. 40 00:01:56,590 --> 00:01:58,390 כדור Plasmo. 41 00:01:58,390 --> 00:02:03,510 שוב, אנחנו לא הייתם בהכרח מצפה זה ברמה של מורכבות 42 00:02:03,510 --> 00:02:06,450 מפרויקט גמר לCS50. 43 00:02:06,450 --> 00:02:10,029 זה רק כדי להראות לך , ייתנו לך כמה בחורים 44 00:02:10,029 --> 00:02:14,570 מעט השראה למה אתם יכולים לעשות עם Leap Motion. 45 00:02:14,570 --> 00:02:20,500 כך למשל הנה מגניב דוגמא פיסיקה, בו יש לנו ללכת. 46 00:02:20,500 --> 00:02:24,305 יש שתי הידיים שלי אז עכשיו אתה יש לי כדור פלזמה הקטן הזה. 47 00:02:24,305 --> 00:02:31,030 והכדור מגיב לפיסיקה שלי נע לי את יד סביב הכדור. 48 00:02:31,030 --> 00:02:36,920 עכשיו זה כל אם כי באמצעות אחדות, באמצעות סוג של כלים ומסגרות 49 00:02:36,920 --> 00:02:39,510 שלא לימדו אתם בכיתה, 50 00:02:39,510 --> 00:02:46,590 אבל כפי שאתה יכול לראות כמה יפה מגניב ריצה throughs עם זה. 51 00:02:46,590 --> 00:02:51,750 >> אבל דבר אחד שאתם יכולים לעשות החל מעכשיו עם Leap Motion 52 00:02:51,750 --> 00:02:53,260 הוא עבודה בJavaScript. 53 00:02:53,260 --> 00:02:58,960 יש קפיצת Motion API JavaScript ש אתם יכולים להשתמש ואנחנו מאוד, מאוד 54 00:02:58,960 --> 00:03:02,040 ממליץ לכם לבנות הפרויקטים שלך באמצעות ש. 55 00:03:02,040 --> 00:03:04,350 אז עם זה, תן לי לעבור בחזרה אותו לTomas 56 00:03:04,350 --> 00:03:06,582 לדבר על קפיצה Motion ו- JavaScript. 57 00:03:06,582 --> 00:03:07,415 תומס Reimers: מגניב. 58 00:03:07,415 --> 00:03:09,230 או שמא אתה רוצה להראות שלהם Visualizer הראשון? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: אה, כן. 60 00:03:09,670 --> 00:03:10,170 כן. 61 00:03:10,170 --> 00:03:11,900 בואו נדבר עוד על Visualizer ש. 62 00:03:11,900 --> 00:03:14,983 >> תומס Reimers: אז על בסיסי ביותר רמה, כאשר אתה מקבל ראשון לLeap Motion 63 00:03:14,983 --> 00:03:16,940 אתה הולך לי תיבה זו. 64 00:03:16,940 --> 00:03:18,330 כאן, רוצה שאני אקח את השליטה? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: כן, לך על זה. 66 00:03:19,180 --> 00:03:20,530 >> תומס Reimers: אז כאשר אתה הראשון להגיע לקפיצת Motion 67 00:03:20,530 --> 00:03:21,780 אתה הולך לי תיבה זו. 68 00:03:21,780 --> 00:03:24,460 יש לו מכשיר ש נראה משהו כזה. 69 00:03:24,460 --> 00:03:28,990 אתה מחבר אותו למחשב שלך, להתקין את מנהלי ההתקנים הדרושים, 70 00:03:28,990 --> 00:03:30,950 ואז זה יהיה בעצם יוקם. 71 00:03:30,950 --> 00:03:34,160 אז הדרך הקלה ביותר כדי למיין של עסקה עם Leap Motion 72 00:03:34,160 --> 00:03:39,240 הוא ייפתח בתכנית זו היא מתקינה בשם Leap Motion Visualizer. 73 00:03:39,240 --> 00:03:41,490 וVisualizer הוא, פשוטו כמשמעו, מה שאני מציג כאן. 74 00:03:41,490 --> 00:03:45,340 זה מאפשר לך לראות מתווה שלד של הידיים שלך. 75 00:03:45,340 --> 00:03:49,940 ומה Motion Leap מפרש אותם כ. 76 00:03:49,940 --> 00:03:53,750 אז Motion Leap משתמש במצלמה כדי למיין של מבט בידיים שלך 77 00:03:53,750 --> 00:03:59,176 ואז הוא מנסה לנחש מה הרכב שלד בסיסי שאתה 78 00:03:59,176 --> 00:04:00,460 רואה על המסך הוא. 79 00:04:00,460 --> 00:04:01,669 וזה מה שזה מראה לך. 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM: בכל נקודה קטנה אחת 81 00:04:03,418 --> 00:04:06,580 ודבר שאתה רואה יש הנתונים שעומדים לרשותך בחורים 82 00:04:06,580 --> 00:04:07,270 כמו גם לשימוש. 83 00:04:07,270 --> 00:04:09,670 אז אתה רואה שזה הלכידה שתומס 84 00:04:09,670 --> 00:04:12,160 יש חמש אצבעות, כל אחד מ אצבעות שונות אלה 85 00:04:12,160 --> 00:04:17,110 זמינים גם עבורך כנתונים נקודות להשתמש בכל מה שיישום 86 00:04:17,110 --> 00:04:18,256 שאולי אתה רוצה. 87 00:04:18,256 --> 00:04:20,339 אם אתה רוצה לראות אם מישהו עושה את אגודלים 88 00:04:20,339 --> 00:04:23,860 אתה יכול לראות אם האצבעות שלהם מסתלסלים ואם הם 89 00:04:23,860 --> 00:04:25,850 אצבע אגודל מצביעה כלפי מעלה, או שבו 90 00:04:25,850 --> 00:04:30,037 פרק כף היד או כף היד שלהם היא וסוג כזה של דברים. 91 00:04:30,037 --> 00:04:30,870 תומס Reimers: מגניב. 92 00:04:30,870 --> 00:04:35,186 אז אתה יכול לראות כמה מחוותיו מבין טוב יותר מאחרים. 93 00:04:35,186 --> 00:04:38,310 זכור, שהוא מסתכל עליך יד במצלמה מהחלק התחתון, 94 00:04:38,310 --> 00:04:41,630 ולכן כאשר יש לך הידיים שלך כמו זה שהוא מבין אותם באופן מלא, 95 00:04:41,630 --> 00:04:44,509 אבל ברגע שאתה מתחיל לנסות ולעשות אגודלים למעלה, לפעמים זה קורא אותו, 96 00:04:44,509 --> 00:04:47,550 לפעמים זה יכול לנחש, אבל בכנות המצלמה פשוט לא יכולה לראות את האגודל. 97 00:04:47,550 --> 00:04:49,810 אז זה לא באמת בטוח מה קורה. 98 00:04:49,810 --> 00:04:54,910 רק כמה מגבלות שכדאי לזכור כאשר אתה מפתח עם זה. 99 00:04:54,910 --> 00:04:56,540 >> בכל אופן, כל כך לחזור לזה. 100 00:04:56,540 --> 00:04:59,040 Visualizer למעשה יש הרבה כלים שימושיים. 101 00:04:59,040 --> 00:05:01,780 אז Motion Leap הוא מתוכנת בצורה כזאת 102 00:05:01,780 --> 00:05:04,280 כי הם לא מצפים ממך ל אינטראקציה עם שנתוני התמונה. 103 00:05:04,280 --> 00:05:06,230 הם לא באמת מצפה ממך להבין 104 00:05:06,230 --> 00:05:08,060 מה שקורה מאחורי הקלעים. 105 00:05:08,060 --> 00:05:11,620 מה שהם עושים הוא לחשוף חבורה של ממשקי API עבורך 106 00:05:11,620 --> 00:05:13,420 כזה שאתה יכול אינטראקציה עם נתונים זה 107 00:05:13,420 --> 00:05:18,400 ישירות ללא הבנה מה קורה מתחת למכסת המנוע. 108 00:05:18,400 --> 00:05:27,790 >> אז אם פגעו H כאן בVisualizer תראה הרבה אפשרויות. 109 00:05:27,790 --> 00:05:35,450 החשוב אחד כאן אף הוא אם אתה מכה O ולאחר מכן פגע H, 110 00:05:35,450 --> 00:05:38,080 אתה תראה שזה מאפשר לך לצייר מחוות. 111 00:05:38,080 --> 00:05:43,380 אז מחווה, תראי היא שואבת חץ על פני. 112 00:05:43,380 --> 00:05:47,010 מחווה היא אחת הדרכים שבי Leap Motion סוג של מאפשר לך לקבל את הנתונים 113 00:05:47,010 --> 00:05:48,462 מבלי לעבד אותו. 114 00:05:48,462 --> 00:05:51,170 אז במקום צורך לי להבין את, אה, היד נעה, 115 00:05:51,170 --> 00:05:54,970 גם אם יש לי נקודת גישה, API יהיה סוג של רק יגיד לי, 116 00:05:54,970 --> 00:05:56,380 היי, הם עשו מחווה זו. 117 00:05:56,380 --> 00:05:58,920 אז אתה יכול לעשות מחוות חץ בסיסיות. 118 00:05:58,920 --> 00:06:00,590 אתה יכול לעשות מחוות המעגל. 119 00:06:00,590 --> 00:06:03,530 אתה יכול לעשות את ההקשה מחוות. 120 00:06:03,530 --> 00:06:07,630 ואתה יכול לעשות מחוות לחיצת מקש. 121 00:06:07,630 --> 00:06:09,394 כן. 122 00:06:09,394 --> 00:06:10,800 ודברים מסוג הזה. 123 00:06:10,800 --> 00:06:14,370 אז עכשיו שיש לנו סוג של ראיתי מה Leap Motion יכול לעשות, 124 00:06:14,370 --> 00:06:17,792 אתה יכול לראות את זה יכול לקרוא כל חבורה של מחוות. 125 00:06:17,792 --> 00:06:19,500 אני חושב שאני הולך ל להעביר אותו בחזרה לarmi 126 00:06:19,500 --> 00:06:22,300 והוא הולך לדבר על איך אתה מקבל באלה עם JavaScript, 127 00:06:22,300 --> 00:06:24,520 איך אתה אפילו להתחיל פרויקט עם זה. 128 00:06:24,520 --> 00:06:27,724 ואז נדבר על כמה מקומות מגניבים שאתה יכול ללכת עם זה. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: כן. 130 00:06:28,640 --> 00:06:29,300 נשמע טוב. 131 00:06:29,300 --> 00:06:31,950 אז כן, הדבר הראשון שאנחנו רוצה אותך לעשות כמובן, 132 00:06:31,950 --> 00:06:37,170 אחרי שאתה מקבל את תנועת הקפיצה היא ל ללכת לleapmotion.com, להגדיר, להתקין 133 00:06:37,170 --> 00:06:38,420 הנהגים וכאלה. 134 00:06:38,420 --> 00:06:42,520 אחרי עושה את זה אתה יכול ללכת לוודא שהוא מחובר. 135 00:06:42,520 --> 00:06:46,910 אם אתה רואה במגש הקטן שלך Leap Motion סמל וזה ירוק, 136 00:06:46,910 --> 00:06:48,640 אז אתה יודע שאתה כל הסט. 137 00:06:48,640 --> 00:06:53,710 וכמובן לבדוק מה בדיוק תומס רק הראה לך עם מחוות 138 00:06:53,710 --> 00:06:59,320 ועושה את ברזי המסך, ו רזי מפתח, וסוג כזה של דברים. 139 00:06:59,320 --> 00:07:02,180 >> לאחר שלמרות שאנחנו, שוב, כמו שאמרתי, 140 00:07:02,180 --> 00:07:06,530 יש לנו גישה לכל אלה דברים בJavaScript, כמו גם. 141 00:07:06,530 --> 00:07:09,020 האידיאלי להגדיר ש אנו ממליצים לך 142 00:07:09,020 --> 00:07:16,440 בחורים הוא להיכנס לך ספריית vhost, מארח מקומי, 143 00:07:16,440 --> 00:07:19,340 ציבור במכשיר CS50 שלך. 144 00:07:19,340 --> 00:07:24,790 וכשאתה הולך לשם מה אתה רואה הוא קובץ HTML נקודת מדד. 145 00:07:24,790 --> 00:07:28,180 כעת, לאחר שנקודת המדד קובץ HTML או נקודת מדד 146 00:07:28,180 --> 00:07:32,740 קובץ PHP, לפי בסדר, מה אתה יכול לעשות אז 147 00:07:32,740 --> 00:07:35,150 הוא ללכת למערכת ההפעלה העיקרית שלך. 148 00:07:35,150 --> 00:07:38,650 ואם אתה הולך לכתובת ה- IP שמופיע בפינה הימנית התחתונה 149 00:07:38,650 --> 00:07:45,180 פינה של המכשיר שלך כאן, כפי שאתה יכול לראות, אז מה שקורה 150 00:07:45,180 --> 00:07:51,240 הוא לעבור לדף זה הפניה שקובץ HTML נקודת מדד. 151 00:07:51,240 --> 00:07:56,610 אז את כל הקוד שאתה יכול לשים ב שם מקבל שנשלח והוא שמיש כאן. 152 00:07:56,610 --> 00:07:58,960 >> תומס Reimers: אז זה גם רק חשוב להתייחסות 153 00:07:58,960 --> 00:08:06,554 שאם אתם באמת יודעים כיצד להגדיר את שרת בעצמך, 154 00:08:06,554 --> 00:08:09,720 או שאתה רוצה לשים את זה בכל העולם אינטרנט, אתה מוזמן לעשות מה ש. 155 00:08:09,720 --> 00:08:11,594 זכור כי אלו הם רק קבצי JavaScript 156 00:08:11,594 --> 00:08:14,250 וכל עיבוד Leap נעשה על הלקוח. 157 00:08:14,250 --> 00:08:16,510 אז זה לא ממש משנה שבו חיי השרת שלך 158 00:08:16,510 --> 00:08:19,660 כל עוד המחשב אתה צופה באתר ב 159 00:08:19,660 --> 00:08:22,024 התקין Leap Motion. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: בהחלט. 161 00:08:23,190 --> 00:08:25,680 כמו שאמר תומס, כן, מה שעובד בשבילכם. 162 00:08:25,680 --> 00:08:28,570 זוהי רק אחת מההמלצות שלנו. 163 00:08:28,570 --> 00:08:31,660 עכשיו להתחיל להשתמש בקפיצה Motion מה היית עושה 164 00:08:31,660 --> 00:08:36,640 הוא היית לייבא JavaScript קובץ מLeap Motion. 165 00:08:36,640 --> 00:08:39,610 ואז משם מה ש אתה יכול לעשות הוא, עכשיו 166 00:08:39,610 --> 00:08:44,250 יש לי רק סעיף זה תג להגדיר עם תעודת זהות של טקסט. 167 00:08:44,250 --> 00:08:48,690 דברים שאנחנו ממליצים מגדירים את אפשרויות בקר 168 00:08:48,690 --> 00:08:52,012 לLeap Motion עם לאפשר מחוות להיות אמיתי. 169 00:08:52,012 --> 00:08:53,970 אז כברירת מחדל אלה מחוות שהראינו לך 170 00:08:53,970 --> 00:08:57,010 בחורים, המעגל, ו רז מפתח, וswipes, 171 00:08:57,010 --> 00:09:00,330 אלה אינם מוצגים ל אתם כברירת מחדל. 172 00:09:00,330 --> 00:09:04,450 אבל אנחנו מאוד ממליצים באמצעות אלה כך שאתה לא להמציא את הגלגל מחדש. 173 00:09:04,450 --> 00:09:09,489 לאפשר לאלה ל, עוברים אלה נכונים אפשרויות בקר לזנק נקודת לולאה 174 00:09:09,489 --> 00:09:10,530 ואתה מוכן ללכת. 175 00:09:10,530 --> 00:09:13,270 כי אז אתה רק צריך מוגדר פונקציה אנונימית 176 00:09:13,270 --> 00:09:16,910 שייקח ב מסגרת מLeap Motion 177 00:09:16,910 --> 00:09:21,150 ויש לו מסגרת שכל מידע שאתה הולך צריך. 178 00:09:21,150 --> 00:09:25,310 >> תומס Reimers: אז רק כדי סיכום, יש לך אובייקט אחד. 179 00:09:25,310 --> 00:09:28,250 יש לך בפונקציה זו נקרא dot לולאת קפיצה. 180 00:09:28,250 --> 00:09:30,460 ואתה קורא לזה בשני טיעונים. 181 00:09:30,460 --> 00:09:33,134 אתה קורא לזה עם אחד, אפשרויות בקר. 182 00:09:33,134 --> 00:09:35,300 ויש הרבה אפשרויות אתה יכול לשים שם. 183 00:09:35,300 --> 00:09:38,170 אחד אנחנו הולכים להדגיש הוא לאפשר מחוות. 184 00:09:38,170 --> 00:09:41,230 ואם אתה מגדיר את זה שווה לנכון אז אתה יכול לקבל גישה בשלב זה מחוות 185 00:09:41,230 --> 00:09:42,940 שהראינו לך בVisualizer. 186 00:09:42,940 --> 00:09:47,500 >> ולאחר מכן את הטענה השנייה היא פונקציה, זה כמו סוג של שיחה בחזרה 187 00:09:47,500 --> 00:09:53,010 שייקרא כל זמן כל מסגרת של Leap, 188 00:09:53,010 --> 00:09:57,340 לכן כל אוגרי קפיצת זמן ש יד המהלך שלך, יש לו מסגרת חדשה. 189 00:09:57,340 --> 00:10:02,130 והוא קורא בפונקציה זו עם אחד טענה, שהוא אובייקט המסגרת. 190 00:10:02,130 --> 00:10:05,909 ושאובייקט המסגרת מתאר המסגרת כמו קפיצה רואה את זה. 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM: בדיוק. 192 00:10:06,950 --> 00:10:10,450 אז זה מכיל את כל שימושי פיסות של מידע 193 00:10:10,450 --> 00:10:12,550 שאנחנו מדברים עליו קודם לכן. 194 00:10:12,550 --> 00:10:18,010 בדיקת מחוות dot מסגרת הוא מערך של מחוות 195 00:10:18,010 --> 00:10:23,680 שתנועת הקפיצה נתפסה ידיים עושים במסגרת האחרונה. 196 00:10:23,680 --> 00:10:26,470 כך למשל, מה שאנחנו עושה כאן הוא שאנחנו בודקים, 197 00:10:26,470 --> 00:10:31,820 היי, קפיצה, שבמסגרת האחרונה עשתה אתה תופס את כל מחוות שעשיתי? 198 00:10:31,820 --> 00:10:36,350 ואם כן מה שנחליט לעשות הוא לחזר באמצעות מחוות אלה 199 00:10:36,350 --> 00:10:39,760 ולנסות ולקבל כמה שימושי מהם המידע. 200 00:10:39,760 --> 00:10:44,290 כל מחווה ייחודית זיהוי הקשורים אליו. 201 00:10:44,290 --> 00:10:46,280 יש להם סוגים. 202 00:10:46,280 --> 00:10:50,220 אתה יכול להסתכל שבאצבעות היו מעורבים במחוות 203 00:10:50,220 --> 00:10:52,770 על ידי בודק את דברים pointable זה. 204 00:10:52,770 --> 00:10:56,490 אז אם כאשר אתה עובר דברים API Leap Motion JavaScript, 205 00:10:56,490 --> 00:10:59,630 כשהם מזכירים pointables, הם על האצבעות האלה מדברים. 206 00:10:59,630 --> 00:11:04,480 ולאחר מכן את הידות, כמובן, כל יד האובייקט. 207 00:11:04,480 --> 00:11:05,210 >> מה עוד? 208 00:11:05,210 --> 00:11:08,630 אתה יכול לבדוק כמה זמן התנועה המשיכה 209 00:11:08,630 --> 00:11:11,640 ול, כן, כל דברים שימושיים אלה. 210 00:11:11,640 --> 00:11:16,490 אז מה אני עושה עכשיו כאן אני מחובר למסגרת, 211 00:11:16,490 --> 00:11:24,350 ואז אני מעדכן HTML שלי לתצוגה כל פיסות מידע הללו 212 00:11:24,350 --> 00:11:25,820 מהמסגרת. 213 00:11:25,820 --> 00:11:28,010 אז בואו נבדוק את זה. 214 00:11:28,010 --> 00:11:29,440 >> אז הנה זה. 215 00:11:29,440 --> 00:11:34,730 הנה קובץ HTML נקודת מדד. 216 00:11:34,730 --> 00:11:38,560 וכפי שראית כשרק עברתי היד שלי תפסה את קפיצת תנועת מעגל. 217 00:11:38,560 --> 00:11:44,960 אז אתה יכול לראות אותי עושה עיגול מעל כאן, מעדכן עם מידע המעגל. 218 00:11:44,960 --> 00:11:48,332 עושה swipes, תופס swipes. 219 00:11:48,332 --> 00:11:49,290 בואו ננסה כרטיסיית מסך. 220 00:11:49,290 --> 00:11:50,090 יש לנו ללכת. 221 00:11:50,090 --> 00:11:52,370 ברז מסך ורז מפתח. 222 00:11:52,370 --> 00:11:55,040 רזים אז מפתח גם, על ידי דרך, הם כאשר אתה מכה כלפי מטה. 223 00:11:55,040 --> 00:11:57,260 אז אתה יכול לדמיין אולי ניגן בפסנתר. 224 00:11:57,260 --> 00:11:59,869 >> ולאחר מכן ברזי מסך הם כאשר אתה מכה את המסך. 225 00:11:59,869 --> 00:12:02,910 אז אתה יכול לדמיין אולי אתה בעצם יש לו מסך מגע לפניך 226 00:12:02,910 --> 00:12:05,190 ואתה מכה מגע מסך מולך. 227 00:12:05,190 --> 00:12:08,470 ואז אנחנו יכולים לתפוס אחד של האובייקטים האלה בפה. 228 00:12:08,470 --> 00:12:12,960 אז זוכר שאמרתי שאני היה עובר את המסגרת ליומן קונסולה. 229 00:12:12,960 --> 00:12:17,160 וכדי שנוכל לבדוק את כל פיסות של מידע 230 00:12:17,160 --> 00:12:22,500 זמינים ב מסגרת שגם לשימוש. 231 00:12:22,500 --> 00:12:26,320 >> כמו שאמרתי קודם לכן, pointables הם האצבעות. 232 00:12:26,320 --> 00:12:30,260 באותו רגע לא היה לנו שלנו ידיים מול Motion Leap 233 00:12:30,260 --> 00:12:32,010 אז זה רשום אפס, אבל זה איך אתה 234 00:12:32,010 --> 00:12:35,980 תתחיל לברר אולי כמה אצבעות על המסך. 235 00:12:35,980 --> 00:12:37,810 וזה סוג של מידע. 236 00:12:37,810 --> 00:12:40,060 תומס Reimers: וזכירה זה רק אובייקט. 237 00:12:40,060 --> 00:12:42,185 אז כל מה שניתן לגשת קצת כמו struct 238 00:12:42,185 --> 00:12:45,540 בג יש לך את האובייקט שם נקודה שם הרכוש. 239 00:12:45,540 --> 00:12:48,830 ולאחר מכן שביש לך מערכים ויש לך חפצים אחרים, 240 00:12:48,830 --> 00:12:50,850 אך יש לזכור שזה רק אובייקט. 241 00:12:50,850 --> 00:12:53,788 אין שום דבר מיוחד בגלל שאנחנו משתמשים בקפיצה. 242 00:12:53,788 --> 00:12:54,704 ARMAGHAN BEHLUM: כן. 243 00:12:54,704 --> 00:12:56,544 מגניב. 244 00:12:56,544 --> 00:12:58,710 האם עלינו לבדוק כמה דוגמאות JavaScript? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> תומס Reimers: אז זוכרים במהירות ש 247 00:13:07,810 --> 00:13:12,470 אמר שלמעשה Leap יכול לרוץ בכל אתר אינטרנט. 248 00:13:12,470 --> 00:13:15,250 LeapJS הוא רק שימש ללקוח. 249 00:13:15,250 --> 00:13:19,850 וכך לאורך כלקוח יש Leap Motion מצורף זה יעבוד. 250 00:13:19,850 --> 00:13:22,540 אז יש קפיצת Motion אנשי אתר שבו 251 00:13:22,540 --> 00:13:24,540 תוכל לשתף את דוגמאות שלהם דברים שהם עשו. 252 00:13:24,540 --> 00:13:26,623 אז אנחנו רק הולכים דרך כמה מהם 253 00:13:26,623 --> 00:13:29,980 כדי לראות מה אפשר לפני צלילה ליותר פרטים על איך 254 00:13:29,980 --> 00:13:32,510 זה אפשרי. 255 00:13:32,510 --> 00:13:33,346 אז 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUM: בוא נראה. 257 00:13:34,470 --> 00:13:36,136 תומס Reimers: עכשיו זה צריך לעבוד. 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM: אז עכשיו לפני שראינו את דוגמא 259 00:13:38,520 --> 00:13:45,280 באמצעות אחדות שניתנה הידיים שלנו עם עורות גרפיים מרשימים למדי, 260 00:13:45,280 --> 00:13:50,200 אבל עכשיו אתה יכול לראות שאתה יכול לעשות אותו דבר בתוך דפדפן אינטרנט. 261 00:13:50,200 --> 00:13:54,640 כל זה בתוך Chrome רק באמצעות JavaScript. 262 00:13:54,640 --> 00:13:57,460 ולאחר מכן נחמד האחרות עניין הוא אם אתה רוצה 263 00:13:57,460 --> 00:14:02,610 לדעת איך הם עשו את זה, דוגמאות על JavaScript 264 00:14:02,610 --> 00:14:07,540 כוללים גם אפשרויות קוד ש אתה יכול לבדוק את ולאחר מכן לראות 265 00:14:07,540 --> 00:14:12,570 איך האדם הזה היה תופס ידיים וקודים וכאלה. 266 00:14:12,570 --> 00:14:16,730 >> אז זה כל מה שאתה יכול למצוא בdeveloper.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 אתה יכול ללכת ולבדוק את JavaScript דוגמאות שיש להם שם. 268 00:14:20,810 --> 00:14:23,280 אז כן. 269 00:14:23,280 --> 00:14:25,205 הנה אלה, אופס מצטער. 270 00:14:25,205 --> 00:14:27,680 בואו ננסה את זה שוב. 271 00:14:27,680 --> 00:14:29,002 אה. 272 00:14:29,002 --> 00:14:29,960 יש לי שתי ידיים הנכונות. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 אז כן. 275 00:14:34,380 --> 00:14:37,440 >> תומס Reimers: אז ושוב, זוכר לפעמים הקפיצה מתעסקת. 276 00:14:37,440 --> 00:14:40,790 רק תן לו שני. 277 00:14:40,790 --> 00:14:42,784 זה לא מושלם, אבל זה די טוב. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: אחת המלצה אחרת גם 279 00:14:44,700 --> 00:14:48,780 לא לעשות את זה באור שמש ישיר. 280 00:14:48,780 --> 00:14:51,260 אז הדרך Leap Motion עבודות היא, למעשה 281 00:14:51,260 --> 00:14:54,500 אם אני מראה המצלמה כמו גם, אור אינפרא אדום. 282 00:14:54,500 --> 00:14:57,375 אז הוא שולח אותם החוצה ולאחר מכן קורא אותם כאשר הם חוזרים. 283 00:14:57,375 --> 00:14:59,250 אז אם אתה מנסה לעשות את זה אור שמש ישיר, 284 00:14:59,250 --> 00:15:01,610 לדוגמא, זה כנראה לא הולך לעבודה, 285 00:15:01,610 --> 00:15:05,850 או שזה הולך לדרוש כמה כיול לעשות זאת. 286 00:15:05,850 --> 00:15:10,450 >> גם המלצה נוספת היא לנקות את החלל מאחורי Leap 287 00:15:10,450 --> 00:15:12,740 ומול Leap. 288 00:15:12,740 --> 00:15:15,520 תחשוב על זה כעבודה בתוך כיפה זה 289 00:15:15,520 --> 00:15:18,360 המקיף את אובייקט Leap Motion זה. 290 00:15:18,360 --> 00:15:20,550 אם יש נכון דברים מאחוריו, כמו גם, 291 00:15:20,550 --> 00:15:24,740 זה גם הולך להתערב עם איך Leap Motion של מנסים 292 00:15:24,740 --> 00:15:26,690 להכיר את היד שלך וסוג כזה של דברים. 293 00:15:26,690 --> 00:15:30,010 >> כך, למשל, אני חושב שזה ב מקרה זה המחשב הנייד שלי ממש 294 00:15:30,010 --> 00:15:34,351 זה סוג של מה שהופך את תנועת הקפיצה. 295 00:15:34,351 --> 00:15:35,100 כן, יש לנו ללכת. 296 00:15:35,100 --> 00:15:41,021 אז אם אני לנקות את המחשב הנייד שלי מ מאחוריו היד להופיע די טובה. 297 00:15:41,021 --> 00:15:41,520 אז כן. 298 00:15:41,520 --> 00:15:42,061 יש ש. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 אז מה עוד עשה לנו להראות להם. 301 00:15:46,417 --> 00:15:48,250 תומס Reimers: אני חושב ש עכשיו תהיה הפעם 302 00:15:48,250 --> 00:15:52,039 כדי למיין של לצלול לתוך ובואו פשוט לעשות הדגמה לגמרי מאפס. 303 00:15:52,039 --> 00:15:53,330 זה הולך להיות ממש פשוט. 304 00:15:53,330 --> 00:15:55,250 בעיקרון מה שאנחנו הולכים כדי לנסות לעשות הוא להפוך אותו 305 00:15:55,250 --> 00:15:58,570 כך שכאשר אתה לסחוב את היד שלך, רקע הולך מתחיל כאדום, 306 00:15:58,570 --> 00:16:01,361 וכאשר אתה לסחוב את היד שלך, רקע הולך להפוך ירוק. 307 00:16:01,361 --> 00:16:01,970 בסדר? 308 00:16:01,970 --> 00:16:03,709 ממש פשוט. 309 00:16:03,709 --> 00:16:05,750 וזה בעצם רק הולך לעבור הרבה 310 00:16:05,750 --> 00:16:08,360 של המושגים מאחורי קפיצה, כך שנוכל 311 00:16:08,360 --> 00:16:12,630 להיכנס לאידיאולוגיה זו של איך Leap עובד וכיצד אנו יכולים לבנות דברים עם זה. 312 00:16:12,630 --> 00:16:16,760 ואז משם נמצא כנראה רק להראות לך 313 00:16:16,760 --> 00:16:19,710 Docs API ושבו אתה תוכל לקרוא עוד על זה. 314 00:16:19,710 --> 00:16:21,030 ואז אנחנו קוראים לזה יום. 315 00:16:21,030 --> 00:16:24,294 אז אתה רוצה קוד או אתה רוצה שאני קוד? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: כן. 317 00:16:25,210 --> 00:16:28,350 ובכן, אני מניח שאנחנו יכולים לעבוד יחד על זה ולנסות 318 00:16:28,350 --> 00:16:30,292 >> תומס Reimers: כך יהיה לנו לעשות קצת קידוד זוג. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: הנה. 320 00:16:31,500 --> 00:16:33,250 זה בדיוק מה שאני רציתי לבדוק. 321 00:16:33,250 --> 00:16:34,700 מגניב. 322 00:16:34,700 --> 00:16:38,750 כך למשל בפה, בואו נראה. 323 00:16:38,750 --> 00:16:40,979 בעוד אנו iterating באמצעות מחוות כבר, 324 00:16:40,979 --> 00:16:43,270 תומס Reimers: רוצה לעשות רק קובץ חדש לחלוטין? 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM: קובץ חדש לחלוטין? 326 00:16:43,870 --> 00:16:44,246 כן, בטח. 327 00:16:44,246 --> 00:16:45,000 >> תומס Reimers: כן. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: אז בואו נעשה את זה. 329 00:16:45,920 --> 00:16:48,253 >> תומס Reimers: אז אנחנו הולכים כדי להפוך את הקובץ לחלוטין. 330 00:16:48,253 --> 00:16:51,290 אנחנו קוראים לזה יד HTML נקודה. 331 00:16:51,290 --> 00:16:52,670 זה מגניב איתי. 332 00:16:52,670 --> 00:16:59,020 אז אזכור אותך לעשות תג HTML, אז בתוך שיש לך בראש. 333 00:16:59,020 --> 00:17:02,982 יש ראש שכותרת בתוכו. 334 00:17:02,982 --> 00:17:04,349 אז כרטיסיית הדרך אחרת. 335 00:17:04,349 --> 00:17:05,589 הנה לך. 336 00:17:05,589 --> 00:17:09,359 כותרת, אנחנו קוראים לזה Leap דוגמא. 337 00:17:09,359 --> 00:17:12,163 כן. 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM: אופס. 339 00:17:13,540 --> 00:17:14,040 כותרת. 340 00:17:14,040 --> 00:17:14,474 >> תומס Reimers: כן. 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM: הנה אנחנו. 342 00:17:15,776 --> 00:17:18,180 >> תומס Reimers: ו אז בואו נעשה את גוף. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: המתן, בואו גם לוודא לייבא. 344 00:17:20,852 --> 00:17:22,060 תומס Reimers: אה, כמובן. 345 00:17:22,060 --> 00:17:22,560 שלי רע. 346 00:17:22,560 --> 00:17:28,700 אז תמיד לוודא שיש לך את הקפיצה תסריט אז זה תסריט שניתן לך 347 00:17:28,700 --> 00:17:31,810 על ידי Leap Motion אשר בעצם מאפשר דפדפן האינטרנט כדי להתחבר 348 00:17:31,810 --> 00:17:35,580 למכשיר במחשב של המשתמש. 349 00:17:35,580 --> 00:17:38,510 ולאחר מכן בזה אנחנו גם צריך גוף ובואו פשוט 350 00:17:38,510 --> 00:17:40,580 להפוך את הגוף להגיד שלום כל כך שאנחנו יכולים להראות לתלמידים 351 00:17:40,580 --> 00:17:42,704 כיצד להתחבר לזה חדש דף האינטרנט שהם עשו. 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM: בטח. 353 00:17:44,260 --> 00:17:45,724 אז בואו פשוט לשים another-- 354 00:17:45,724 --> 00:17:48,730 >> תומס Reimers: היי, שלום עולם. 355 00:17:48,730 --> 00:17:50,210 אז דוגמא בסיסית מאוד. 356 00:17:50,210 --> 00:17:53,400 באמת רק הדגמה. 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM: ואז כאן אנחנו יכול ללכת ל, שכינינו אותה הנקודה HTML יד, 358 00:17:58,505 --> 00:18:00,000 נכון? 359 00:18:00,000 --> 00:18:00,810 והו! 360 00:18:00,810 --> 00:18:04,310 אז אני תוהה מה לא בסדר עם זה עכשיו. 361 00:18:04,310 --> 00:18:07,639 בואו נוסיף הרשאות קריאה למסור HTML נקודה. 362 00:18:07,639 --> 00:18:09,930 תומס Reimers: האם אתה רוצה לעשות את זה במסוף הגדול 363 00:18:09,930 --> 00:18:11,080 כדי שנוכל פשוט להראות את זה על the-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: כן, זה הגיוני. 365 00:18:12,501 --> 00:18:13,001 בְּסֵדֶר. 366 00:18:13,001 --> 00:18:15,720 אז אני רק הוספתי הרשאות, אבל אם אנחנו 367 00:18:15,720 --> 00:18:18,350 היו לבדוק את הרשאות לפני ש 368 00:18:18,350 --> 00:18:22,560 היה רואה שבעצם יד נקודת HTML לא היה לי הרשאות קריאה 369 00:18:22,560 --> 00:18:25,570 ולכן אנחנו לא יכולים להבהיר את זה. 370 00:18:25,570 --> 00:18:30,850 אבל עכשיו, אם אנו עושים זאת, אנו רואים עולם שלום קטן ממש שם. 371 00:18:30,850 --> 00:18:33,580 >> תומס Reimers: אז בוא למעשה, כפי שכתב, שלום עולם, 372 00:18:33,580 --> 00:18:35,371 חשבתי על דרך אנחנו יכולים לשנות את זה. 373 00:18:35,371 --> 00:18:41,150 בואו נעשה את זה להגיד שלום עולם, ו ואז כשאתה מניף, זה אומר שלום. 374 00:18:41,150 --> 00:18:41,650 נכון? 375 00:18:41,650 --> 00:18:42,210 אז שלום, שלום. 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM: בטח. 377 00:18:42,560 --> 00:18:44,010 >> תומס Reimers: זה נשמע די טוב. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: זה נשמע לי טוב, גם. 379 00:18:45,120 --> 00:18:46,920 >> תומס Reimers: אז אם אנחנו הולך לעשות את זה בוא פשוט 380 00:18:46,920 --> 00:18:48,980 חושבים דרך דף האינטרנט קצת. 381 00:18:48,980 --> 00:18:51,800 אנחנו הולכים צריכים קצת תסריט אשר בעצם רושם 382 00:18:51,800 --> 00:18:56,470 שנופפת ולקפיצה, גל ולסחוב, אותו דבר. 383 00:18:56,470 --> 00:18:59,584 אז אנחנו הולכים צריכים תסריט ש בעצם רושם ללסחוב את זה. 384 00:18:59,584 --> 00:19:01,500 ועוד דבר שאנחנו הולך צריך הוא אנחנו 385 00:19:01,500 --> 00:19:04,360 הולך צריך קצת תוכן ממשי לשינוי. 386 00:19:04,360 --> 00:19:07,850 >> אז כפי שאתם זוכרים, jQuery מאפשר לך לשנות את התוכן. 387 00:19:07,850 --> 00:19:13,017 אז דבר אחד שאנחנו ייתכן שנרצה לכלול בזה הוא ספריית jQuery. 388 00:19:13,017 --> 00:19:16,100 ולאחר מכן להיות מסוגל לבחור מה אנחנו באמת הולכים לשנות את התוכן, 389 00:19:16,100 --> 00:19:18,224 זה הולך צריך ID או בכיתה, או משהו 390 00:19:18,224 --> 00:19:20,100 שאנחנו יכולים להשתמש כדי לבחור אותו. 391 00:19:20,100 --> 00:19:25,010 אז אנחנו פשוט אתן לו זיהוי מהיר של טקסט שינוי. 392 00:19:25,010 --> 00:19:26,974 ואז אתה רוצה לתפוס jQuery? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: אז מה הראשון דבר עלינו לעשות רשימה אז עכשיו? 394 00:19:29,890 --> 00:19:30,620 תומס Reimers: בוא לתפוס jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: בוא לתפוס jQuery, OK, מגניב. 396 00:19:32,494 --> 00:19:34,502 במקרה זה, אני הולך צריך actually-- 397 00:19:34,502 --> 00:19:36,210 שבו יהיה המקום הטוב ביותר לעשות את זה? 398 00:19:36,210 --> 00:19:39,677 >> תומס Reimers: jQuery, כך שאם אתה Google jQuery, jQuery פגע, הראשון 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: מאוד ראשון. 400 00:19:41,010 --> 00:19:42,135 תומס Reimers: או להורדה. 401 00:19:42,135 --> 00:19:42,650 זה בסדר גמור. 402 00:19:42,650 --> 00:19:46,482 הכה v1 להורדה וv2 בצד השמאל. 403 00:19:46,482 --> 00:19:49,190 אז אנחנו מתארים jQuery מ באינטרנט כמו שאתה בטח כבר עשה. 404 00:19:49,190 --> 00:19:50,440 לגלול למטה. 405 00:19:50,440 --> 00:19:51,260 מעלה, מעלה. 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM: אה, כאן ועכשיו? 407 00:19:53,502 --> 00:19:54,460 תומס Reimers: או ש. 408 00:19:54,460 --> 00:19:54,960 כן. 409 00:19:54,960 --> 00:20:00,150 אז יש jQuery גרסה מתארחת מה שאומר שאתה לא באמת 410 00:20:00,150 --> 00:20:01,890 צריך להוריד אותו, אבל אתה יותר מ 411 00:20:01,890 --> 00:20:07,734 בברכה כדי להוריד אותו ולארח אותו בעצמך. 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM: מגניב. 413 00:20:08,650 --> 00:20:09,566 אז עכשיו יש לנו jQuery. 414 00:20:09,566 --> 00:20:11,122 עכשיו מה הלאה על לעשות הרשימה שלנו. 415 00:20:11,122 --> 00:20:12,080 תומס Reimers: מדהים. 416 00:20:12,080 --> 00:20:13,910 אז הבא מה שאנחנו צריכים לעשות הוא שאנחנו באמת צריכים 417 00:20:13,910 --> 00:20:17,750 לתת עולם שלום p ID כדי שנוכל לשנות את זה, נכון? 418 00:20:17,750 --> 00:20:24,514 אז בואו לתת מושג, אני לא יודע, לשנות את הטקסט? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: בוא פשוט לעשות את זה ככה, אני מניח. 420 00:20:26,680 --> 00:20:28,013 תומס Reimers: changeText, מגניב. 421 00:20:28,013 --> 00:20:29,830 ועכשיו בואו פשוט לרענן את העמוד. 422 00:20:29,830 --> 00:20:31,142 הפוך הכל עובד בטוח. 423 00:20:31,142 --> 00:20:32,100 אז בחזרה בדפדפן. 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 מגניב. 426 00:20:36,922 --> 00:20:39,380 תמיד תזכורת טובה ש כאשר אתה בונה אתר אינטרנט, 427 00:20:39,380 --> 00:20:44,450 כנראה לרענן כל פעם שאתה מבצע כל שינוי משמעותי במידה מסוימת רק 428 00:20:44,450 --> 00:20:47,993 כי לפעמים אתה בטעות טיפת תג, 429 00:20:47,993 --> 00:20:51,640 או שאתה בטעות למחוק משהו, ואז אתה שובר משהו קטן, 430 00:20:51,640 --> 00:20:55,880 אבל אז כשאתה עושה שינוי גדול יותר אתה כמו, למה עשית השינוי הגדול הזה 431 00:20:55,880 --> 00:20:57,910 לכאורה לשבור את הדבר שאינו קשור. 432 00:20:57,910 --> 00:21:02,840 אז זה תמיד טוב כדי למיין של ללכת ולעשות בדיקות שפיות אלה. 433 00:21:02,840 --> 00:21:05,610 >> בכל מקרה, אז עכשיו בואו נעשה בדיקת השפיות אחרונה, 434 00:21:05,610 --> 00:21:09,800 הבוא ננסה לשנות טקסט ללא Leap Motion, 435 00:21:09,800 --> 00:21:11,820 בלי כלום, רק בדף זה יהיה העומס 436 00:21:11,820 --> 00:21:17,140 לשנות את העולם של שלום ל שלום באמצעות jQuery. 437 00:21:17,140 --> 00:21:21,400 אז אם אתה זוכר תחקירי jQuery פונקציה זו סימן דולר, 438 00:21:21,400 --> 00:21:28,640 כדי שנוכל להעביר בורר CSS ל, כלומר שינוי טקסט hashtag, ש 439 00:21:28,640 --> 00:21:31,590 בוחר את האלמנט עם זיהוי של טקסט שינוי. 440 00:21:31,590 --> 00:21:34,980 ואז אנחנו הולכים לקרוא את השיטה HTML 441 00:21:34,980 --> 00:21:40,390 על האובייקט שהוא חוזר עם טיעון של שלום מחרוזת, ש 442 00:21:40,390 --> 00:21:45,600 ישנה את הפריטים HTML כדי להיפרד. 443 00:21:45,600 --> 00:21:46,210 מדהים. 444 00:21:46,210 --> 00:21:48,790 זה נראה די מגניב. 445 00:21:48,790 --> 00:21:52,365 ועכשיו כשאנחנו לרענן הדף אנחנו הולכים לראות 446 00:21:52,365 --> 00:21:54,040 זה מייד משנה לשלום, נכון? 447 00:21:54,040 --> 00:21:55,910 כי זה לא לחכות לשום דבר. 448 00:21:55,910 --> 00:21:59,200 סוג של ברגע שזה תסריט מפעיל אותו משנה אותו לשלום. 449 00:21:59,200 --> 00:22:00,430 מגניב. 450 00:22:00,430 --> 00:22:03,790 >> אז עכשיו, בואו נסגור את זה בפונקציה. 451 00:22:03,790 --> 00:22:04,290 Right. 452 00:22:04,290 --> 00:22:06,270 אז אנחנו הולכים לרוצים כדי להפוך את פונקציה. 453 00:22:06,270 --> 00:22:08,160 אנחנו קוראים לזה שלום. 454 00:22:08,160 --> 00:22:11,570 אז שלום פונקציה הוא הולך לקחת שום טענות 455 00:22:11,570 --> 00:22:14,170 וזה לא באמת הולך להחזיר כל דבר. 456 00:22:14,170 --> 00:22:18,850 וזה רק הולך לעשות את זה ב- JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 מצוין. 459 00:22:23,140 --> 00:22:27,000 אז שלום הפונקציה שלנו עכשיו משנה את הטקסט לשלום, נכון? 460 00:22:27,000 --> 00:22:28,930 אז זה נותן לנו דרך לבעצם שינוי 461 00:22:28,930 --> 00:22:32,871 טקסט שלשלום בכל פעם ש אנחנו נקראים פונקציה ש. 462 00:22:32,871 --> 00:22:33,370 נכון? 463 00:22:33,370 --> 00:22:35,290 אז זה די מגניב. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: ובכן, אנחנו יכול גם רק לוודא ש 465 00:22:37,430 --> 00:22:41,040 כי עכשיו מאז שאנחנו לא קוראים פונקציה, אם אנחנו לרענן את הדף, 466 00:22:41,040 --> 00:22:44,460 שמתי לב שזה לא הולך כדי לשנות את הטקסט. 467 00:22:44,460 --> 00:22:45,509 >> תומס Reimers: מצוין. 468 00:22:45,509 --> 00:22:47,800 אז עכשיו אנחנו הולכים להתחיל להיכנס לזה דברים Leap 469 00:22:47,800 --> 00:22:49,880 שאנחנו מדברים עליו. 470 00:22:49,880 --> 00:22:52,240 אז armi, אתה רוצה לקחת את זה מכאן או? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: כן. 472 00:22:52,640 --> 00:22:53,139 בטח. 473 00:22:53,139 --> 00:22:56,260 אני כנראה הולך צריך לדברים כפולים סימון, 474 00:22:56,260 --> 00:22:58,250 אבל למשל זוכר אמרתי שאנחנו רצינו 475 00:22:58,250 --> 00:23:02,627 כדי לוודא באפשרויות אנו קובעים לאפשר מחוות 476 00:23:02,627 --> 00:23:03,710 תומס Reimers: לתפוס טוב. 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM: כדי להיות אמיתי. 478 00:23:06,250 --> 00:23:08,960 ולאחר מכן אנחנו ממליצים כי אתם הייתם עושים 479 00:23:08,960 --> 00:23:12,230 לולאת נקודת זינוק לרוץ, ש כפי שאמרנו קודם לכן, 480 00:23:12,230 --> 00:23:18,140 יש לו שתי אפשרויות, אובייקט JSON ש היא האפשרויות לאיך אתה רוצה 481 00:23:18,140 --> 00:23:22,030 כדי להגדיר את תנועת הקפיצה ל עבודה, ולאחר מכן פונקציה זה 482 00:23:22,030 --> 00:23:27,640 הולך לתפוס את מסגרת כמו התקשרות פונקציה כמו תומס אמרה. 483 00:23:27,640 --> 00:23:30,470 ולאחר מכן לערוך את מה שאתה רוצה לעשות עם פונקציה ש. 484 00:23:30,470 --> 00:23:33,890 >> אז אנחנו עוברים ב אפשרות ועכשיו אנחנו מגדירים 485 00:23:33,890 --> 00:23:36,117 פונקציה שתיקח במסגרת. 486 00:23:36,117 --> 00:23:38,200 ועכשיו יש לנו להגדיר מה הפונקציה שעושה. 487 00:23:38,200 --> 00:23:42,569 זה גם למען עתיד, לעשות את זה כדי לוודא. 488 00:23:42,569 --> 00:23:43,610 תומס Reimers: מצוין. 489 00:23:43,610 --> 00:23:45,940 אז עכשיו יש לנו את זה פונקצית לולאת נקודת זינוק 490 00:23:45,940 --> 00:23:52,420 קורא שבעצם אומר לצפות Leap עם אפשרויות אלה ובכל פעם 491 00:23:52,420 --> 00:23:55,710 שינויי משהו, קוראים לזה מסגרת פונקציה עם כל הנתונים 492 00:23:55,710 --> 00:23:59,510 שאתה מודע במסגרת. 493 00:23:59,510 --> 00:24:01,320 נשמע די טוב. 494 00:24:01,320 --> 00:24:03,680 אז עכשיו בדיקת שפיות מהירה, שאני תמיד ממליץ, 495 00:24:03,680 --> 00:24:07,020 הוא שבפשוט לשים מסגרת יומן נקודת קונסולה. 496 00:24:07,020 --> 00:24:10,320 ולאחר מכן בChrome לפתוח אותו ומסתכל על הקונסולה שלך 497 00:24:10,320 --> 00:24:13,870 ולשחק עם Leap לראות מסגרות שמחוברות משום שהרצון 498 00:24:13,870 --> 00:24:16,300 להביא לך מושג על מה הנתונים שיש לך גישה ל. 499 00:24:16,300 --> 00:24:20,680 וכמו תמיד, אם אתה מתבלבל, לחפש את התייחסות API. 500 00:24:20,680 --> 00:24:23,430 ואנו לכלול את הקישור שבסופו של זה. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: אז אנחנו לרענן את הדף ולאחר מכן 502 00:24:26,300 --> 00:24:28,880 אנחנו הולכים ולפתוח את הקונסולה שוב. 503 00:24:28,880 --> 00:24:33,590 ועכשיו אנחנו שמים לב שאנחנו יש מסגרות עברו ב, 504 00:24:33,590 --> 00:24:37,834 החפצים הקטנים האלה שראינו קודם. 505 00:24:37,834 --> 00:24:38,690 אז כן. 506 00:24:38,690 --> 00:24:42,870 אלה הם המסגרות שלנו להופיע בקונסולה. 507 00:24:42,870 --> 00:24:43,370 מגניב. 508 00:24:43,370 --> 00:24:46,970 >> אז עכשיו שאנחנו כבר תפסו מסגרות, כפי שאתה אולי זוכר קודם לכן 509 00:24:46,970 --> 00:24:51,800 מהדוגמא שהיינו לנו, אם תבדקו מחוות dot מסגרת 510 00:24:51,800 --> 00:24:56,270 אנחנו מקבלים את הרשימה של מחוות ש המסגרת נתפסה לאחרונה. 511 00:24:56,270 --> 00:25:01,510 אנחנו יכולים לבדוק את אורכו של המערך ש כדי לראות אם הקפיצה תפסה כל מחוות. 512 00:25:01,510 --> 00:25:05,010 אז אם המערך שהוא גדול מאפס אז 513 00:25:05,010 --> 00:25:07,570 יודע שיש לנו כמה דברים לעשות. 514 00:25:07,570 --> 00:25:15,040 >> אז בואו לעטוף את זה באם מצב ועכשיו לכאן את מה שאנחנו יודעים הוא ש 515 00:25:15,040 --> 00:25:20,390 ראה מחווה, בואו לפעול על פיו. 516 00:25:20,390 --> 00:25:25,721 אז עכשיו שאנחנו כאן אנחנו יש לי מחווה לבדוק. 517 00:25:25,721 --> 00:25:28,470 תומס Reimers: ובכן, הראשון העניין הוא שזה לא רק מחווה אחת, 518 00:25:28,470 --> 00:25:29,840 זה יכול להיות מחוות רבות. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: נכון מאוד. 520 00:25:30,964 --> 00:25:33,340 תומס Reimers: אז ל סגנון C קלאסי כאן 521 00:25:33,340 --> 00:25:36,334 אנחנו בטח רוצים להשתמש ללולאה. 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM: כאן אנחנו אז. 523 00:25:37,750 --> 00:25:42,870 החלטנו לחזר באמצעות מחוות. 524 00:25:42,870 --> 00:25:46,412 ובואו נראה. 525 00:25:46,412 --> 00:25:49,380 i בתוספת, בתוספת. 526 00:25:49,380 --> 00:25:56,150 ועכשיו, אם אנחנו אולי עשינו רק מחווה var שווה 527 00:25:56,150 --> 00:26:01,210 מחוות dot המסגרת אני סוגר, עכשיו יש לנו 528 00:26:01,210 --> 00:26:06,260 מחווה עצמו, שהוא רק אחד מופע יחיד של אובייקט מחווה 529 00:26:06,260 --> 00:26:10,582 לנו לעבוד עם בתוך זה ללולאה. 530 00:26:10,582 --> 00:26:12,869 בְּסֵדֶר. 531 00:26:12,869 --> 00:26:15,410 תומס Reimers: השפיות בואו לבדוק כאן שוב ורק לנחם 532 00:26:15,410 --> 00:26:17,370 dot להתחבר מחווה כדי לראות מה אנחנו מקבלים. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: מחווה יומן נקודת קונסולה. 534 00:26:19,410 --> 00:26:22,900 535 00:26:22,900 --> 00:26:23,780 dokie אוקי. 536 00:26:23,780 --> 00:26:26,250 ולרענן עוד פעם אחת. 537 00:26:26,250 --> 00:26:30,030 >> תומס Reimers: ובוא נסה לבצע מחווה. 538 00:26:30,030 --> 00:26:34,600 אתה תראה שחבורה של, כשהוא swipes, 539 00:26:34,600 --> 00:26:39,780 אתה מקבל חבורה של מחוות ב קונסולה ואם הוא מנסה לעשות מעגל, 540 00:26:39,780 --> 00:26:40,470 זה פשוט- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: מעגלים רק ממש נחמדים. 542 00:26:41,750 --> 00:26:45,000 >> תומס Reimers: עכשיו יש דבר מוזר כאן, שהוא עושה מעגל אחד, 543 00:26:45,000 --> 00:26:48,730 אבל זה כניסת 80 מחוות, נכון? 544 00:26:48,730 --> 00:26:50,070 זה הרבה מחוות. 545 00:26:50,070 --> 00:26:53,560 אז הסוג הראשון של דבר ל מבין, וזה יכול להיות מבלבל, 546 00:26:53,560 --> 00:26:57,050 הוא שמחווה לא רק פעם מחובר. 547 00:26:57,050 --> 00:27:01,107 >> בכל מסגרת, נכון, כך שאם אני עושה עיגול 548 00:27:01,107 --> 00:27:02,940 קפיצה תאתר זה שינוי, מזה 549 00:27:02,940 --> 00:27:04,398 שינוי, מזה הוא שינוי. 550 00:27:04,398 --> 00:27:05,970 וזה יהיה להיכנס לכל אחד מאותם. 551 00:27:05,970 --> 00:27:08,200 אבל בכל אחד מאותם, זה הולך להגיד, אה, 552 00:27:08,200 --> 00:27:10,050 יש מחווה כעת בתהליך. 553 00:27:10,050 --> 00:27:14,260 אז תן לי רק לומר, היי, יש מחווה וזה כעת בתהליך. 554 00:27:14,260 --> 00:27:17,000 אז מה אנחנו לא רוצים לעשות הוא לומר, הו, על כל אחד ואחד 555 00:27:17,000 --> 00:27:19,370 מחוות אלה רוצה לשנות את הטקסט. 556 00:27:19,370 --> 00:27:23,660 מה שאנחנו רוצים לעשות הוא כאשר מחווה ש עוצר, ואנחנו יכולים לבדוק את זה, 557 00:27:23,660 --> 00:27:24,974 אז אנחנו רוצים לשנות את הטקסט. 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM: מהמממ. 559 00:27:25,890 --> 00:27:30,550 אז כמו תומס הוא מסביר מחוות אלה 560 00:27:30,550 --> 00:27:33,580 עשוי להופיע במספר רב של מסגרות, אבל למשל, 561 00:27:33,580 --> 00:27:36,200 כאשר היינו לנו כי המעגל, אנחנו יכולים לראות 562 00:27:36,200 --> 00:27:40,140 שמזהה כי אחד המעגל יחיד ש 563 00:27:40,140 --> 00:27:43,950 אולי היה מנסה להשלים היה באותו ID לאורך כל דרך. 564 00:27:43,950 --> 00:27:46,320 ולמעשה, גם אתה יכול לבדוק את המצב. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 מעודכן. 567 00:27:50,270 --> 00:27:55,680 >> ואז זה כנראה המעגל האחרון ש, הו, כן, בסדר. 568 00:27:55,680 --> 00:28:00,480 אז לפעמים זה מראה לך מצב של עצירת תנועה 569 00:28:00,480 --> 00:28:04,180 וזה גם מראה לך מצב של החל מחווה חדשה כאשר 570 00:28:04,180 --> 00:28:09,140 היא מכירה בודאות ש שהתחלת מחווה חדשה. 571 00:28:09,140 --> 00:28:10,637 לדוגמא במקרה הזה. 572 00:28:10,637 --> 00:28:11,470 תומס Reimers: מגניב. 573 00:28:11,470 --> 00:28:12,511 ARMAGHAN BEHLUM: אז כן. 574 00:28:12,511 --> 00:28:14,420 ואז, בואו נראה. 575 00:28:14,420 --> 00:28:16,490 ניתן גם להבחין ב למרות שאנחנו עושים 576 00:28:16,490 --> 00:28:22,179 מעגל ומחווה יש סוג שדה שנקרא 577 00:28:22,179 --> 00:28:23,970 זה אומר לנו איזה סוג מחווה שהוא. 578 00:28:23,970 --> 00:28:27,829 אז שעשוי להיות שימושי עבורנו אתה מנסה לעשות את מה שאנחנו עושים. 579 00:28:27,829 --> 00:28:29,620 תומס Reimers: אז מעבר חזרה לJS, 580 00:28:29,620 --> 00:28:31,696 הדבר הראשון שעולה בדעתי גם, רק לקרוא את הקוד הזה 581 00:28:31,696 --> 00:28:34,340 הוא שיש אופטימיזציה קטנה, אשר הוא שאנחנו באמת 582 00:28:34,340 --> 00:28:35,980 לא צריך את זה אם מצב, נכון? 583 00:28:35,980 --> 00:28:39,330 כי אם מחוות dot המסגרת מנקדות אורך הוא אפס, כי ללולאה של 584 00:28:39,330 --> 00:28:40,450 לא הולך לרוץ בכל מקרה. 585 00:28:40,450 --> 00:28:43,100 אז אנחנו יכולים גם פשוט ללכת קדימה ולהיפטר מזה. 586 00:28:43,100 --> 00:28:46,620 שוב, בזמן שאתה כותב את קוד זה חשוב לחזור ולמיין 587 00:28:46,620 --> 00:28:50,330 של Refactor כפי שאתה מבין שאתה היה יכול לעשות משהו טוב יותר, 588 00:28:50,330 --> 00:28:53,370 או שיש עוד דרך לעשות את זה. 589 00:28:53,370 --> 00:28:57,170 אז עכשיו אנחנו רק הולכים לנקות את זה עד לנקות במהירות וגם את הקוד שלך. 590 00:28:57,170 --> 00:28:58,310 זה עניין גדול. 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM: טוב סגנון הוא מאוד מוערך. 592 00:28:59,870 --> 00:29:01,828 >> תומס Reimers: אתה יכול תמיד לדעת מתי מישהו 593 00:29:01,828 --> 00:29:05,240 יש קוד שבו שם היה אמור להיות אם מצב ולאחר מכן הם הסירו אותו, 594 00:29:05,240 --> 00:29:07,530 אבל הם לא uncomment זה. 595 00:29:07,530 --> 00:29:10,147 זה מאוד ברור ו זה סוג של נראה מכוער. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: אז מה הבא עלינו לעשות רשימה? 597 00:29:12,230 --> 00:29:15,479 תומס Reimers: אז עכשיו כמו שאמרנו, אני מניח שהדבר הראשון שאנחנו רוצים לעשות 598 00:29:15,479 --> 00:29:17,970 הוא לוודא שמחווה של ש למעשה לסחוב, נכון? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: כן. 600 00:29:18,270 --> 00:29:21,750 >> תומס Reimers: אז אם אנחנו אומרים ש שלום שלנו הוא כמו סוג של לסחוב, 601 00:29:21,750 --> 00:29:25,280 אנחנו נלך עם זה לסחוב, דבר ראשון שאנחנו צריכים לומר הוא, היי, 602 00:29:25,280 --> 00:29:27,410 הוא מחווה הקלד לסחוב, נכון? 603 00:29:27,410 --> 00:29:30,860 לא עיגול או עליון, אבל האם זה לסחוב? 604 00:29:30,860 --> 00:29:34,280 אז הדרך בה אנו יכולים לעשות את זה הוא שאנחנו יכולים לומר מחווה 605 00:29:34,280 --> 00:29:38,530 לסחוב סוג הנקודה שווה שווה כמחרוזת. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [לא ברור] מחווה סוג dot שווה שווה לסחוב. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 הנה אנחנו. 609 00:29:47,730 --> 00:29:49,438 >> תומס Reimers: ו אז השאלה האחרונה 610 00:29:49,438 --> 00:29:53,170 אנחנו רוצים לראות היא נקודת מחווה תחנה שווה שווה מדינה, נכון? 611 00:29:53,170 --> 00:29:55,860 אז זה זמן שבי מחווה כבר הפסיקה. 612 00:29:55,860 --> 00:29:58,490 אני דווקא חושב ללסחוב, אני יודע את זה את החלק העליון של הראש שלי, 613 00:29:58,490 --> 00:30:00,340 אבל אתה מוזמן לבדוק את זה, כשאתה 614 00:30:00,340 --> 00:30:05,627 לסחוב כל פעם שהוא רושם את זה עד שתפסיק הוא מחווה התחלה. 615 00:30:05,627 --> 00:30:07,460 ולאחר מכן האחרון של רק מחווה תחנה. 616 00:30:07,460 --> 00:30:11,090 אז יש רק תהיה תחנה אחת מחווה, וזה נהדר עבורנו. 617 00:30:11,090 --> 00:30:17,180 אז מה אנחנו יכולים לעשות הוא לומר אם נקודה מחווה הקלד לסחוב שווים שווים ונקודה מחווה 618 00:30:17,180 --> 00:30:19,950 מעמד שווה שווה שפיות לעצור, אז בואו 619 00:30:19,950 --> 00:30:21,725 לבדוק כאן לנחם את מחווה יומן נקודה. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> כך תהיה לנו לחזור לכאן. 622 00:30:30,790 --> 00:30:33,570 אנחנו לרענן את הדף. 623 00:30:33,570 --> 00:30:38,380 ועכשיו משהו הפעם היחידה צריך נקודת הקונסולה להיות מחובר היא כאשר אנו לסחוב. 624 00:30:38,380 --> 00:30:40,780 ואנחנו מנסים לגנוב ואנחנו לא רואים שום דבר. 625 00:30:40,780 --> 00:30:41,280 נכון? 626 00:30:41,280 --> 00:30:43,990 אז זה בעצם בעיה גדולה. 627 00:30:43,990 --> 00:30:47,560 אנחנו לא רואים את מה שאנחנו צפויים. 628 00:30:47,560 --> 00:30:49,356 וניפוי שגיאות יכול להיות חלק גדול מזה. 629 00:30:49,356 --> 00:30:51,980 אז הדבר הראשון שאנחנו הולכים לומר הוא, בסדר, בואו לנחם את הנקודה 630 00:30:51,980 --> 00:30:54,568 יומנו אם מחווה מנקדות הקלד לסחוב שווה שווה. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: כן, בואו נעשה את זה. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 תומס Reimers: אז אנחנו הולך לחזור לזה. 634 00:31:02,020 --> 00:31:03,140 נרענן. 635 00:31:03,140 --> 00:31:04,020 אנחנו לסחוב. 636 00:31:04,020 --> 00:31:05,150 ואנחנו הולכים לראות חבורה שלהם. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 כך שברור שהבעיה הייתה עם מעמד dot מחווה שלנו. 639 00:31:08,710 --> 00:31:14,000 אז אם אנחנו פותחים את אחד מאלה שנציע ב להסתכל בחפצים ואנו רואים, 640 00:31:14,000 --> 00:31:18,700 טוב, זה להפסיק, אבל, הו, זה נקרא מדינה, לא מצב. 641 00:31:18,700 --> 00:31:21,890 אז אם אנחנו חוזרים ל הקוד שלנו אנו יכולים לומר 642 00:31:21,890 --> 00:31:27,780 אם לסחוב שווה שווה סוג dot מחווה ותחנה שווה מדינת dot מחווה שווה, 643 00:31:27,780 --> 00:31:29,160 אז לנחם את נקודת כניסתו. 644 00:31:29,160 --> 00:31:30,940 וכך לרענן. 645 00:31:30,940 --> 00:31:31,856 אנחנו לסחוב. 646 00:31:31,856 --> 00:31:33,730 ואנו רואים שעל כל לסחוב, אנחנו רק 647 00:31:33,730 --> 00:31:36,247 מקבל אחד, המהווה את סוף, וזה נהדר, נכון? 648 00:31:36,247 --> 00:31:37,080 זה מה שאנחנו רוצים. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: כן. 650 00:31:37,955 --> 00:31:42,640 ואנחנו גם יכולים להבחין כי תעודות הזהות ל כל אחד ממחוות אלה הם נפרדים. 651 00:31:42,640 --> 00:31:47,470 אז כפי שאמר תומס בגלל שאנחנו המושך את מדינה אחת להפסיק את זה ש 652 00:31:47,470 --> 00:31:52,850 קיים בסוף לסחוב, אנחנו מקבל מחוות נפרדות בודדות 653 00:31:52,850 --> 00:31:54,441 מLeap Motion. 654 00:31:54,441 --> 00:31:54,940 גדול. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> תומס Reimers: בואו נלך קדימה ו רק לעשות את הדבר הסופי, שהוא, 657 00:32:03,040 --> 00:32:04,826 >> ARMAGHAN BEHLUM: להתראות. 658 00:32:04,826 --> 00:32:06,425 >> תומס Reimers: מדהים. 659 00:32:06,425 --> 00:32:08,925 ועכשיו בואו לבדוק את אתר האינטרנט שלנו. 660 00:32:08,925 --> 00:32:09,425 אחד 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: שני. 662 00:32:09,730 --> 00:32:11,271 אנחנו לא, כן, אנחנו לא קוראים לזה להתראות. 663 00:32:11,271 --> 00:32:11,920 גדול. 664 00:32:11,920 --> 00:32:13,490 >> תומס Reimers: לא, להתראות היא פונקציה אמיתית. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: כן. 666 00:32:14,406 --> 00:32:15,670 בואו לעשות את זה. 667 00:32:15,670 --> 00:32:20,566 >> תומס Reimers: כאשר אנחנו לנופף לשלום, זה אומר שלום. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: יש לנו נצחון. 669 00:32:22,360 --> 00:32:25,632 >> תומס Reimers: דברים אז די מרגשים. 670 00:32:25,632 --> 00:32:28,590 אני מקווה שאתה יכול לבנות משהו אחר, אבל אתה מקבל את הרעיון של, נכון? 671 00:32:28,590 --> 00:32:30,260 אתה יכול לזהות מחוות. 672 00:32:30,260 --> 00:32:31,469 אתה יכול לקרוא לפונקציות. 673 00:32:31,469 --> 00:32:34,510 ומאותו שבאמת נותן לך כמה אבני בניין בסיסיים ביותר 674 00:32:34,510 --> 00:32:38,800 לומר, אה, אולי כשהם לסחוב עד, כי אתה גם יכול לזהות דברים 675 00:32:38,800 --> 00:32:39,674 כיוון כמו. 676 00:32:39,674 --> 00:32:40,840 אני רוצה שהם יעשו משהו. 677 00:32:40,840 --> 00:32:43,470 או כאשר הם לגנוב תקין, אני רוצה שהם יעשו משהו. 678 00:32:43,470 --> 00:32:45,880 ואנחנו יכולים להתחיל לקבל יצירתי עם איך בדיוק 679 00:32:45,880 --> 00:32:48,840 אנחנו הולכים לשפר את האתר שלנו באמצעות מחוות לסחוב אלה או המעגל 680 00:32:48,840 --> 00:32:53,695 מחוות, או מחוות רז, על אחד ממקשים ברזי רזים או מסך. 681 00:32:53,695 --> 00:32:56,070 ואז חוץ מזה אתה יותר ממוזמנים לשחק 682 00:32:56,070 --> 00:32:59,640 עם הנתונים בפועל, אבל אם אתה רוצה לעשות 683 00:32:59,640 --> 00:33:03,870 שהיינו מציע לך ללכת לרופאים כי הם ממש ממש טובים. 684 00:33:03,870 --> 00:33:05,034 אז בראשותו למסמכי החברה. 685 00:33:05,034 --> 00:33:06,450 או שאתה רוצה לדבר על זה? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: כן. 687 00:33:06,940 --> 00:33:07,920 בואו לעשות את זה. 688 00:33:07,920 --> 00:33:13,680 גם מעדן אחר אחד מעצה, אל תנסו לחשוב על זה ב3D. 689 00:33:13,680 --> 00:33:22,611 אז בעצם בואו למשוך את מחוות אלה מחווה יומן נקודת קונסולה עוד פעם אחת 690 00:33:22,611 --> 00:33:24,290 ואנחנו עושים את זה. 691 00:33:24,290 --> 00:33:29,460 יחזור ובעכשיו בואו ננסה כמה כאלה, בני זוגם של אלה. 692 00:33:29,460 --> 00:33:32,940 >> אם תלכו ובלבדוק את מחוות אלה, כמו גם 693 00:33:32,940 --> 00:33:36,830 כפי שאתה יכול לראות את זה הם ממדיות 694 00:33:36,830 --> 00:33:38,980 הוא בשלושה כיוונים, בעצם. 695 00:33:38,980 --> 00:33:42,500 אז לא רק להגביל את עצמך למסך 2D 696 00:33:42,500 --> 00:33:45,200 למרות שאולי אתה להיות באתר אינטרנט של 2D. 697 00:33:45,200 --> 00:33:49,152 אתה יכול לנסות ולחשוב איך משתמש אולי אינטראקציה עם האתר ב3D. 698 00:33:49,152 --> 00:33:50,360 תומס Reimers: בחלל 3D. 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM: בדיוק. 700 00:33:51,401 --> 00:33:52,310 וכן. 701 00:33:52,310 --> 00:33:55,350 כך שאתה מקבל כיוונים, מהירויות, כל הביטים מגניבים האלה של מידע. 702 00:33:55,350 --> 00:33:58,890 >> תומס Reimers: ואם אתה לא מכיר את זה, זה הולך x, y, 703 00:33:58,890 --> 00:34:01,566 ואז z הוא הממד אחרון זה. 704 00:34:01,566 --> 00:34:04,690 רק משהו שאתה כנראה הם מכיר אם אתה כבר עסק ב3D 705 00:34:04,690 --> 00:34:05,731 לתאם מטוסים לפני. 706 00:34:05,731 --> 00:34:09,565 אם יש לך לא, זה אותו הדבר כמו 2D אחד מלבד יש ממד שלישי. 707 00:34:09,565 --> 00:34:11,420 אנחנו קוראים לזה z. 708 00:34:11,420 --> 00:34:16,449 וכל זה, סוג של רצון כיוון, שבה הוא הולך, 709 00:34:16,449 --> 00:34:19,810 position-- אני חושב שאולי זה אפילו לחשוף תאוצה, אני לא בטוח. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: כן, אני מאמין. 711 00:34:21,341 --> 00:34:22,340 בהחלט יש לו מהירות. 712 00:34:22,340 --> 00:34:25,699 אני בעצם לא 100% בטוח לגבי ההאצה. 713 00:34:25,699 --> 00:34:28,810 >> תומס Reimers: זה עשוי להיות אופציה אתה יכול להעביר למשהו. 714 00:34:28,810 --> 00:34:33,409 אז עמדה ומהירות נחשפות בסוג של שלוש קואורדינטות אלה. 715 00:34:33,409 --> 00:34:38,812 אז x, y, z או x דלתא, y דלתא, z דלתא. 716 00:34:38,812 --> 00:34:44,130 אז עכשיו ראש בתיעוד זה developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 ואז אתה יכול ללחוץ תיעוד. 718 00:34:46,460 --> 00:34:50,010 שוב, יש Leap Motion כל אלה APIs נפלא, אחד לJavaScript, 719 00:34:50,010 --> 00:34:53,750 אחד לC Sharp ואחדות, אחד ל C ++, אחד עבור Java, Python אחד ל, 720 00:34:53,750 --> 00:34:59,020 ואחד לג Objective אני אישית היה דוחף אותך לכיוון JavaScript 721 00:34:59,020 --> 00:35:01,280 או אם אתה רוצה ללמוד שפה חדשה, נסה Python. 722 00:35:01,280 --> 00:35:05,910 שני אלה שפות אני כבר עובד עם לפני והם באמת קל ללמוד 723 00:35:05,910 --> 00:35:10,250 ואתה כבר יודע JavaScript, ש עושה את זה מתחרה ממש טוב. 724 00:35:10,250 --> 00:35:12,930 >> מילה אחת של זהירות כאשר אתה נכנסת למסמכים. 725 00:35:12,930 --> 00:35:15,940 ודא שאתה על v2.0 Docs. 726 00:35:15,940 --> 00:35:20,250 כי אם אתה ב גרסה אחת, זה לא יעבוד. 727 00:35:20,250 --> 00:35:21,830 גם לגלרית הדוגמא. 728 00:35:21,830 --> 00:35:25,100 בילינו 30 דקות טובות מנסה debug Leap שלנו 729 00:35:25,100 --> 00:35:28,640 לפני שהבנו ש V1 לא עובד עם V2. 730 00:35:28,640 --> 00:35:31,660 אז רק לוודא שאתה על גרסת שתי. 731 00:35:31,660 --> 00:35:33,904 ואז אני אתן לו להראותך מסמכים. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: כן. 733 00:35:34,820 --> 00:35:39,480 אז הנה סקירת API ולאחר מכן כמה פיסות של המידע 734 00:35:39,480 --> 00:35:41,420 שכבר אמרו לך. 735 00:35:41,420 --> 00:35:44,270 צף קטן ונחמד ידיים מעל Motion קפיצה. 736 00:35:44,270 --> 00:35:47,850 ותזכורת לחושבת על החלל ב3D. 737 00:35:47,850 --> 00:35:53,140 אחד האובייקטים קודם כל לחשוב על עם Leap Motion הם ידיים, כמובן. 738 00:35:53,140 --> 00:35:57,060 אנחנו ראינו מוכרים אלה על ידי Visualizer. 739 00:35:57,060 --> 00:35:59,180 ואז אולי יש לך ראה שזה מוכר 740 00:35:59,180 --> 00:36:03,202 חלק של שורש כף היד ו זרוע הקשורים אליו. 741 00:36:03,202 --> 00:36:05,410 תומס Reimers: אם אתה רוצה כדי למשוך את Visualizer. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: כן, בואו נעשה את זה שוב. 743 00:36:07,190 --> 00:36:10,148 תומס Reimers: אתה יכול לראות, תמיד רק תזכורת טובה לראות סוג של, 744 00:36:10,148 --> 00:36:14,060 Visualizer מנסה להראות כל הנתונים שLeap רואה. 745 00:36:14,060 --> 00:36:17,606 אז אתה תראה שיש לנו סוג של ארבע נקודות אלה 746 00:36:17,606 --> 00:36:19,230 על ידי שורש כף היד ולאחר מכן פרק כף היד בפועל. 747 00:36:19,230 --> 00:36:21,625 וגם יש לך את הכדור הזה בכף היד. 748 00:36:21,625 --> 00:36:24,000 כל אלה הם נקודות מכיר במוכר על ידי הקפיצה. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: בדיוק. 750 00:36:25,041 --> 00:36:32,300 וכך, עם שיד אובייקט יש כל מסגרת מערך יד 751 00:36:32,300 --> 00:36:36,470 כמו גם שבו אתה יכול גם לקבל השמאל ויד ימין. 752 00:36:36,470 --> 00:36:39,410 אתה יכול לקבל ש כיוון הידיים 753 00:36:39,410 --> 00:36:42,410 פונה עם נורמלי כיוון של כף היד, 754 00:36:42,410 --> 00:36:45,470 או כפי שהם קוראים לזה הכף הרגילה. 755 00:36:45,470 --> 00:36:46,510 מה עוד יש לנו? 756 00:36:46,510 --> 00:36:48,120 כמו כן, אנו, אופס. 757 00:36:48,120 --> 00:36:50,640 בואו ננסה ולגלול למטה בדרך זו. 758 00:36:50,640 --> 00:36:54,410 זרועות, האצבעות מיוצג על ידי האצבע 759 00:36:54,410 --> 00:36:57,890 מעמד, שהוא אובייקט pointable. 760 00:36:57,890 --> 00:37:01,420 אז כמו שאמרנו, ראיתי ש מערך של pointables לכל יד. 761 00:37:01,420 --> 00:37:04,240 אלה הם קטנים אצבעות לחשוב עליו. 762 00:37:04,240 --> 00:37:09,809 אז זה סקירה טובה ללכת דרך לנסות ולהבין. 763 00:37:09,809 --> 00:37:11,850 תומס Reimers: [לא ברור] האנטומיה את יד לשם. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: כן, בדיוק. 765 00:37:13,680 --> 00:37:14,220 אז כן. 766 00:37:14,220 --> 00:37:18,150 יש הרבה של נתונים גולמיים ש Leap Motion לוקח גם במפרש 767 00:37:18,150 --> 00:37:20,750 בשבילך, אז זה נהדר הרעיון לעבור כאן 768 00:37:20,750 --> 00:37:25,300 ולנסות ולהבין איך יש Leap כבר הבנתי דברים בשבילך 769 00:37:25,300 --> 00:37:28,830 ואז מה מידע ש יש לי זמין משם. 770 00:37:28,830 --> 00:37:33,150 ואז משם אני ממליץ הולך לחלקו השמאלי זה כאן, 771 00:37:33,150 --> 00:37:39,210 אשר הולך, גם בעצם לא, הם אלה למעשה רק יותר דברים API על-- 772 00:37:39,210 --> 00:37:42,670 >> תומס Reimers: התייחסות API ב תחתון הוא בדרך כלל מקום טוב ללכת. 773 00:37:42,670 --> 00:37:45,720 אתם כנראה ראו את זה כש עשינו את Google Maps PSET. 774 00:37:45,720 --> 00:37:48,590 אבל ההתייחסות באמת רק עובר דרך כל 775 00:37:48,590 --> 00:37:54,540 של הפונקציות ופרמטרים זמין באובייקט אליך. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: כן. 777 00:37:55,500 --> 00:37:57,740 לדוגמא, זה מה ש אני מחפש לפני. 778 00:37:57,740 --> 00:38:01,030 כאשר יש לנו ידנו יכול ללכת ולהבין 779 00:38:01,030 --> 00:38:03,750 איך Leap ממליץ לנו למצוא את יד. 780 00:38:03,750 --> 00:38:06,080 כמו שאמרתי קודם לכן, יש לנו מערך ידיים. 781 00:38:06,080 --> 00:38:10,340 גלו אם יש לנו את הידיים ו לאחר מכן נסה לתפוס ביד אחת 782 00:38:10,340 --> 00:38:12,410 כדי לקיים אינטראקציה עם בדרך זו. 783 00:38:12,410 --> 00:38:16,540 אז זה מה שאנחנו ממליץ בשבילכם. 784 00:38:16,540 --> 00:38:18,400 מחוות והדברים גם כן. 785 00:38:18,400 --> 00:38:23,857 תיעוד API זה הולך להיות כלי פנטסטי בשבילכם. 786 00:38:23,857 --> 00:38:25,440 האם יש לך המלצות אחרות? 787 00:38:25,440 --> 00:38:26,398 >> תומס Reimers: אני לא יודע. 788 00:38:26,398 --> 00:38:27,590 אני חושב שזה טוב לחברה. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: כן, אני חושב שכן וכן. 790 00:38:29,340 --> 00:38:33,330 תרגיש חופשי לשלוח לנו דוא"ל ולקבל במגע על Leap Motion 791 00:38:33,330 --> 00:38:36,210 אם אתה נתקלת בבעיות אולי או זקוקים לכל המלצות. 792 00:38:36,210 --> 00:38:40,310 ואנחנו יכולים לנסות ולהבין דברים עם אתם גם כן. 793 00:38:40,310 --> 00:38:40,810 תודה לך. 794 00:38:40,810 --> 00:38:42,360 >> תומס Reimers: נהדר. 795 00:38:42,360 --> 00:38:42,880