1 00:00:00,000 --> 00:00:11,010 2 00:00:11,010 --> 00:00:11,965 >> TOMAS 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 TOMAS REIMERS: โทน 9 00:00:18,470 --> 00:00:20,740 ดังนั้นเรากำลังจะพูดถึง เกี่ยวกับการกระโดดการเคลื่อนไหวในวันนี้ 10 00:00:20,740 --> 00:00:22,800 ดังนั้นกระโดดเคลื่อนไหวเป็น ผลิตภัณฑ์เจ๋งจริงๆว่า 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 แรงบันดาลใจเล็ก ๆ น้อย ๆ สำหรับสิ่งที่ พวกคุณสามารถทำอะไรกับกระโดดเคลื่อนไหว 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 >> แต่สิ่งหนึ่งที่พวกคุณจะทำอย่างไร เริ่มจากตอนนี้ที่มีการกระโดดการเคลื่อนไหว 52 00:02:51,750 --> 00:02:53,260 คือการทำงานใน JavaScript 53 00:02:53,260 --> 00:02:58,960 เคลื่อนไหว Leap มี API JavaScript ที่ พวกคุณสามารถใช้และเราขอสูง 54 00:02:58,960 --> 00:03:02,040 ขอแนะนำให้พวกคุณสร้าง โครงการของคุณโดยใช้ว่า 55 00:03:02,040 --> 00:03:04,350 ดังนั้นด้วยที่ให้ฉัน ผ่านมันกลับออกไปโทมัส 56 00:03:04,350 --> 00:03:06,582 ที่จะพูดคุยเกี่ยวกับการกระโดด การเคลื่อนไหวและ JavaScript 57 00:03:06,582 --> 00:03:07,415 TOMAS 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 Let 's talk เพิ่มเติมเกี่ยวกับ Visualizer ว่า 62 00:03:11,900 --> 00:03:14,983 >> TOMAS REIMERS: ดังนั้นในขั้นพื้นฐานที่สุด ระดับครั้งแรกที่คุณจะได้รับการกระโดดการเคลื่อนไหว 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 >> TOMAS REIMERS: ดังนั้นเมื่อคุณ ครั้งแรกที่จะได้รับการกระโดดการเคลื่อนไหว 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 ดังนั้นวิธีที่ง่ายที่สุดในการจัดเรียง ของการจัดการกับกระโดดเคลื่อนไหว 72 00:03:34,160 --> 00:03:39,240 มีการเปิดโปรแกรมนี้จะติดตั้ง เรียกว่ากระโดดเคลื่อนไหว 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 และสิ่งที่เคลื่อนไหวกระโดด มีการแปลความหมายของพวกเขาเป็น 76 00:03:49,940 --> 00:03:53,750 ดังนั้นการเคลื่อนไหวกระโดดใช้กล้อง การเรียงลำดับของการดูที่มือของคุณ 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 TOMAS 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 ดังนั้นการเคลื่อนไหวกระโดดเป็น โปรแกรมในลักษณะดังกล่าว 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 สิ่งที่พวกเขาทำคือการเปิดเผย พวงของ APIs สำหรับคุณ 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 ท่าทางเป็นหนึ่งในวิธีที่ก้าวกระโดด การเรียงลำดับของการเคลื่อนไหวจะช่วยให้คุณได้รับข้อมูล 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 สามารถทำได้ 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 ถ้าคุณเห็นในถาดเล็ก ๆ น้อย ๆ ของคุณ กระโดดไอคอนเคลื่อนไหวและมันเป็นสีเขียว 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 และถ้าคุณไปที่ที่อยู่ไอพี ที่ระบุไว้ในด้านล่างขวา 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 >> TOMAS 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 และการประมวลผลกระโดด จะทำกับลูกค้า 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 กระโดดเคลื่อนไหวมีการติดตั้ง 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 ตอนนี้จะเริ่มใช้กระโดด เคลื่อนไหวในสิ่งที่คุณจะทำอย่างไร 164 00:08:31,660 --> 00:08:36,640 คือคุณจะนำเข้า JavaScript ไฟล์จากการเคลื่อนไหวกระโดด 165 00:08:36,640 --> 00:08:39,610 แล้วจากนั้นสิ่งที่ คุณสามารถทำได้คือตอนนี้ 166 00:08:39,610 --> 00:08:44,250 ฉันเพียงแค่มีวรรคนี้ แท็กการตั้งค่ากับ ID ของข้อความ 167 00:08:44,250 --> 00:08:48,690 สิ่งที่เราอยากจะแนะนำ ได้รับการตั้งค่าตัวเลือกการควบคุม 168 00:08:48,690 --> 00:08:52,012 สำหรับการเคลื่อนไหวกระโดดด้วย ช่วยให้ท่าทางที่จะเป็นจริง 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 แต่เราขอแนะนำให้ใช้เหล่านั้น เพื่อให้คุณไม่ reinventing ล้อ 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 ที่จะใช้เวลาในการ กรอบจากการเคลื่อนไหวกระโดด 177 00:09:16,910 --> 00:09:21,150 และกรอบที่มีทั้งหมด ข้อมูลที่คุณกำลังจะต้อง 178 00:09:21,150 --> 00:09:25,310 >> TOMAS REIMERS: ดังนั้นเพียงเพื่อ สรุปคุณมีวัตถุหนึ่ง 179 00:09:25,310 --> 00:09:28,250 คุณมีฟังก์ชั่นนี้ ที่เรียกว่าก้าวกระโดดห่วงจุด 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 ซึ่งจะเรียกว่าทุก ทุกครั้งที่กรอบของการกระโดด, 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 การตรวจสอบท่าทางจุดกรอบ เป็นอาร์เรย์ของท่าทาง 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 ท่าทางแต่ละคนมีที่ไม่ซ้ำกัน ID ที่เกี่ยวข้องกับมัน 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 ดังนั้นหากเมื่อคุณผ่าน กระโดดเคลื่อนไหว JavaScript สิ่ง API, 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 แล้วฉันจะปรับปรุง HTM​​L ของฉันที่จะแสดง ทุกบิตเหล่านี้ของข้อมูล 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 ในขณะที่เราไม่ได้มีของเรา มือในหน้าของการเคลื่อนไหวกระโดด 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 TOMAS REIMERS: และความทรงจำ นี้เป็นเพียงวัตถุ 237 00:12:40,060 --> 00:12:42,185 เพื่อให้ทุกอย่างสามารถเข้าถึงได้ ประเภทเช่น struct 238 00:12:42,185 --> 00:12:45,540 ใน C. คุณมีวัตถุ ชื่อจุดชื่อคุณสมบัติ 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 >> TOMAS REIMERS: ดังนั้น จำไว้ว่าเราได้อย่างรวดเร็ว 247 00:13:07,810 --> 00:13:12,470 กล่าวว่ากระโดดสามารถจริง ทำงานบนเว็บไซต์ใด ๆ 248 00:13:12,470 --> 00:13:15,250 LeapJS เสิร์ฟเพียงเพื่อลูกค้า 249 00:13:15,250 --> 00:13:19,850 และเพื่อให้เป็นไปตามที่ลูกค้ามี เคลื่อนไหว Leap ที่แนบมามันจะทำงาน 250 00:13:19,850 --> 00:13:22,540 ดังนั้นกระโดดเคลื่อนไหวมี เว็บไซต์ที่คน 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 TOMAS 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 นี่คือทั้งหมดที่อยู่ภายในโครเมี่ยม เพียงแค่ใช้ 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 >> TOMAS REIMERS: ดังนั้นและอีกครั้ง จำได้ว่าบางครั้งกระโดด messes up 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 ดังนั้นวิธีการกระโดดการเคลื่อนไหว ผลงานที่เป็นจริง 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 >> นอกจากนี้ยังมีคำแนะนำอื่นคือการ ล้างพื้นที่ที่อยู่เบื้องหลังการกระโดด 287 00:15:10,450 --> 00:15:12,740 และด้านหน้าของกระโดด 288 00:15:12,740 --> 00:15:15,520 คิดว่ามันเป็นที่ทำงาน ด้านในของโดมที่ 289 00:15:15,520 --> 00:15:18,360 รอบนี้วัตถุเคลื่อนไหวกระโดด 290 00:15:18,360 --> 00:15:20,550 ถ้ามีสิ่งที่ถูกต้อง ที่อยู่เบื้องหลังมันเป็นอย่างดี 291 00:15:20,550 --> 00:15:24,740 ที่ยังจะเข้าไปยุ่งเกี่ยว กับวิธีการกระโดดการเคลื่อนไหวพยายาม 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 TOMAS 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 OK? 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 ได้รับในอุดมการณ์ของการกระโดดการทำงานนี้ และวิธีที่เราสามารถสร้างสิ่งที่มีที่ 312 00:16:12,630 --> 00:16:16,760 แล้วจากนั้นเราจะ อาจเป็นเพียงแค่แสดง 313 00:16:16,760 --> 00:16:19,710 เอกสาร 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 >> TOMAS 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 ขณะที่เรากำลังทำซ้ำ ผ่านท่าทางแล้ว 324 00:16:40,979 --> 00:16:43,270 TOMAS 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 >> TOMAS REIMERS: ใช่ 328 00:16:45,000 --> 00:16:45,920 >> Armaghan BEHLUM: ถ้าอย่างนั้นเราจะทำอย่างนั้น 329 00:16:45,920 --> 00:16:48,253 >> TOMAS 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 ดังนั้นจำไว้ว่าคุณทำแท็ก, จากนั้นภายในว่าคุณมีหัว 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 ชื่อเรื่องเราจะเรียกมันกระโดดตัวอย่าง 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 >> TOMAS REIMERS: อ๋อ 341 00:17:14,474 --> 00:17:15,776 >> Armaghan BEHLUM: มีเราเป็น 342 00:17:15,776 --> 00:17:18,180 >> TOMAS REIMERS: และ แล้วขอให้ร่างกาย 343 00:17:18,180 --> 00:17:20,852 >> Armaghan BEHLUM: รอให้ ยังให้แน่ใจว่าจะนำเข้า 344 00:17:20,852 --> 00:17:22,060 TOMAS 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 โดยการเคลื่อนไหวกระโดดซึ่งโดยทั่วไป ช่วยให้เว็บเบราเซอร์ในการเชื่อมต่อ 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 >> TOMAS 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 TOMAS REIMERS: คุณต้องการ ที่จะทำในสถานีใหญ่ 363 00:18:09,930 --> 00:18:11,080 เพื่อให้เราสามารถแสดงบนยกกำลัง 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 >> TOMAS 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 >> TOMAS REIMERS: ที่เสียงที่ดีงาม 378 00:18:44,010 --> 00:18:45,120 >> Armaghan BEHLUM: นั่น เสียงดีกับฉันมากเกินไป 379 00:18:45,120 --> 00:18:46,920 >> TOMAS 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 ดังนั้นเราก็จะให้มัน รวดเร็ว ID ของข้อความการเปลี่ยนแปลง 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 TOMAS REIMERS: Let 's คว้า jQuery? 395 00:19:30,620 --> 00:19:32,494 Armaghan BEHLUM: Let 's คว้า jQuery, OK เย็น 396 00:19:32,494 --> 00:19:34,502 ในกรณีที่ผมจะ ที่จะมีการที่จริง 397 00:19:34,502 --> 00:19:36,210 ที่จะเป็น สถานที่ที่ดีที่สุดที่จะทำเช่นนั้น? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS 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 TOMAS 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 TOMAS 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 TOMAS REIMERS: น่ากลัว 416 00:20:12,080 --> 00:20:13,910 ดังนั้นต่อไปสิ่งที่เราต้องการ ทำคือการที่เราต้องการจริง 417 00:20:13,910 --> 00:20:17,750 เพื่อให้พีโลก hello 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 TOMAS 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 ซึ่งจะขอพยายามที่จะเปลี่ยน ข้อความโดยไม่ต้องกระโดดเคลื่อนไหว 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 exposes ฟังก์ชั่นเครื่องหมายดอลลาร์นี้ 438 00:21:21,400 --> 00:21:28,640 ซึ่งเราสามารถผ่านการเลือก CSS เพื่อ, คือข้อความการเปลี่ยนแปลง hashtag ซึ่ง 439 00:21:28,640 --> 00:21:31,590 เลือกองค์ประกอบด้วย ID ของข้อความการเปลี่ยนแปลง 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 ขวา 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 >> TOMAS REIMERS: ยอดเยี่ยม 468 00:22:45,509 --> 00:22:47,800 ดังนั้นตอนนี้เรากำลังจะเริ่มต้น จะได้รับในสิ่งที่กระโดด 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 TOMAS 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 TOMAS REIMERS: ยอดเยี่ยม 489 00:23:43,610 --> 00:23:45,940 ดังนั้นตอนนี้เรามีนี้ ฟังก์ชั่นการก้าวกระโดดห่วงจุด 490 00:23:45,940 --> 00:23:52,420 ซึ่งเรียกโดยทั่วไปว่าดูกระโดด ที่มีตัวเลือกเหล่านี้และทุกครั้งที่ 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 และเล่นรอบกับกระโดดเพื่อดู กรอบการเข้าสู่ระบบเพราะที่จะ 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 จากตัวอย่างที่เรามี ถ้าเราตรวจสอบท่าทางจุดกรอบ 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 TOMAS 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 TOMAS 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 ท่าทางจุดกรอบ ฉันวงเล็บตอนนี้เรามี 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 TOMAS REIMERS: สติ Let 's ตรวจสอบที่นี่อีกครั้งและเพียงแค่ปลอบใจ 532 00:26:15,410 --> 00:26:17,370 ท่าทางล็อกจุดที่จะเห็นสิ่งที่เราได้รับ 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 >> TOMAS 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 มัน just-- 541 00:26:40,470 --> 00:26:41,750 >> Armaghan BEHLUM: กลุ่ม เป็นเพียงที่ดีจริงๆ 542 00:26:41,750 --> 00:26:45,000 >> TOMAS 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: mhmm 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 ว่า ID ที่หนึ่ง วงเดียวที่เรา 563 00:27:40,140 --> 00:27:43,950 อาจได้รับการพยายามที่จะเสร็จสมบูรณ์ เป็นรหัสเดียวกันตลอด 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 >> และแล้วนี้น่าจะเป็น วงกลมที่ผ่านมาว่าโอ้ดี, OK 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 TOMAS 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 TOMAS 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 เพราะถ้าท่าทางกรอบจุดจุด มีความยาวเป็นศูนย์ว่าสำหรับวงของ 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 >> TOMAS 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 TOMAS 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 >> TOMAS 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: [ไม่ได้ยิน] ท่าทาง ชนิดจุดเท่ากับเท่ากับรูด 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 >> TOMAS 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 TOMAS 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 ตกลง 638 00:31:05,650 --> 00:31:08,710 ดังนั้นเห็นได้ชัดว่าปัญหาที่เกิดขึ้น ที่มีสถานะจุดท่าทางของเรา 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 ถ้าท่าทางจุดชนิดรูดเท่ากับเท่ากับ และจุดท่าทางรัฐหยุดเท่ากับเท่ากัน 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 จากการเคลื่อนไหวกระโดด 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 >> TOMAS REIMERS: ไปข้างหน้าและ เพียงแค่ทำในสิ่งที่สุดท้ายซึ่งก็คือ 657 00:32:03,040 --> 00:32:04,826 >> Armaghan BEHLUM: ลา 658 00:32:04,826 --> 00:32:06,425 >> TOMAS 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 >> TOMAS 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 >> TOMAS REIMERS: และเมื่อเรา โบกมือลามันบอกลา 668 00:32:20,566 --> 00:32:22,360 >> Armaghan BEHLUM: เรามีชัยชนะ 669 00:32:22,360 --> 00:32:25,632 >> TOMAS 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 ยังเป็นหนึ่งในอาหารอันโอชะอื่น ๆ ของคำแนะนำ จะพยายามและคิดว่าเรื่องนี้ในแบบ 3 มิติ 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 TOMAS 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 >> TOMAS 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 >> TOMAS 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 อีกครั้งกระโดดเคลื่อนไหวมีทั้งหมดเหล่านี้ APIs ที่ยอดเยี่ยมหนึ่งสำหรับ JavaScript, 719 00:34:50,010 --> 00:34:53,750 หนึ่งสำหรับ C ชาร์ปและเอกภาพหนึ่งสำหรับ C ++, Java หนึ่งสำหรับหนึ่งสำหรับงูหลาม 720 00:34:53,750 --> 00:34:59,020 และสำหรับซีวัตถุประสงค์ผมเอง จะผลักดันให้คุณไปสู่​​ JavaScript 721 00:34:59,020 --> 00:35:01,280 หรือถ้าคุณต้องการที่จะเรียนรู้ ภาษาใหม่ลองหลาม 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 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 นาที พยายามแก้ปัญหาของเราก้าวกระโดด 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 ดีลอยเล็ก ๆ น้อย ๆ มือข้างต้นเคลื่อนไหวกระโดด 736 00:35:44,270 --> 00:35:47,850 และการแจ้งเตือนที่จะคิด เกี่ยวกับพื้นที่ใน 3D 737 00:35:47,850 --> 00:35:53,140 หนึ่งในวัตถุแรกที่จะคิดเกี่ยวกับ กับกระโดดเคลื่อนไหวเป็นมือแน่นอน 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 TOMAS REIMERS: ถ้าคุณต้องการ ที่จะดึงขึ้น Visualizer 742 00:36:05,410 --> 00:36:07,190 Armaghan BEHLUM: ใช่ ขอทำแบบนั้นอีกครั้ง 743 00:36:07,190 --> 00:36:10,148 TOMAS REIMERS: คุณสามารถดูเสมอ เพียงแค่เตือนความทรงจำที่ดีในการเรียงลำดับของการมองเห็น 744 00:36:10,148 --> 00:36:14,060 Visualizer พยายามที่จะแสดง ข้อมูลทั้งหมดที่กระโดดเห็น 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 TOMAS 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 มีจำนวนมากของข้อมูลดิบที่เป็น การเคลื่อนไหวกระโดดใช้เวลาในการตีความอย่างดี 767 00:37:18,150 --> 00:37:20,750 สำหรับคุณดังนั้นจึงเป็นเรื่องที่ดี ความคิดที่จะไปถึงที่นี่ 768 00:37:20,750 --> 00:37:25,300 และพยายามคิดหาวิธีกระโดดมี สิ่งที่คิดออกแล้วสำหรับคุณ 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 about-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS 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 วิธีกระโดดแนะนำ เพื่อที่เราจะได้พบกับมือ 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 >> TOMAS 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 อย่าลังเลที่จะส่งอีเมลถึงเราและได้รับ ในการติดต่อเกี่ยวกับการกระโดดการเคลื่อนไหว 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 >> TOMAS REIMERS: Great 795 00:38:42,360 --> 00:38:42,880