1 00:00:00,000 --> 00:00:11,010 2 00:00:11,010 --> 00:00:11,965 >> Tomas Reimers: Cool. 3 00:00:11,965 --> 00:00:13,230 Vì vậy, hi, tất cả mọi người. 4 00:00:13,230 --> 00:00:14,300 Tôi tên là Tomas. 5 00:00:14,300 --> 00:00:15,744 Tôi là một TF và điều này là 6 00:00:15,744 --> 00:00:16,660 ARMAGHAN BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Rất vui được gặp các bạn. 8 00:00:17,637 --> 00:00:18,470 Tomas Reimers: Cool. 9 00:00:18,470 --> 00:00:20,740 Vì vậy, chúng ta sẽ nói chuyện về Leap Motion ngày hôm nay. 10 00:00:20,740 --> 00:00:22,800 Vì vậy, Leap Motion là một sản phẩm thực sự mát mẻ mà 11 00:00:22,800 --> 00:00:25,900 cho phép bạn tương tác với một máy tính một cách khác nhau. 12 00:00:25,900 --> 00:00:28,560 Vì vậy, toàn bộ ý tưởng đằng sau chuyển động bước nhảy vọt là bạn 13 00:00:28,560 --> 00:00:31,430 có thể sử dụng bàn tay của bạn để tương tác với máy tính. 14 00:00:31,430 --> 00:00:33,610 Vì vậy, ngay ở đây tôi có một cái gì đó thiết lập. 15 00:00:33,610 --> 00:00:34,790 Tôi sẽ nói về nó trong một chút. 16 00:00:34,790 --> 00:00:37,540 Nhưng phiên bản cơ bản là bạn có thể thấy rằng tôi có bàn tay của tôi ở phía trước 17 00:00:37,540 --> 00:00:42,840 máy tính của tôi và khi tôi di chuyển chúng, bạn sẽ có được tương tự trên máy tính 18 00:00:42,840 --> 00:00:44,170 và bạn có thể phân tích này. 19 00:00:44,170 --> 00:00:46,230 Bạn có thể thực hiện các cử động. 20 00:00:46,230 --> 00:00:49,176 Bạn có thể sử dụng bàn tay của bạn để tương tác với máy tính 21 00:00:49,176 --> 00:00:50,300 theo cách mới và thú vị. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> Vâng, tôi thực sự đầu tiên muốn vượt qua khỏi để Armi 24 00:00:57,520 --> 00:01:00,400 để cho bạn một số bản demo mát của những gì một số người đã làm được với điều này. 25 00:01:00,400 --> 00:01:02,816 Và sau đó chúng ta sẽ nói về cách bạn thực sự mã với điều này. 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM: Yeah. 27 00:01:04,800 --> 00:01:05,300 Hello. 28 00:01:05,300 --> 00:01:08,870 Vì vậy, như chúng ta đã thấy, rất ít dữ liệu ở đây, nhưng chúng ta hãy xem 29 00:01:08,870 --> 00:01:11,680 những gì một số người đã làm được với điều này. 30 00:01:11,680 --> 00:01:15,130 Vì vậy, hãy để tôi chỉ mở ra ví dụ này. 31 00:01:15,130 --> 00:01:20,770 Và sau đó, như vậy, ví dụ, bạn có thể nhìn thấy tương tự của tôi có mặt, nhưng bây giờ thời gian này 32 00:01:20,770 --> 00:01:26,680 một số người sử dụng Unity có quyết định đưa một làn da ít hơn 33 00:01:26,680 --> 00:01:28,670 và những thứ xung quanh bàn tay. 34 00:01:28,670 --> 00:01:35,900 Vì vậy, tôi có thể, hãy đi với một, chắc chắn, có bàn tay của tôi tương tác. 35 00:01:35,900 --> 00:01:41,050 Và bạn có thể tưởng tượng một vài điều hữu ích khác mát mẻ 36 00:01:41,050 --> 00:01:42,840 mà bạn có thể làm với điều này. 37 00:01:42,840 --> 00:01:45,530 Vì vậy, đây là ít nhất một ví dụ. 38 00:01:45,530 --> 00:01:48,910 Và sau đó chúng ta hãy nhảy ra khỏi đây. 39 00:01:48,910 --> 00:01:56,590 >> Và sau đó một số khác mát mẻ là, chúng ta hãy đi với một này. 40 00:01:56,590 --> 00:01:58,390 Plasmo bóng. 41 00:01:58,390 --> 00:02:03,510 Một lần nữa, chúng tôi sẽ không nhất thiết mong đợi mức độ phức tạp 42 00:02:03,510 --> 00:02:06,450 từ một dự án cuối cùng cho CS50. 43 00:02:06,450 --> 00:02:10,029 Đây chỉ là để cho bạn một số, cung cấp cho các bạn 44 00:02:10,029 --> 00:02:14,570 một chút cảm hứng cho những gì các bạn có thể làm với Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Vì vậy, ví dụ ở đây là một mát Chẳng hạn vật lý, trong đó có chúng tôi đi. 46 00:02:20,500 --> 00:02:24,305 Có cả hai bàn tay của tôi vì vậy bây giờ bạn có bóng plasma nhỏ này. 47 00:02:24,305 --> 00:02:31,030 Và bóng đang phản ứng với vật lý của tôi di chuyển bàn tay của tôi xung quanh quả bóng. 48 00:02:31,030 --> 00:02:36,920 Bây giờ điều này là tất cả mặc dù sử dụng Unity, sử dụng loại công cụ và khuôn khổ 49 00:02:36,920 --> 00:02:39,510 rằng chúng tôi đã không được dạy các bạn trong lớp, 50 00:02:39,510 --> 00:02:46,590 nhưng như bạn có thể thấy một số khá chạy mát throughs với điều đó. 51 00:02:46,590 --> 00:02:51,750 >> Nhưng có một điều mà các bạn có thể làm khởi đầu ngay bây giờ với Leap Motion 52 00:02:51,750 --> 00:02:53,260 là công việc trong JavaScript. 53 00:02:53,260 --> 00:02:58,960 Leap Motion có một API JavaScript các bạn có thể sử dụng và chúng tôi đánh giá cao, cao 54 00:02:58,960 --> 00:03:02,040 khuyên các bạn xây dựng dự án của bạn bằng cách sử dụng đó. 55 00:03:02,040 --> 00:03:04,350 Vì vậy, với điều đó, hãy để tôi vượt qua nó quay trở lại để Tomas 56 00:03:04,350 --> 00:03:06,582 để nói về Leap Chuyển động và JavaScript. 57 00:03:06,582 --> 00:03:07,415 Tomas Reimers: Cool. 58 00:03:07,415 --> 00:03:09,230 Hay bạn muốn hiển thị chúng Visualizer đầu tiên? 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM: Oh yes. 60 00:03:09,670 --> 00:03:10,170 Vâng. 61 00:03:10,170 --> 00:03:11,900 Hãy nói thêm về Visualizer đó. 62 00:03:11,900 --> 00:03:14,983 >> Tomas Reimers: Vì vậy, trên cơ bản nhất mức độ, khi bạn lần đầu tiên có được để Leap Motion 63 00:03:14,983 --> 00:03:16,940 bạn sẽ có một hộp. 64 00:03:16,940 --> 00:03:18,330 Ở đây, tôi muốn để mất kiểm soát? 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM: Yeah, đi cho nó. 66 00:03:19,180 --> 00:03:20,530 >> Tomas Reimers: Vì vậy, khi bạn lần đầu tiên có được để Leap Motion 67 00:03:20,530 --> 00:03:21,780 bạn sẽ có một hộp. 68 00:03:21,780 --> 00:03:24,460 Nó có một thiết bị mà trông giống như thế này. 69 00:03:24,460 --> 00:03:28,990 Bạn cắm nó vào máy tính của bạn, cài đặt các trình điều khiển cần thiết, 70 00:03:28,990 --> 00:03:30,950 và sau đó nó sẽ cơ bản được thiết lập. 71 00:03:30,950 --> 00:03:34,160 Vì vậy, cách đơn giản nhất để sắp xếp các thỏa thuận với Leap Motion 72 00:03:34,160 --> 00:03:39,240 được mở ra chương trình này nó cài đặt gọi là Leap Motion Visualizer. 73 00:03:39,240 --> 00:03:41,490 Và Visualizer là nghĩa đen những gì tôi thấy ở đây. 74 00:03:41,490 --> 00:03:45,340 Nó cho phép bạn xem các đề cương xương bàn tay của bạn. 75 00:03:45,340 --> 00:03:49,940 Và những gì các Leap Motion được giải thích chúng là. 76 00:03:49,940 --> 00:03:53,750 Vì vậy, các Leap Motion sử dụng máy ảnh để sắp xếp của nhìn vào bàn tay của bạn 77 00:03:53,750 --> 00:03:59,176 và sau đó nó sẽ cố gắng để đoán những gì Thành phần xương cơ bản mà bạn 78 00:03:59,176 --> 00:04:00,460 nhìn thấy trên màn hình là. 79 00:04:00,460 --> 00:04:01,669 Và đó là những gì nó cho bạn. 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM: Mỗi điểm nhỏ đơn 81 00:04:03,418 --> 00:04:06,580 và điều mà bạn thấy có dữ liệu có sẵn cho các bạn 82 00:04:06,580 --> 00:04:07,270 cũng như để sử dụng. 83 00:04:07,270 --> 00:04:09,670 Vì vậy, bạn thấy rằng nó chụp mà Tomas 84 00:04:09,670 --> 00:04:12,160 có năm ngón tay, mỗi những ngón tay khác nhau 85 00:04:12,160 --> 00:04:17,110 cũng có sẵn cho bạn như là dữ liệu điểm để sử dụng trong bất cứ ứng dụng 86 00:04:17,110 --> 00:04:18,256 mà bạn có thể muốn. 87 00:04:18,256 --> 00:04:20,339 Nếu bạn muốn xem ai đó làm một dấu hiệu 88 00:04:20,339 --> 00:04:23,860 bạn có thể xem các ngón tay của mình được cuộn tròn và cho dù họ đang 89 00:04:23,860 --> 00:04:25,850 ngón tay ngón tay cái chỉ tay trở lên, hoặc nơi 90 00:04:25,850 --> 00:04:30,037 cổ tay hoặc lòng bàn tay của họ là và rằng loại công cụ. 91 00:04:30,037 --> 00:04:30,870 Tomas Reimers: Cool. 92 00:04:30,870 --> 00:04:35,186 Vì vậy, bạn có thể thấy một số cử chỉ đó hiểu tốt hơn so với những người khác. 93 00:04:35,186 --> 00:04:38,310 Hãy nhớ rằng, nó đang nhìn bạn tay từ ít một camera từ phía dưới, 94 00:04:38,310 --> 00:04:41,630 vì vậy khi bạn đang có trong tay như này nó hiểu họ đầy đủ, 95 00:04:41,630 --> 00:04:44,509 nhưng một khi bạn bắt đầu để cố gắng và làm một ngón tay cái lên, đôi khi nó đọc nó, 96 00:04:44,509 --> 00:04:47,550 đôi khi nó có thể đoán, nhưng trung thực máy ảnh chỉ có thể không nhìn thấy ngón tay cái. 97 00:04:47,550 --> 00:04:49,810 Vì vậy, nó không thực sự chắc chắn những gì đang xảy ra. 98 00:04:49,810 --> 00:04:54,910 Chỉ cần một số hạn chế cần lưu ý khi bạn đang phát triển với điều này. 99 00:04:54,910 --> 00:04:56,540 >> Dù sao, như vậy sẽ trở lại này. 100 00:04:56,540 --> 00:04:59,040 Các Visualizer thực có rất nhiều công cụ hữu ích. 101 00:04:59,040 --> 00:05:01,780 Vì vậy, các Leap Motion là lập trình trong một cách như vậy 102 00:05:01,780 --> 00:05:04,280 rằng họ không mong đợi bạn tương tác với dữ liệu hình ảnh. 103 00:05:04,280 --> 00:05:06,230 Họ không thực sự mong bạn hiểu 104 00:05:06,230 --> 00:05:08,060 những gì đang xảy ra đằng sau hậu trường. 105 00:05:08,060 --> 00:05:11,620 Những gì họ làm là phơi bày một loạt các API cho các bạn 106 00:05:11,620 --> 00:05:13,420 như vậy mà bạn có thể tương tác với dữ liệu này 107 00:05:13,420 --> 00:05:18,400 trực tiếp mà không cần sự hiểu biết những gì đang xảy ra dưới mui xe. 108 00:05:18,400 --> 00:05:27,790 >> Vì vậy, nếu chúng ta nhấn H ở đây Visualizer bạn sẽ thấy rất nhiều lựa chọn. 109 00:05:27,790 --> 00:05:35,450 Điều quan trọng ở đây mặc dù là nếu bạn nhấn O và sau đó nhấn H, 110 00:05:35,450 --> 00:05:38,080 bạn sẽ thấy rằng nó cho phép bạn vẽ các cử chỉ. 111 00:05:38,080 --> 00:05:43,380 Vì vậy, một cử chỉ, bạn sẽ thấy nó rút một mũi tên qua. 112 00:05:43,380 --> 00:05:47,010 Một cử chỉ là một trong những cách mà Leap Chuyển động loại cho phép bạn có dữ liệu 113 00:05:47,010 --> 00:05:48,462 mà không cần phải xử lý nó. 114 00:05:48,462 --> 00:05:51,170 Vì vậy, thay vì tôi cần phải tìm ra, oh, tay đã được di chuyển, 115 00:05:51,170 --> 00:05:54,970 thậm chí nếu tôi có điểm truy cập, API sẽ loại chỉ cho tôi biết, 116 00:05:54,970 --> 00:05:56,380 hey, họ đã thực hiện các cử chỉ này. 117 00:05:56,380 --> 00:05:58,920 Vì vậy, bạn có thể làm cho mũi tên cử chỉ cơ bản. 118 00:05:58,920 --> 00:06:00,590 Bạn có thể có những cử chỉ vòng tròn. 119 00:06:00,590 --> 00:06:03,530 Bạn có thể thực hiện khai thác các cử động. 120 00:06:03,530 --> 00:06:07,630 Và bạn có thể làm cho cử chỉ bấm phím. 121 00:06:07,630 --> 00:06:09,394 Yeah. 122 00:06:09,394 --> 00:06:10,800 Và các loại công cụ. 123 00:06:10,800 --> 00:06:14,370 Vì vậy, bây giờ mà chúng tôi đã loại nhìn thấy những gì Leap Motion có thể làm, 124 00:06:14,370 --> 00:06:17,792 bạn có thể thấy nó có thể đọc một bó toàn bộ các cử chỉ. 125 00:06:17,792 --> 00:06:19,500 Tôi nghĩ rằng tôi sẽ đến vượt qua nó trở lại Armi 126 00:06:19,500 --> 00:06:22,300 và anh ta sẽ nói về cách bạn sẽ có được những bằng JavaScript, 127 00:06:22,300 --> 00:06:24,520 làm thế nào bạn thậm chí bắt đầu một dự án với điều này. 128 00:06:24,520 --> 00:06:27,724 Và sau đó chúng ta sẽ nói về một số những nơi mát mẻ, bạn có thể đi với điều đó. 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM: Yeah. 130 00:06:28,640 --> 00:06:29,300 Âm thanh tốt. 131 00:06:29,300 --> 00:06:31,950 Vì vậy, yeah, điều đầu tiên chúng tôi sẽ muốn bạn làm tất nhiên, 132 00:06:31,950 --> 00:06:37,170 là sau khi bạn nhận được Leap Motion là để đi đến leapmotion.com, thiết lập, cài đặt 133 00:06:37,170 --> 00:06:38,420 các trình điều khiển và các công cụ. 134 00:06:38,420 --> 00:06:42,520 Sau khi làm điều đó, bạn có thể đi hãy chắc chắn rằng nó được kết nối. 135 00:06:42,520 --> 00:06:46,910 Nếu bạn nhìn thấy trong khay nhỏ của bạn Leap Motion và biểu tượng đó là màu xanh lá cây, 136 00:06:46,910 --> 00:06:48,640 sau đó bạn biết bạn là được. 137 00:06:48,640 --> 00:06:53,710 Và tất nhiên kiểm tra chính xác những gì Tomas chỉ cho các bạn với những cử chỉ 138 00:06:53,710 --> 00:06:59,320 và làm các vòi màn hình, và vòi trọng, và rằng loại công cụ. 139 00:06:59,320 --> 00:07:02,180 >> Sau đó mặc dù chúng tôi, một lần nữa, như tôi đã nói, 140 00:07:02,180 --> 00:07:06,530 chúng tôi có quyền truy cập vào tất cả các điều trong JavaScript là tốt. 141 00:07:06,530 --> 00:07:09,020 Lý tưởng thiết lập mà chúng tôi muốn giới thiệu bạn 142 00:07:09,020 --> 00:07:16,440 kẻ là để đi vào của bạn thư mục vhost, chủ của địa phương, 143 00:07:16,440 --> 00:07:19,340 công trong thiết bị CS50 của bạn. 144 00:07:19,340 --> 00:07:24,790 Và khi bạn đi có gì bạn sẽ thấy thấy là một tập tin chỉ mục dot HTML. 145 00:07:24,790 --> 00:07:28,180 Bây giờ chỉ số chấm Tập tin HTML hoặc chỉ số chấm 146 00:07:28,180 --> 00:07:32,740 File PHP, nào là tốt, những gì bạn có thể làm 147 00:07:32,740 --> 00:07:35,150 là đi đến hệ điều hành chính của bạn. 148 00:07:35,150 --> 00:07:38,650 Và nếu bạn đi đến các địa chỉ IP được liệt kê trong góc dưới bên phải 149 00:07:38,650 --> 00:07:45,180 góc của thiết bị của bạn ngay tại đây, như bạn có thể nhìn thấy, sau đó điều gì sẽ xảy ra 150 00:07:45,180 --> 00:07:51,240 là bạn hãy vào trang đó được tham chiếu bởi tập tin index dot HTML. 151 00:07:51,240 --> 00:07:56,610 Vì vậy, tất cả các mã mà bạn có thể đưa vào có được gửi đi và có thể sử dụng ở đây. 152 00:07:56,610 --> 00:07:58,960 >> Tomas Reimers: Vì vậy, nó cũng chỉ quan trọng để tham khảo 153 00:07:58,960 --> 00:08:06,554 rằng nếu các bạn thực sự biết làm thế nào để thiết lập một máy chủ chính mình, 154 00:08:06,554 --> 00:08:09,720 hoặc bạn muốn đặt này trên toàn thế giới web, bạn đang chào đón để làm bất cứ điều gì. 155 00:08:09,720 --> 00:08:11,594 Hãy nhớ rằng đây là những chỉ các tập tin JavaScript 156 00:08:11,594 --> 00:08:14,250 và tất cả các chế biến Leap được thực hiện trên máy khách. 157 00:08:14,250 --> 00:08:16,510 Vì vậy, nó không thực sự quan trọng nơi cuộc sống máy chủ của bạn 158 00:08:16,510 --> 00:08:19,660 miễn là các máy tính Bạn đang xem các trang web trên 159 00:08:19,660 --> 00:08:22,024 Leap Motion đã được cài đặt. 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM: Tuyệt đối. 161 00:08:23,190 --> 00:08:25,680 Giống như Tomas nói, yeah, bất cứ điều gì làm việc cho các bạn. 162 00:08:25,680 --> 00:08:28,570 Đây chỉ là một trong những khuyến nghị của chúng tôi. 163 00:08:28,570 --> 00:08:31,660 Bây giờ để bắt đầu sử dụng Leap Chuyển động bạn sẽ làm gì 164 00:08:31,660 --> 00:08:36,640 là bạn sẽ nhập Tập tin JavaScript từ Leap Motion. 165 00:08:36,640 --> 00:08:39,610 Và rồi từ đó những gì bạn có thể làm là, ngay bây giờ 166 00:08:39,610 --> 00:08:44,250 Tôi chỉ có đoạn này tag thiết lập với một ID của văn bản. 167 00:08:44,250 --> 00:08:48,690 Những điều mà chúng tôi muốn giới thiệu được thiết lập tùy chọn điều khiển 168 00:08:48,690 --> 00:08:52,012 cho Leap Motion với cho phép các cử chỉ là đúng. 169 00:08:52,012 --> 00:08:53,970 Vì vậy, theo mặc định những cử chỉ mà chúng tôi cho thấy bạn 170 00:08:53,970 --> 00:08:57,010 guys, vòng tròn, và các tap quan trọng, và swipes, 171 00:08:57,010 --> 00:09:00,330 những người không được biểu diễn các bạn theo mặc định. 172 00:09:00,330 --> 00:09:04,450 Nhưng chúng tôi khuyên bạn nên sử dụng những vì vậy bạn không phát minh lại bánh xe. 173 00:09:04,450 --> 00:09:09,489 Cho phép những thành true, đi qua những tùy chọn điều khiển để nhảy dot loop 174 00:09:09,489 --> 00:09:10,530 và bạn tất cả thiết lập để đi. 175 00:09:10,530 --> 00:09:13,270 Bởi vì sau đó bạn chỉ cần có xác định một chức năng ẩn danh 176 00:09:13,270 --> 00:09:16,910 rằng sẽ có trong một khung từ Leap Motion 177 00:09:16,910 --> 00:09:21,150 và khung đó có tất cả các thông tin mà bạn sẽ cần. 178 00:09:21,150 --> 00:09:25,310 >> Tomas Reimers: Như vậy chỉ cần recap, bạn có một đối tượng. 179 00:09:25,310 --> 00:09:28,250 Bạn có chức năng này gọi là bước nhảy vọt dot loop. 180 00:09:28,250 --> 00:09:30,460 Và bạn gọi nó với hai đối số. 181 00:09:30,460 --> 00:09:33,134 Bạn gọi nó với một, các tùy chọn điều khiển. 182 00:09:33,134 --> 00:09:35,300 Và có rất nhiều tùy chọn, bạn có thể đặt vào đó. 183 00:09:35,300 --> 00:09:38,170 Những điều chúng ta đang đi nhấn mạnh được phép cử chỉ. 184 00:09:38,170 --> 00:09:41,230 Và nếu bạn đặt nó bằng đúng sự thật rồi bạn có thể truy cập vào các cử chỉ này 185 00:09:41,230 --> 00:09:42,940 mà chúng tôi đã giới thiệu trong các Visualizer. 186 00:09:42,940 --> 00:09:47,500 >> Và sau đó các đối số thứ hai là một chức năng, nó giống như một cuộc gọi trở lại 187 00:09:47,500 --> 00:09:53,010 mà sẽ được gọi mỗi thời gian mỗi khung hình của Leap, 188 00:09:53,010 --> 00:09:57,340 như vậy mỗi lần đăng ký bước nhảy vọt đó di chuyển bàn tay của bạn, nó có một khung mới. 189 00:09:57,340 --> 00:10:02,130 Và nó gọi chức năng này với một tranh luận, mà là đối tượng frame. 190 00:10:02,130 --> 00:10:05,909 Và đó là đối tượng khung mô tả khung như Leap nhìn thấy nó. 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM: Chính xác. 192 00:10:06,950 --> 00:10:10,450 Vì vậy, tất cả đều được hữu ích bit và mẩu thông tin 193 00:10:10,450 --> 00:10:12,550 mà chúng ta đã nói về trước đó. 194 00:10:12,550 --> 00:10:18,010 Kiểm tra khung dot cử chỉ là một mảng của các cử chỉ 195 00:10:18,010 --> 00:10:23,680 cho rằng chuyển động bước nhảy vọt bắt bạn tay làm trong khung cuối cùng. 196 00:10:23,680 --> 00:10:26,470 Vì vậy, ví dụ, những gì chúng tôi làm ở đây là chúng ta đang kiểm tra, 197 00:10:26,470 --> 00:10:31,820 hey, Leap, trong đó khung hình cuối cùng đã làm bạn nắm bắt bất kỳ cử chỉ mà tôi đã làm? 198 00:10:31,820 --> 00:10:36,350 Và nếu như vậy những gì chúng tôi quyết định làm được lặp lại qua những cử chỉ 199 00:10:36,350 --> 00:10:39,760 và cố gắng và có được một số hữu ích thông tin từ họ. 200 00:10:39,760 --> 00:10:44,290 Mỗi cử chỉ có một độc đáo ID liên kết với nó. 201 00:10:44,290 --> 00:10:46,280 Họ có các loại. 202 00:10:46,280 --> 00:10:50,220 Bạn có thể nhìn vào đó ngón tay đã tham gia vào các cử chỉ 203 00:10:50,220 --> 00:10:52,770 bằng cách tìm hiểu các công cụ pointable này. 204 00:10:52,770 --> 00:10:56,490 Vì vậy, nếu khi bạn đi qua Leap Motion JavaScript API công cụ, 205 00:10:56,490 --> 00:10:59,630 khi họ đề cập đến pointables, chúng ta đang nói về những ngón tay. 206 00:10:59,630 --> 00:11:04,480 Và sau đó tay, tất nhiên, toàn bộ đối tượng tay. 207 00:11:04,480 --> 00:11:05,210 >> Những gì khác? 208 00:11:05,210 --> 00:11:08,630 Bạn có thể kiểm tra trong bao lâu các chuyển động đã đi vào 209 00:11:08,630 --> 00:11:11,640 cho và, vâng, tất cả những điều hữu ích. 210 00:11:11,640 --> 00:11:16,490 Vì vậy, những gì tôi đang làm hiện giờ đây là tôi đăng khung, 211 00:11:16,490 --> 00:11:24,350 và sau đó tôi cập nhật để hiển thị HTML của tôi tất cả các bit thông tin 212 00:11:24,350 --> 00:11:25,820 từ khung. 213 00:11:25,820 --> 00:11:28,010 Vì vậy, hãy kiểm tra xem ra. 214 00:11:28,010 --> 00:11:29,440 >> Vì vậy, ở đây nó được. 215 00:11:29,440 --> 00:11:34,730 Đây là tập tin index dot HTML. 216 00:11:34,730 --> 00:11:38,560 Và như bạn chỉ thấy khi tôi chỉ cần di chuyển tay Leap bắt một chuyển động vòng tròn. 217 00:11:38,560 --> 00:11:44,960 Vì vậy, bạn có thể nhìn thấy tôi làm một vòng tròn trên ở đây, cập nhật thông tin với vòng tròn. 218 00:11:44,960 --> 00:11:48,332 Làm swipes, bắt swipes. 219 00:11:48,332 --> 00:11:49,290 Hãy thử một tab màn hình. 220 00:11:49,290 --> 00:11:50,090 Hiện chúng tôi đi. 221 00:11:50,090 --> 00:11:52,370 Màn hình máy và một vòi nước chính. 222 00:11:52,370 --> 00:11:55,040 Vì vậy, vòi nước chính cũng do cách, là khi bạn nhấn xuống. 223 00:11:55,040 --> 00:11:57,260 Vì vậy, bạn có thể tưởng tượng có thể chơi đàn piano. 224 00:11:57,260 --> 00:11:59,869 >> Và sau đó vòi màn hình là khi bạn nhấn vào màn hình. 225 00:11:59,869 --> 00:12:02,910 Vì vậy, bạn có thể tưởng tượng có thể bạn thực sự có một màn hình cảm ứng ở phía trước của bạn 226 00:12:02,910 --> 00:12:05,190 và bạn đang đánh các liên lạc màn hình ở phía trước của bạn. 227 00:12:05,190 --> 00:12:08,470 Và sau đó chúng ta có thể lấy một các đối tượng này ở đây. 228 00:12:08,470 --> 00:12:12,960 Vì vậy, hãy nhớ tôi đã nói rằng tôi là đi qua khung thành console log. 229 00:12:12,960 --> 00:12:17,160 Và vì vậy chúng tôi có thể kiểm tra tất cả các bit và mẩu thông tin 230 00:12:17,160 --> 00:12:22,500 mà có sẵn trong khung đó là tốt để sử dụng. 231 00:12:22,500 --> 00:12:26,320 >> Giống như tôi đã nói trước đó, pointables là các ngón tay. 232 00:12:26,320 --> 00:12:30,260 Tại thời điểm đó, chúng tôi không có của chúng tôi bàn tay ở phía trước của Leap Motion 233 00:12:30,260 --> 00:12:32,010 do đó, nó không đăng ký, nhưng đây là cách bạn 234 00:12:32,010 --> 00:12:35,980 sẽ bắt đầu để tìm ra có lẽ bao nhiêu ngón tay là màn hình. 235 00:12:35,980 --> 00:12:37,810 Và đó là loại thông tin. 236 00:12:37,810 --> 00:12:40,060 Tomas Reimers: Và ghi nhớ đây chỉ là một đối tượng. 237 00:12:40,060 --> 00:12:42,185 Vì vậy, tất cả mọi thứ có thể được truy cập loại giống như một cấu trúc 238 00:12:42,185 --> 00:12:45,540 trong C. Bạn có đối tượng tên dot tên tài sản. 239 00:12:45,540 --> 00:12:48,830 Và sau đó trong đó bạn có mảng và bạn có các đối tượng khác, 240 00:12:48,830 --> 00:12:50,850 nhưng hãy nhớ nó chỉ là một đối tượng. 241 00:12:50,850 --> 00:12:53,788 Có gì đặc biệt bởi vì chúng ta đang sử dụng Leap. 242 00:12:53,788 --> 00:12:54,704 ARMAGHAN BEHLUM: Yeah. 243 00:12:54,704 --> 00:12:56,544 Cool. 244 00:12:56,544 --> 00:12:58,710 Chúng ta nên kiểm tra một vài ví dụ JavaScript? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> Tomas Reimers: Vì vậy, nhanh chóng nhớ rằng chúng ta 247 00:13:07,810 --> 00:13:12,470 nói rằng Leap có thể thực sự chạy trên bất kỳ trang web. 248 00:13:12,470 --> 00:13:15,250 LeapJS chỉ được phục vụ cho khách hàng. 249 00:13:15,250 --> 00:13:19,850 Và do đó, cùng là khách hàng có Leap Motion gắn nó sẽ làm việc. 250 00:13:19,850 --> 00:13:22,540 Vì vậy, Leap Motion có một trang web nơi mà người dân 251 00:13:22,540 --> 00:13:24,540 có thể chia sẻ những tấm gương đó của những điều họ đã thực hiện. 252 00:13:24,540 --> 00:13:26,623 Vì vậy, chúng tôi chỉ đi thông qua một vài trong số họ 253 00:13:26,623 --> 00:13:29,980 để xem những gì có thể trước khi lặn vào chi tiết cụ thể về cách 254 00:13:29,980 --> 00:13:32,510 nó có thể. 255 00:13:32,510 --> 00:13:33,346 Như vậy 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUM: Hãy xem. 257 00:13:34,470 --> 00:13:36,136 Tomas Reimers: Bây giờ nó nên được làm việc. 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM: Vậy bây giờ trước khi chúng tôi nhìn thấy một ví dụ 259 00:13:38,520 --> 00:13:45,280 sử dụng Unity đã ra tay của chúng tôi với nhiều giao diện đồ họa khá ấn tượng, 260 00:13:45,280 --> 00:13:50,200 nhưng bây giờ bạn có thể thấy bạn có thể làm điều tương tự bên trong một trình duyệt web. 261 00:13:50,200 --> 00:13:54,640 Đây là tất cả các bên trong Chrome chỉ sử dụng JavaScript. 262 00:13:54,640 --> 00:13:57,460 Và sau đó tốt đẹp khác điều là nếu bạn muốn 263 00:13:57,460 --> 00:14:02,610 biết làm thế nào họ đã làm điều này, các ví dụ trên JavaScript 264 00:14:02,610 --> 00:14:07,540 cũng bao gồm các tùy chọn mã bạn có thể kiểm tra và sau đó xem 265 00:14:07,540 --> 00:14:12,570 làm thế nào người này được lấy tay và mã số và như vậy. 266 00:14:12,570 --> 00:14:16,730 >> Vì vậy, đó là tất cả các bạn có thể tìm thấy tại developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Bạn có thể đi và kiểm tra JavaScript ví dụ mà họ có ở đó. 268 00:14:20,810 --> 00:14:23,280 Vì vậy, yeah. 269 00:14:23,280 --> 00:14:25,205 Dưới đây là những, oops xin lỗi. 270 00:14:25,205 --> 00:14:27,680 Hãy thử lại. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Tôi có hai bàn tay phải. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Vì vậy, yeah. 275 00:14:34,380 --> 00:14:37,440 >> Tomas Reimers: Vì vậy, và một lần nữa, nhớ đôi khi Leap messes lên. 276 00:14:37,440 --> 00:14:40,790 Chỉ cần cung cấp cho nó một giây. 277 00:14:40,790 --> 00:14:42,784 Nó không hoàn hảo, nhưng nó là khá tốt. 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM: Một đề nghị khác cũng 279 00:14:44,700 --> 00:14:48,780 là để không làm điều đó trong ánh sáng mặt trời trực tiếp. 280 00:14:48,780 --> 00:14:51,260 Vì vậy, cách Leap Motion công trình là, thực sự 281 00:14:51,260 --> 00:14:54,500 nếu tôi chỉ cho các máy ảnh này là tốt, ánh sáng hồng ngoại. 282 00:14:54,500 --> 00:14:57,375 Vì vậy, nó sẽ gửi những người ra và sau đó đọc chúng khi họ trở lại. 283 00:14:57,375 --> 00:14:59,250 Vì vậy, nếu bạn đang cố gắng để làm điều đó trực tiếp ánh sáng mặt trời, 284 00:14:59,250 --> 00:15:01,610 Ví dụ, nó có thể là không đi làm việc, 285 00:15:01,610 --> 00:15:05,850 hoặc nó sẽ yêu cầu một số hiệu chỉnh để làm như vậy. 286 00:15:05,850 --> 00:15:10,450 >> Cũng đề nghị khác là xóa không gian phía sau Leap 287 00:15:10,450 --> 00:15:12,740 và ở phía trước của Leap. 288 00:15:12,740 --> 00:15:15,520 Hãy nghĩ về nó như là làm việc bên trong một mái vòm đó là 289 00:15:15,520 --> 00:15:18,360 xung quanh đối tượng Leap Motion này. 290 00:15:18,360 --> 00:15:20,550 Nếu có thứ quyền đằng sau nó là tốt, 291 00:15:20,550 --> 00:15:24,740 đó là cũng sẽ can thiệp với thế Leap Motion cố gắng 292 00:15:24,740 --> 00:15:26,690 để nhận ra bàn tay của bạn và rằng loại công cụ. 293 00:15:26,690 --> 00:15:30,010 >> Vì vậy, ví dụ, tôi nghĩ rằng ở đây trường hợp nó là máy tính xách tay của tôi thực sự 294 00:15:30,010 --> 00:15:34,351 đó là loại làm cho Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Yeah, có chúng tôi đi. 296 00:15:35,100 --> 00:15:41,021 Vì vậy, nếu tôi xóa khỏi máy tính xách tay của tôi từ đằng sau nó Mặt hiện khá tốt. 297 00:15:41,021 --> 00:15:41,520 Vì vậy, yeah. 298 00:15:41,520 --> 00:15:42,061 Có mà. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Vì vậy, những gì khác đã làm chúng tôi cho thấy chúng. 301 00:15:46,417 --> 00:15:48,250 Tomas Reimers: Tôi nghĩ rằng bây giờ sẽ là thời gian 302 00:15:48,250 --> 00:15:52,039 để sắp xếp của bổ nhào vào và chúng ta hãy chỉ làm cho một bản demo hoàn toàn từ đầu. 303 00:15:52,039 --> 00:15:53,330 Nó sẽ được thực sự đơn giản. 304 00:15:53,330 --> 00:15:55,250 Về cơ bản những gì chúng ta đang đi để cố gắng làm là làm cho nó 305 00:15:55,250 --> 00:15:58,570 để khi bạn vuốt tay của bạn, nền sẽ bắt đầu ra như là màu đỏ, 306 00:15:58,570 --> 00:16:01,361 và khi bạn vuốt tay của bạn, nền sẽ chuyển sang màu xanh. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Thực sự đơn giản. 309 00:16:03,709 --> 00:16:05,750 Và nó thực chất chỉ sẽ đi qua rất nhiều 310 00:16:05,750 --> 00:16:08,360 các khái niệm đằng sau Leap để chúng tôi có thể 311 00:16:08,360 --> 00:16:12,630 nhận được vào hệ tư tưởng này như thế nào Leap làm việc và làm thế nào chúng ta có thể xây dựng các công cụ với điều đó. 312 00:16:12,630 --> 00:16:16,760 Và rồi từ đó chúng tôi sẽ có thể chỉ cho bạn 313 00:16:16,760 --> 00:16:19,710 Docs API và nơi bạn có thể đọc thêm về điều này. 314 00:16:19,710 --> 00:16:21,030 Và sau đó chúng tôi sẽ gọi nó là ngày. 315 00:16:21,030 --> 00:16:24,294 Vì vậy, bạn muốn mã hoặc bạn có muốn tôi để mã? 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM: Yeah. 317 00:16:25,210 --> 00:16:28,350 Vâng, tôi nghĩ là chúng ta có thể làm việc với nhau về điều này và cố gắng 318 00:16:28,350 --> 00:16:30,292 >> Tomas Reimers: Vì vậy, chúng tôi sẽ làm một số cặp mã hóa. 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM: Hiện chúng tôi đi. 320 00:16:31,500 --> 00:16:33,250 Đó chính xác là những gì tôi muốn kiểm tra. 321 00:16:33,250 --> 00:16:34,700 Cool. 322 00:16:34,700 --> 00:16:38,750 Vì vậy, ví dụ ở đây, chúng ta hãy xem. 323 00:16:38,750 --> 00:16:40,979 Trong khi chúng ta đang lặp lại thông qua các cử chỉ đã có, 324 00:16:40,979 --> 00:16:43,270 Tomas Reimers: Bạn muốn làm chỉ là một tập tin hoàn toàn mới? 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM: tập tin hoàn toàn mới? 326 00:16:43,870 --> 00:16:44,246 Vâng, chắc chắn. 327 00:16:44,246 --> 00:16:45,000 >> Tomas Reimers: Yeah. 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM: Vì vậy, chúng ta hãy làm điều đó. 329 00:16:45,920 --> 00:16:48,253 >> Tomas Reimers: Vì vậy, chúng ta đang đi để làm cho một tập tin hoàn toàn. 330 00:16:48,253 --> 00:16:51,290 Chúng tôi sẽ gọi nó là tay chấm HTML. 331 00:16:51,290 --> 00:16:52,670 Đó là mát mẻ với tôi. 332 00:16:52,670 --> 00:16:59,020 Vì vậy, hãy nhớ rằng bạn làm một tag HTML, thì trong thời hạn mà bạn có một cái đầu. 333 00:16:59,020 --> 00:17:02,982 Đầu rằng có một tiêu đề bên trong nó. 334 00:17:02,982 --> 00:17:04,349 Vì vậy, tab theo cách khác. 335 00:17:04,349 --> 00:17:05,589 Có bạn đi. 336 00:17:05,589 --> 00:17:09,359 Tiêu đề, chúng tôi sẽ gọi nó là Leap Ví dụ. 337 00:17:09,359 --> 00:17:12,163 Yep. 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM: Oops. 339 00:17:13,540 --> 00:17:14,040 Title. 340 00:17:14,040 --> 00:17:14,474 >> Tomas Reimers: Yep. 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM: Hiện chúng tôi đang có. 342 00:17:15,776 --> 00:17:18,180 >> Tomas Reimers: Và sau đó chúng ta hãy làm một cơ thể. 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM: Chờ đã, chúng ta hãy cũng đảm bảo để nhập khẩu. 344 00:17:20,852 --> 00:17:22,060 Tomas Reimers: Oh, tất nhiên. 345 00:17:22,060 --> 00:17:22,560 Xấu của tôi. 346 00:17:22,560 --> 00:17:28,700 Vì vậy, luôn luôn đảm bảo rằng bạn có Leap kịch bản như vậy đó là một kịch bản được đưa ra cho bạn 347 00:17:28,700 --> 00:17:31,810 bởi Leap Motion mà cơ bản cho phép các trình duyệt web để kết nối 348 00:17:31,810 --> 00:17:35,580 để điện thoại trên máy tính của người dùng. 349 00:17:35,580 --> 00:17:38,510 Và sau đó trong này, chúng tôi cũng cần một cơ thể và chúng ta hãy chỉ 350 00:17:38,510 --> 00:17:40,580 làm cho cơ thể nói như vậy hi rằng chúng ta có thể thấy sinh viên 351 00:17:40,580 --> 00:17:42,704 làm thế nào để kết nối mới này trang web mà họ đã làm. 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM: Chắc chắn. 353 00:17:44,260 --> 00:17:45,724 Vì vậy, chúng ta hãy chỉ cần đặt another-- 354 00:17:45,724 --> 00:17:48,730 >> Tomas Reimers: Hi, xin chào thế giới. 355 00:17:48,730 --> 00:17:50,210 Vì vậy, một ví dụ rất cơ bản. 356 00:17:50,210 --> 00:17:53,400 Thực sự chỉ là một bản demo. 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM: Và sau đó ở đây chúng tôi có thể đi đến, chúng tôi gọi nó là tay chấm HTML, 358 00:17:58,505 --> 00:18:00,000 phải không? 359 00:18:00,000 --> 00:18:00,810 Và oh! 360 00:18:00,810 --> 00:18:04,310 Vì vậy, tôi tự hỏi có gì sai với này ngay bây giờ. 361 00:18:04,310 --> 00:18:07,639 Hãy thêm quyền đọc bàn dot HTML. 362 00:18:07,639 --> 00:18:09,930 Tomas Reimers: Bạn có muốn để làm điều đó tại nhà ga lớn 363 00:18:09,930 --> 00:18:11,080 do đó chúng tôi chỉ có thể hiển thị nó trên the-- 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM: Yeah, có ý nghĩa. 365 00:18:12,501 --> 00:18:13,001 Được rồi. 366 00:18:13,001 --> 00:18:15,720 Vì vậy, tôi chỉ cần thêm các quyền, nhưng nếu chúng tôi 367 00:18:15,720 --> 00:18:18,350 đã kiểm tra quyền trước khi chúng tôi 368 00:18:18,350 --> 00:18:22,560 sẽ thấy rằng thực sự tay dot HTML không có quyền đọc 369 00:18:22,560 --> 00:18:25,570 và do đó chúng ta không thể làm cho nó. 370 00:18:25,570 --> 00:18:30,850 Nhưng bây giờ nếu chúng ta làm như vậy, chúng ta thấy chúng tôi ít hello thế giới ngay tại đó. 371 00:18:30,850 --> 00:18:33,580 >> Tomas Reimers: Vì vậy, chúng ta hãy thực sự, như ông đã viết, xin chào thế giới, 372 00:18:33,580 --> 00:18:35,371 Tôi nghĩ về một cách chúng ta có thể thay đổi điều này. 373 00:18:35,371 --> 00:18:41,150 Hãy làm cho nó chào thế giới, và sau đó khi bạn sóng, nó nói lời tạm biệt. 374 00:18:41,150 --> 00:18:41,650 Phải không? 375 00:18:41,650 --> 00:18:42,210 Vì vậy, xin chào, tạm biệt. 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM: Chắc chắn. 377 00:18:42,560 --> 00:18:44,010 >> Tomas Reimers: Đó là âm thanh khá tốt. 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM: Đó âm thanh tốt với tôi, quá. 379 00:18:45,120 --> 00:18:46,920 >> Tomas Reimers: Vì vậy, nếu chúng tôi sẽ làm điều đó chúng ta hãy chỉ 380 00:18:46,920 --> 00:18:48,980 suy nghĩ thông qua các trang web một chút. 381 00:18:48,980 --> 00:18:51,800 Chúng ta sẽ cần một số kịch bản mà cơ bản đăng ký 382 00:18:51,800 --> 00:18:56,470 mà bạn vẫy tay và để một Leap, một làn sóng và một swipe, cùng một điều. 383 00:18:56,470 --> 00:18:59,584 Vì vậy, chúng ta sẽ cần một kịch bản mà về cơ bản đăng ký cho swipe mà. 384 00:18:59,584 --> 00:19:01,500 Và một điều chúng tôi sẽ cần là chúng tôi 385 00:19:01,500 --> 00:19:04,360 sẽ cần một số nội dung thực tế để thay đổi. 386 00:19:04,360 --> 00:19:07,850 >> Vì vậy, khi nhớ ra, jQuery cho phép bạn thay đổi nội dung. 387 00:19:07,850 --> 00:19:13,017 Vì vậy, có một điều chúng ta có thể muốn bao gồm ở đây là thư viện jQuery. 388 00:19:13,017 --> 00:19:16,100 Và sau đó để có thể chọn những gì chúng tôi đang thực sự sẽ thay đổi nội dung, 389 00:19:16,100 --> 00:19:18,224 đó là sẽ cần một ID hoặc một lớp học, hoặc một cái gì đó 390 00:19:18,224 --> 00:19:20,100 rằng chúng ta có thể sử dụng để chọn nó. 391 00:19:20,100 --> 00:19:25,010 Vì vậy, chúng tôi sẽ chỉ cung cấp cho nó một ID nhanh chóng thay đổi văn bản. 392 00:19:25,010 --> 00:19:26,974 Và sau đó bạn có muốn lấy jQuery? 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM: Vậy điều gì đầu tiên Điều trên của chúng tôi để làm danh sách sau đó bây giờ? 394 00:19:29,890 --> 00:19:30,620 Tomas Reimers: Hãy lấy jQuery? 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM: Hãy lấy jQuery, OK, mát mẻ. 396 00:19:32,494 --> 00:19:34,502 Trong trường hợp đó, tôi sẽ phải actually-- 397 00:19:34,502 --> 00:19:36,210 nơi sẽ là Nơi tốt nhất để làm điều đó? 398 00:19:36,210 --> 00:19:39,677 >> Tomas Reimers: jQuery, vì vậy nếu bạn Google jQuery, jQuery nhấn, là người đầu tiên 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM: một Very đầu tiên. 400 00:19:41,010 --> 00:19:42,135 Tomas Reimers: Hoặc download. 401 00:19:42,135 --> 00:19:42,650 Nó là tốt. 402 00:19:42,650 --> 00:19:46,482 Lượt tải v1 và v2 bên trái. 403 00:19:46,482 --> 00:19:49,190 Vì vậy, chúng tôi đang mô tả từ jQuery trực tuyến như bạn đã có thể thực hiện. 404 00:19:49,190 --> 00:19:50,440 Cuộn xuống. 405 00:19:50,440 --> 00:19:51,260 Up, up. 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM: Oh, ở đây bây giờ? 407 00:19:53,502 --> 00:19:54,460 Tomas Reimers: Hay đó. 408 00:19:54,460 --> 00:19:54,960 Yep. 409 00:19:54,960 --> 00:20:00,150 Vì vậy, jQuery có một phiên bản lưu trữ trên máy điều đó có nghĩa rằng bạn không thực sự 410 00:20:00,150 --> 00:20:01,890 cần phải tải về nó, nhưng bạn có nhiều hơn 411 00:20:01,890 --> 00:20:07,734 chào đón để tải về nó và lưu trữ nó cho mình. 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM: Cool. 413 00:20:08,650 --> 00:20:09,566 Vì vậy, bây giờ chúng ta sẽ sử dụng jQuery. 414 00:20:09,566 --> 00:20:11,122 Bây giờ những gì tiếp theo trong danh sách để làm của chúng tôi. 415 00:20:11,122 --> 00:20:12,080 Tomas Reimers: Awesome. 416 00:20:12,080 --> 00:20:13,910 Vì vậy, bên cạnh những gì chúng ta cần làm là chúng ta thực sự cần 417 00:20:13,910 --> 00:20:17,750 để cung cấp cho p hello world một ID vì vậy chúng tôi có thể thay đổi nó, phải không? 418 00:20:17,750 --> 00:20:24,514 Vì vậy, hãy đưa ra một ý tưởng, Tôi không biết, thay đổi văn bản? 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM: Hãy chỉ làm theo cách này, tôi đoán. 420 00:20:26,680 --> 00:20:28,013 Tomas Reimers: changeText, mát mẻ. 421 00:20:28,013 --> 00:20:29,830 Và bây giờ chúng ta hãy làm mới trang. 422 00:20:29,830 --> 00:20:31,142 Hãy chắc chắn rằng tất cả mọi thứ công trình. 423 00:20:31,142 --> 00:20:32,100 Vì vậy, trở lại trong trình duyệt. 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 Cool. 426 00:20:36,922 --> 00:20:39,380 Luôn luôn là một lời nhắc nhở tốt mà khi bạn đang xây dựng một trang web, 427 00:20:39,380 --> 00:20:44,450 có thể làm mới mỗi khi bạn thực hiện bất kỳ sự thay đổi nào đáng kể chỉ 428 00:20:44,450 --> 00:20:47,993 vì đôi khi bạn vô tình thả một thẻ, 429 00:20:47,993 --> 00:20:51,640 hoặc bạn vô tình xóa một cái gì đó, và sau đó bạn phá vỡ một cái gì đó nhỏ, 430 00:20:51,640 --> 00:20:55,880 nhưng sau đó khi bạn thực hiện một sự thay đổi lớn bạn giống như, tại sao sự thay đổi lớn 431 00:20:55,880 --> 00:20:57,910 dường như phá vỡ những điều không liên quan. 432 00:20:57,910 --> 00:21:02,840 Vì vậy, nó luôn luôn tốt để sắp xếp của đi và làm những kiểm tra sự tỉnh táo. 433 00:21:02,840 --> 00:21:05,610 >> Dù sao thì bây giờ chúng ta hãy làm một kiểm tra sự tỉnh táo cuối cùng, 434 00:21:05,610 --> 00:21:09,800 đó là chúng ta hãy cố gắng thay đổi văn bản mà không Leap Motion, 435 00:21:09,800 --> 00:21:11,820 mà không cần bất cứ điều gì, chỉ vào tải trang nó sẽ thấy 436 00:21:11,820 --> 00:21:17,140 thay đổi thế giới hello để tạm biệt bằng cách sử dụng jQuery. 437 00:21:17,140 --> 00:21:21,400 Vì vậy, nếu bạn nhớ jQuery phơi bày chức năng này ký hiệu đô la, 438 00:21:21,400 --> 00:21:28,640 mà chúng ta có thể vượt qua CSS selector để, cụ thể là văn bản thay đổi hashtag, mà 439 00:21:28,640 --> 00:21:31,590 lựa chọn các phần tử với một ID của sự thay đổi văn bản. 440 00:21:31,590 --> 00:21:34,980 Và sau đó chúng ta sẽ để gọi phương thức HTML 441 00:21:34,980 --> 00:21:40,390 về đối tượng mà nó trả về với đối số của một lời chia tay chuỗi, 442 00:21:40,390 --> 00:21:45,600 sẽ thay đổi các mục HTML để nói lời tạm biệt. 443 00:21:45,600 --> 00:21:46,210 Awesome. 444 00:21:46,210 --> 00:21:48,790 Điều đó có vẻ khá mát mẻ. 445 00:21:48,790 --> 00:21:52,365 Và bây giờ khi chúng tôi làm mới trang mà chúng ta sẽ thấy 446 00:21:52,365 --> 00:21:54,040 nó ngay lập tức thay đổi để tạm biệt, phải không? 447 00:21:54,040 --> 00:21:55,910 Bởi vì nó không chờ đợi bất cứ điều gì. 448 00:21:55,910 --> 00:21:59,200 Loại ngay khi kịch bản mà chạy nó thay đổi nó để tạm biệt. 449 00:21:59,200 --> 00:22:00,430 Cool. 450 00:22:00,430 --> 00:22:03,790 >> Vì vậy, bây giờ hãy bọc rằng trong một hàm. 451 00:22:03,790 --> 00:22:04,290 Phải. 452 00:22:04,290 --> 00:22:06,270 Vì vậy, chúng ta sẽ muốn để thực hiện một chức năng. 453 00:22:06,270 --> 00:22:08,160 Chúng tôi sẽ gọi nó là lời tạm biệt. 454 00:22:08,160 --> 00:22:11,570 Vì vậy, chức năng chia tay là sẽ không có đối số 455 00:22:11,570 --> 00:22:14,170 và nó không thực sự sẽ trở lại bất cứ điều gì. 456 00:22:14,170 --> 00:22:18,850 Và nó không chỉ đi làm điều đó trong JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Tuyệt vời. 459 00:22:23,140 --> 00:22:27,000 Vì vậy, chức năng tạm biệt chúng tôi bây giờ thay đổi các văn bản để chia tay, phải không? 460 00:22:27,000 --> 00:22:28,930 Vì vậy, điều này sẽ cho chúng ta một cách về cơ bản thay đổi 461 00:22:28,930 --> 00:22:32,871 rằng văn bản để chia tay bất cứ khi nào chúng được gọi là chức năng đó. 462 00:22:32,871 --> 00:22:33,370 Phải không? 463 00:22:33,370 --> 00:22:35,290 Vì vậy, điều này là khá mát mẻ. 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM: Vâng, chúng tôi cũng có thể chỉ cần đảm bảo 465 00:22:37,430 --> 00:22:41,040 mà bây giờ vì chúng tôi không gọi chức năng, nếu chúng tôi làm mới trang, 466 00:22:41,040 --> 00:22:44,460 nhận thấy nó không phải đi thay đổi nội dung. 467 00:22:44,460 --> 00:22:45,509 >> Tomas Reimers: Tuyệt vời. 468 00:22:45,509 --> 00:22:47,800 Vì vậy, bây giờ chúng ta sẽ bắt đầu để có được vào những thứ Leap 469 00:22:47,800 --> 00:22:49,880 rằng chúng ta đang nói về. 470 00:22:49,880 --> 00:22:52,240 Vì vậy, Armi, bạn có muốn mang nó từ đây hoặc? 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM: Yeah. 472 00:22:52,640 --> 00:22:53,139 Chắc chắn. 473 00:22:53,139 --> 00:22:56,260 Tôi có lẽ sẽ cần để điều tra đôi, 474 00:22:56,260 --> 00:22:58,250 nhưng ví dụ nhớ chúng ta nói rằng chúng ta muốn 475 00:22:58,250 --> 00:23:02,627 để chắc chắn rằng trong Tùy chọn chúng tôi thiết lập cho phép các cử chỉ 476 00:23:02,627 --> 00:23:03,710 Tomas Reimers: Good catch. 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM: Để là đúng. 478 00:23:06,250 --> 00:23:08,960 Và sau đó chúng tôi đã giới thiệu rằng các bạn sẽ 479 00:23:08,960 --> 00:23:12,230 chạy nhảy dot vòng lặp, mà như chúng tôi đã nói trước đó, 480 00:23:12,230 --> 00:23:18,140 có hai lựa chọn, một đối tượng JSON là lựa chọn cho cách bạn muốn 481 00:23:18,140 --> 00:23:22,030 để cấu hình Leap Motion để công việc, và sau đó một chức năng mà 482 00:23:22,030 --> 00:23:27,640 sẽ bắt được một khung là một callback chức năng như Tomas nói. 483 00:23:27,640 --> 00:23:30,470 Và sau đó chỉnh sửa những gì bạn muốn để làm với chức năng đó. 484 00:23:30,470 --> 00:23:33,890 >> Vì vậy, chúng tôi vượt qua trong lựa chọn và bây giờ chúng ta định nghĩa các 485 00:23:33,890 --> 00:23:36,117 một chức năng mà sẽ có mặt trong một khung hình. 486 00:23:36,117 --> 00:23:38,200 Và bây giờ chúng ta phải xác định những chức năng nào. 487 00:23:38,200 --> 00:23:42,569 Nó cũng vì lợi ích của các trong tương lai, làm điều đó để chắc chắn. 488 00:23:42,569 --> 00:23:43,610 Tomas Reimers: Tuyệt vời. 489 00:23:43,610 --> 00:23:45,940 Vì vậy, bây giờ chúng tôi có điều này leap chức năng chấm loop 490 00:23:45,940 --> 00:23:52,420 gọi mà về cơ bản nói xem Leap với các tùy chọn này và mỗi lần 491 00:23:52,420 --> 00:23:55,710 một cái gì đó thay đổi, hãy gọi này chức năng khung với tất cả các dữ liệu 492 00:23:55,710 --> 00:23:59,510 rằng bạn nhận thức trong khung. 493 00:23:59,510 --> 00:24:01,320 Âm thanh khá tốt. 494 00:24:01,320 --> 00:24:03,680 Vì vậy bây giờ kiểm tra sự tỉnh táo nhanh chóng, mà tôi luôn luôn đề nghị, 495 00:24:03,680 --> 00:24:07,020 là ở chỗ chỉ cần đặt giao diện điều khiển khung dot log. 496 00:24:07,020 --> 00:24:10,320 Và sau đó trong Chrome mở nó lên và nhìn vào giao diện điều khiển của bạn 497 00:24:10,320 --> 00:24:13,870 và chơi xung quanh với Leap để xem khung hình đang được đăng nhập bởi vì điều đó sẽ 498 00:24:13,870 --> 00:24:16,300 giúp bạn có được một ý tưởng về những gì dữ liệu bạn có thể truy cập. 499 00:24:16,300 --> 00:24:20,680 Và như mọi khi, nếu bạn bị lẫn lộn, tìm kiếm các tài liệu tham khảo API. 500 00:24:20,680 --> 00:24:23,430 Và chúng tôi sẽ bao gồm các liên kết cho rằng vào cuối năm nay. 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM: Vì vậy, chúng tôi làm mới trang và sau đó 502 00:24:26,300 --> 00:24:28,880 chúng ta đi và mở giao diện điều khiển một lần nữa. 503 00:24:28,880 --> 00:24:33,590 Và bây giờ chúng tôi nhận thấy rằng chúng tôi có khung thông qua tại, 504 00:24:33,590 --> 00:24:37,834 những đối tượng nhỏ mà chúng tôi đã thấy trước đó. 505 00:24:37,834 --> 00:24:38,690 Vì vậy, yeah. 506 00:24:38,690 --> 00:24:42,870 Đây là những khung hình của chúng tôi hiển thị trong giao diện điều khiển. 507 00:24:42,870 --> 00:24:43,370 Cool. 508 00:24:43,370 --> 00:24:46,970 >> Vì vậy, bây giờ mà chúng tôi đã nắm lấy khung hình, như bạn có thể nhớ trước đó 509 00:24:46,970 --> 00:24:51,800 từ ví dụ mà chúng tôi có, nếu ta kiểm tra khung dot cử chỉ 510 00:24:51,800 --> 00:24:56,270 chúng tôi có được danh sách của những cử chỉ đó khung thời gian gần đây nhất bị bắt. 511 00:24:56,270 --> 00:25:01,510 Chúng tôi có thể kiểm tra độ dài của mảng đó để xem nếu bất kỳ cử chỉ Leap bắt. 512 00:25:01,510 --> 00:25:05,010 Vì vậy, nếu mảng đó là lớn hơn không thì chúng ta 513 00:25:05,010 --> 00:25:07,570 biết rằng chúng tôi có một số công cụ để làm. 514 00:25:07,570 --> 00:25:15,040 >> Vì vậy, hãy bọc rằng trong một điều kiện if và bây giờ ở đây những gì chúng ta biết là chúng ta 515 00:25:15,040 --> 00:25:20,390 đã thấy một cử chỉ, chúng ta hãy hành động trên nó. 516 00:25:20,390 --> 00:25:25,721 Vì vậy, bây giờ chúng ta đang ở đây, chúng tôi có một cử chỉ để kiểm tra. 517 00:25:25,721 --> 00:25:28,470 Tomas Reimers: Vâng, đầu tiên điều là nó không chỉ là một cử chỉ, 518 00:25:28,470 --> 00:25:29,840 nó có thể được như nhiều cử chỉ. 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM: Rất đúng. 520 00:25:30,964 --> 00:25:33,340 Tomas Reimers: Vì vậy, mỗi phong cách cổ điển C ở đây 521 00:25:33,340 --> 00:25:36,334 chúng tôi có lẽ sẽ muốn sử dụng một vòng lặp for. 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM: Ở đây chúng ta sẽ trở. 523 00:25:37,750 --> 00:25:42,870 Chúng tôi quyết định lặp thông qua các cử chỉ. 524 00:25:42,870 --> 00:25:46,412 Và chúng ta hãy xem. 525 00:25:46,412 --> 00:25:49,380 i cộng, cộng thêm. 526 00:25:49,380 --> 00:25:56,150 Và bây giờ nếu chúng ta có thể thực hiện chỉ là một cử chỉ bằng var 527 00:25:56,150 --> 00:26:01,210 khung dot cử chỉ khung i, bây giờ chúng tôi có 528 00:26:01,210 --> 00:26:06,260 cử chỉ của nó mà chỉ là một trường hợp duy nhất của một đối tượng cử chỉ 529 00:26:06,260 --> 00:26:10,582 để chúng tôi làm việc với bên trong này cho vòng lặp. 530 00:26:10,582 --> 00:26:12,869 Được rồi. 531 00:26:12,869 --> 00:26:15,410 Tomas Reimers: Hãy tỉnh táo kiểm tra ở đây một lần nữa và chỉ an ủi 532 00:26:15,410 --> 00:26:17,370 dot cử chỉ đăng nhập để xem những gì chúng tôi nhận được. 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM: Giao diện điều khiển dot log cử chỉ. 534 00:26:19,410 --> 00:26:22,900 535 00:26:22,900 --> 00:26:23,780 Dokie Okie. 536 00:26:23,780 --> 00:26:26,250 Và làm mới một lần nữa. 537 00:26:26,250 --> 00:26:30,030 >> Tomas Reimers: Và chúng ta hãy thử làm một cử chỉ. 538 00:26:30,030 --> 00:26:34,600 Bạn sẽ thấy rằng một bó của, khi ông swipes, 539 00:26:34,600 --> 00:26:39,780 bạn nhận được một loạt các cử chỉ trong giao diện điều khiển và nếu anh ta cố gắng để làm một vòng tròn, 540 00:26:39,780 --> 00:26:40,470 nó just-- 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM: Circles chỉ thực sự tốt đẹp. 542 00:26:41,750 --> 00:26:45,000 >> Tomas Reimers: Bây giờ có một điều lạ ở đây, mà là ông ấy đang làm một vòng tròn, 543 00:26:45,000 --> 00:26:48,730 nhưng điều này được đăng 80 cử chỉ, phải không? 544 00:26:48,730 --> 00:26:50,070 Đó là một cử chỉ rất nhiều. 545 00:26:50,070 --> 00:26:53,560 Vì vậy, các loại đầu tiên của điều nhận ra, và điều này có thể gây nhầm lẫn, 546 00:26:53,560 --> 00:26:57,050 là một cử chỉ không chỉ cần đăng nhập một lần. 547 00:26:57,050 --> 00:27:01,107 >> Trên mỗi khung, phải, vì vậy nếu tôi làm một vòng tròn 548 00:27:01,107 --> 00:27:02,940 Leap sẽ phát hiện này là một sự thay đổi, từ này 549 00:27:02,940 --> 00:27:04,398 là một sự thay đổi, từ này là một sự thay đổi. 550 00:27:04,398 --> 00:27:05,970 Và nó sẽ đăng nhập mỗi một trong những người. 551 00:27:05,970 --> 00:27:08,200 Nhưng trong mỗi một trong những, nó sẽ nói, oh, 552 00:27:08,200 --> 00:27:10,050 có một cử chỉ đang trong tiến trình. 553 00:27:10,050 --> 00:27:14,260 Vì vậy, hãy để tôi nói, hey, có một cử chỉ và nó hiện đang được tiến hành. 554 00:27:14,260 --> 00:27:17,000 Vì vậy, những gì chúng ta không muốn làm là nói, oh, trên mỗi một 555 00:27:17,000 --> 00:27:19,370 những cử chỉ bạn muốn thay đổi văn bản. 556 00:27:19,370 --> 00:27:23,660 Những gì chúng tôi muốn làm là khi cử chỉ dừng lại, và chúng ta có thể kiểm tra cho rằng, 557 00:27:23,660 --> 00:27:24,974 sau đó chúng tôi muốn thay đổi văn bản. 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM: mhmm. 559 00:27:25,890 --> 00:27:30,550 Vì vậy, như là Tomas giải thích những cử chỉ 560 00:27:30,550 --> 00:27:33,580 có thể xuất hiện qua nhiều khung hình, nhưng ví dụ, 561 00:27:33,580 --> 00:27:36,200 khi chúng tôi đã có vòng tròn đó, chúng ta có thể nhìn thấy 562 00:27:36,200 --> 00:27:40,140 rằng ID cho rằng một trong vòng tròn duy nhất mà chúng tôi 563 00:27:40,140 --> 00:27:43,950 có thể đã cố gắng để hoàn thành là ID cùng khắp. 564 00:27:43,950 --> 00:27:46,320 Và trên thực tế, bạn cũng có thể kiểm tra tình trạng. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 cập nhật. 567 00:27:50,270 --> 00:27:55,680 >> Và sau đó điều này có lẽ là vòng tròn cuối cùng, oh, tốt, OK. 568 00:27:55,680 --> 00:28:00,480 Vì vậy, đôi khi nó cho bạn thấy một trạng thái dừng một cử chỉ 569 00:28:00,480 --> 00:28:04,180 và nó cũng cho bạn một trạng thái bắt đầu từ một cử chỉ mới khi 570 00:28:04,180 --> 00:28:09,140 nó nhận ra chắc chắn rằng bạn đã bắt đầu một cử chỉ mới. 571 00:28:09,140 --> 00:28:10,637 Ví dụ trong trường hợp này. 572 00:28:10,637 --> 00:28:11,470 Tomas Reimers: Cool. 573 00:28:11,470 --> 00:28:12,511 ARMAGHAN BEHLUM: Vì vậy, yeah. 574 00:28:12,511 --> 00:28:14,420 Và sau đó, chúng ta hãy xem. 575 00:28:14,420 --> 00:28:16,490 Bạn cũng có thể nhận thấy mặc dù chúng tôi đã làm 576 00:28:16,490 --> 00:28:22,179 một vòng tròn và cử chỉ có một lĩnh vực được gọi loại 577 00:28:22,179 --> 00:28:23,970 cho chúng ta biết những gì loại các cử chỉ đó là. 578 00:28:23,970 --> 00:28:27,829 Vì vậy, có thể có ích cho chúng ta bạn cố gắng và làm những gì chúng tôi đang làm. 579 00:28:27,829 --> 00:28:29,620 Tomas Reimers: Vì vậy, chuyển trở lại JS, 580 00:28:29,620 --> 00:28:31,696 điều đầu tiên mà xảy ra với tôi cũng có thể, chỉ cần đọc qua mã này 581 00:28:31,696 --> 00:28:34,340 là có một tối ưu hóa nhỏ, đó là chúng ta thực sự 582 00:28:34,340 --> 00:28:35,980 không cần điều này nếu điều kiện, phải không? 583 00:28:35,980 --> 00:28:39,330 Bởi vì nếu khung chấm chấm cử chỉ chiều dài là số không, mà cho vòng lặp của 584 00:28:39,330 --> 00:28:40,450 không chạy anyway. 585 00:28:40,450 --> 00:28:43,100 Vì vậy, chúng ta có thể cũng chỉ đi trước để thoát khỏi điều đó. 586 00:28:43,100 --> 00:28:46,620 Một lần nữa, trong khi bạn đang viết code điều quan trọng là để đi lại và sắp xếp 587 00:28:46,620 --> 00:28:50,330 của Refactor khi bạn nhận ra rằng bạn đã có thể làm một cái gì đó tốt hơn, 588 00:28:50,330 --> 00:28:53,370 hoặc là có một cách khác để làm điều đó. 589 00:28:53,370 --> 00:28:57,170 Vì vậy, bây giờ chúng tôi chỉ cần đi để làm sạch này lên một cách nhanh chóng và cũng làm sạch mã của bạn. 590 00:28:57,170 --> 00:28:58,310 Đó là một vấn đề lớn. 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM: Good phong cách là rất đánh giá cao. 592 00:28:59,870 --> 00:29:01,828 >> Tomas Reimers: Bạn có thể luôn luôn nói khi một người nào đó 593 00:29:01,828 --> 00:29:05,240 có mã nơi có sử dụng được một nếu điều kiện và sau đó họ đã gỡ bỏ nó, 594 00:29:05,240 --> 00:29:07,530 nhưng họ đã không bỏ ghi chú đó. 595 00:29:07,530 --> 00:29:10,147 Nó rất rõ ràng và nó loại trông xấu xí. 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM: Vậy điều gì tiếp theo của chúng tôi để làm danh sách? 597 00:29:12,230 --> 00:29:15,479 Tomas Reimers: Vì vậy, bây giờ như chúng ta đã nói, Tôi đoán điều đầu tiên chúng tôi muốn làm 598 00:29:15,479 --> 00:29:17,970 được đảm bảo rằng cử chỉ của thực sự là một swipe, phải không? 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM: Yeah. 600 00:29:18,270 --> 00:29:21,750 >> Tomas Reimers: Vì vậy, nếu chúng ta nói rằng tạm biệt của chúng tôi là loại giống như một swipe, 601 00:29:21,750 --> 00:29:25,280 chúng ta sẽ đến với nó là một swipe, các Điều đầu tiên chúng ta cần phải nói là, hey, 602 00:29:25,280 --> 00:29:27,410 là cử chỉ gõ một swipe, phải không? 603 00:29:27,410 --> 00:29:30,860 Không phải là một vòng tròn hay một đầu, nhưng nó là một swipe? 604 00:29:30,860 --> 00:29:34,280 Vì vậy, cách chúng ta có thể làm điều đó là chúng ta có thể nói cử chỉ 605 00:29:34,280 --> 00:29:38,530 dot loại swipe bằng tương đương như một chuỗi. 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM: [Không nghe thấy] cử chỉ dot bằng loại bằng swipe. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Hiện chúng tôi đang có. 609 00:29:47,730 --> 00:29:49,438 >> Tomas Reimers: Và sau đó các câu hỏi cuối cùng 610 00:29:49,438 --> 00:29:53,170 chúng tôi muốn thấy là cử chỉ dot trạng thái dừng bằng bình đẳng, đúng không? 611 00:29:53,170 --> 00:29:55,860 Vì vậy, đó là khi các cử chỉ ấy được dừng lại. 612 00:29:55,860 --> 00:29:58,490 Tôi thực sự nghĩ cho swipe, tôi biết điều này ra khỏi đỉnh đầu của tôi, 613 00:29:58,490 --> 00:30:00,340 nhưng bạn đang chào đón để nhìn nó lên, khi bạn 614 00:30:00,340 --> 00:30:05,627 swipe mỗi khi nó ghi nó cho đến khi bạn dừng lại là một cử chỉ bắt đầu. 615 00:30:05,627 --> 00:30:07,460 Và sau đó là người cuối cùng của chỉ là một cử chỉ dừng. 616 00:30:07,460 --> 00:30:11,090 Vì vậy, sẽ chỉ có một cửa cử chỉ, đó là rất tốt cho chúng ta. 617 00:30:11,090 --> 00:30:17,180 Vì vậy, những gì chúng ta có thể làm là nói nếu cử chỉ dot gõ swipe bằng bình đẳng và cử chỉ dot 618 00:30:17,180 --> 00:30:19,950 vị thế bình đẳng như nhau dừng lại, sau đó chúng ta hãy tỉnh táo 619 00:30:19,950 --> 00:30:21,725 kiểm tra ở đây an ủi dot cử chỉ log. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Vì vậy, chúng tôi sẽ trở lại đây. 622 00:30:30,790 --> 00:30:33,570 Chúng tôi sẽ làm mới trang. 623 00:30:33,570 --> 00:30:38,380 Và bây giờ là chỉ có thời gian một cái gì đó nên có giao diện điều khiển dot đăng nhập là khi chúng ta kéo mạnh. 624 00:30:38,380 --> 00:30:40,780 Và chúng tôi cố gắng để swipe và chúng tôi thấy không có gì. 625 00:30:40,780 --> 00:30:41,280 Phải không? 626 00:30:41,280 --> 00:30:43,990 Vì vậy, đây thực sự là một vấn đề lớn. 627 00:30:43,990 --> 00:30:47,560 Chúng tôi không nhìn thấy những gì chúng tôi dự kiến. 628 00:30:47,560 --> 00:30:49,356 Và gỡ lỗi có thể là một phần lớn của điều này. 629 00:30:49,356 --> 00:30:51,980 Vì vậy, điều đầu tiên chúng ta sẽ nói là, OK, chúng ta hãy an ủi dot 630 00:30:51,980 --> 00:30:54,568 đăng nhập nó nếu cử chỉ chấm gõ swipe bình đẳng như nhau. 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM: Vâng, chúng ta hãy làm điều đó. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 Tomas Reimers: Vì vậy, chúng tôi sẽ quay trở lại này. 634 00:31:02,020 --> 00:31:03,140 Chúng tôi sẽ làm mới. 635 00:31:03,140 --> 00:31:04,020 Chúng tôi sẽ swipe. 636 00:31:04,020 --> 00:31:05,150 Và chúng ta sẽ nhìn thấy một bó của họ. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 Vì vậy, rõ ràng vấn đề là có tư cách cử chỉ của chúng tôi chấm. 639 00:31:08,710 --> 00:31:14,000 Vì vậy, nếu chúng ta mở ra một trong những chúng ta sẽ nhìn vào các đối tượng và chúng ta sẽ thấy, 640 00:31:14,000 --> 00:31:18,700 tốt, nó dừng lại, nhưng, oh, nó được gọi là nhà nước, không phải tình trạng. 641 00:31:18,700 --> 00:31:21,890 Vì vậy, nếu chúng ta quay trở lại mã của chúng tôi, chúng tôi có thể nói 642 00:31:21,890 --> 00:31:27,780 nếu cử chỉ dot loại bằng swipe bằng và dừng bằng cử chỉ dot bang bằng nhau, 643 00:31:27,780 --> 00:31:29,160 sau đó chúng tôi sẽ an ủi dot đăng nhập nó. 644 00:31:29,160 --> 00:31:30,940 Và do đó, làm mới. 645 00:31:30,940 --> 00:31:31,856 Chúng tôi kéo mạnh. 646 00:31:31,856 --> 00:31:33,730 Và chúng ta sẽ thấy rằng trên mỗi swipe, chúng tôi chỉ 647 00:31:33,730 --> 00:31:36,247 nhận được một, đó là kết thúc, đó là rất tốt, phải không? 648 00:31:36,247 --> 00:31:37,080 Đó là những gì chúng ta muốn. 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM: Yep. 650 00:31:37,955 --> 00:31:42,640 Và chúng ta cũng có thể nhận thấy rằng các ID cho mỗi cử chỉ là riêng biệt. 651 00:31:42,640 --> 00:31:47,470 Vì vậy, khi Tomas đã nói vì chúng tôi bắt nhà nước một cửa này 652 00:31:47,470 --> 00:31:52,850 tồn tại ở phần cuối của một swipe, chúng tôi nhận được những cử chỉ riêng cá nhân 653 00:31:52,850 --> 00:31:54,441 từ Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Tuyệt vời. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> Tomas Reimers: Hãy đi trước và làm những điều cuối cùng, đó là, 657 00:32:03,040 --> 00:32:04,826 >> ARMAGHAN BEHLUM: Tạm biệt. 658 00:32:04,826 --> 00:32:06,425 >> Tomas Reimers: Awesome. 659 00:32:06,425 --> 00:32:08,925 Và bây giờ chúng ta hãy kiểm tra trang web của chúng tôi. 660 00:32:08,925 --> 00:32:09,425 Một 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM: Thứ hai. 662 00:32:09,730 --> 00:32:11,271 Chúng tôi đã, yeah, chúng tôi đã gọi nó là Goodbye. 663 00:32:11,271 --> 00:32:11,920 Tuyệt vời. 664 00:32:11,920 --> 00:32:13,490 >> Tomas Reimers: Không, Goodbye là một chức năng thực sự. 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM: Yeah. 666 00:32:14,406 --> 00:32:15,670 Hãy làm điều đó. 667 00:32:15,670 --> 00:32:20,566 >> Tomas Reimers: Và khi chúng ta vẫy tay tạm biệt, nó nói lời tạm biệt. 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM: Chúng tôi đã chiến thắng. 669 00:32:22,360 --> 00:32:25,632 >> Tomas Reimers: thứ Vì vậy, khá thú vị. 670 00:32:25,632 --> 00:32:28,590 Hy vọng rằng bạn có thể xây dựng một cái gì đó khác, nhưng bạn có được ý tưởng, phải không? 671 00:32:28,590 --> 00:32:30,260 Bạn có thể phát hiện những cử chỉ. 672 00:32:30,260 --> 00:32:31,469 Bạn có thể gọi chức năng. 673 00:32:31,469 --> 00:32:34,510 Và từ đó mà thực sự mang đến cho bạn một số khối xây dựng cơ bản rất 674 00:32:34,510 --> 00:32:38,800 để nói, oh, có lẽ khi họ swipe lên, bởi vì bạn cũng có thể phát hiện những điều 675 00:32:38,800 --> 00:32:39,674 hướng như thế nào. 676 00:32:39,674 --> 00:32:40,840 Tôi muốn họ làm một cái gì đó. 677 00:32:40,840 --> 00:32:43,470 Hoặc khi họ swipe đúng, tôi muốn họ làm một cái gì đó. 678 00:32:43,470 --> 00:32:45,880 Và chúng ta có thể bắt đầu để có được sáng tạo với cách chính xác 679 00:32:45,880 --> 00:32:48,840 chúng ta sẽ cải thiện trang web của chúng tôi sử dụng những cử chỉ swipe hoặc hình tròn 680 00:32:48,840 --> 00:32:53,695 cử chỉ, điệu bộ hay tap, hoặc vòi nước hoặc vòi màn hình chính. 681 00:32:53,695 --> 00:32:56,070 Và sau đó khác hơn so với bạn chào đón nhiều hơn để chơi 682 00:32:56,070 --> 00:32:59,640 với các dữ liệu thực tế, nhưng nếu bạn muốn làm 683 00:32:59,640 --> 00:33:03,870 mà chúng tôi sẽ đề nghị bạn đi đến các tài liệu bởi vì họ đang thực sự thực sự tốt. 684 00:33:03,870 --> 00:33:05,034 Vì vậy, hướng đến các tài liệu bây giờ. 685 00:33:05,034 --> 00:33:06,450 Hay bạn muốn nói về điều đó? 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM: Yeah. 687 00:33:06,940 --> 00:33:07,920 Hãy làm điều đó. 688 00:33:07,920 --> 00:33:13,680 Ngoài ra một miếng ngon khác của tư vấn, cố gắng và suy nghĩ về điều này trong 3D. 689 00:33:13,680 --> 00:33:22,611 Vì vậy, thực sự chúng ta hãy kéo lên những cử chỉ một lần nữa console dot log cử chỉ 690 00:33:22,611 --> 00:33:24,290 và chúng tôi làm điều đó. 691 00:33:24,290 --> 00:33:29,460 Hãy trở lại và bây giờ hãy thử một vài trong số này, cặp vợ chồng của những người. 692 00:33:29,460 --> 00:33:32,940 >> Nếu chúng ta đi vào và kiểm tra những cử chỉ cũng 693 00:33:32,940 --> 00:33:36,830 như bạn có thể thấy rằng họ chiều 694 00:33:36,830 --> 00:33:38,980 là trong ba hướng, thực sự. 695 00:33:38,980 --> 00:33:42,500 Vì vậy, không chỉ giới hạn cho mình một màn hình 2D 696 00:33:42,500 --> 00:33:45,200 mặc dù bạn có thể được trên một trang web 2D. 697 00:33:45,200 --> 00:33:49,152 Bạn có thể thử và suy nghĩ như thế nào một người dùng có thể tương tác với các trang web trong không gian 3D. 698 00:33:49,152 --> 00:33:50,360 Tomas Reimers: Trong một không gian 3D. 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM: Chính xác. 700 00:33:51,401 --> 00:33:52,310 Và yeah. 701 00:33:52,310 --> 00:33:55,350 Vì vậy, bạn nhận được hướng dẫn, vận tốc, tất cả những thứ này mát mẻ của thông tin. 702 00:33:55,350 --> 00:33:58,890 >> Tomas Reimers: Và nếu bạn không quen thuộc với điều đó, nó đi x, y, 703 00:33:58,890 --> 00:34:01,566 và sau đó z là chiều kích mới nhất này. 704 00:34:01,566 --> 00:34:04,690 Chỉ cần một cái gì đó mà có thể bạn là quen thuộc nếu bạn đã từng bị xử lý 3D 705 00:34:04,690 --> 00:34:05,731 phối hợp máy bay trước. 706 00:34:05,731 --> 00:34:09,565 Nếu bạn chưa có, nó giống như một 2D ai ngoại trừ có một chiều thứ ba. 707 00:34:09,565 --> 00:34:11,420 Chúng tôi gọi nó là z. 708 00:34:11,420 --> 00:34:16,449 Và tất cả mọi thứ, loại thích hướng, đó là nơi mà nó sẽ, 709 00:34:16,449 --> 00:34:19,810 position-- tôi nghĩ rằng nó có thể thậm chí lộ khả năng tăng tốc, tôi không chắc chắn. 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM: Yeah, tôi tin. 711 00:34:21,341 --> 00:34:22,340 Nó chắc chắn có tốc độ. 712 00:34:22,340 --> 00:34:25,699 Tôi thực sự không phải là 100% chắc chắn về khả năng tăng tốc. 713 00:34:25,699 --> 00:34:28,810 >> Tomas Reimers: Nó có thể là một lựa chọn bạn có thể truyền lại cho một cái gì đó. 714 00:34:28,810 --> 00:34:33,409 Vì vậy, vị trí và tốc độ tiếp xúc trong các loại ba tọa độ. 715 00:34:33,409 --> 00:34:38,812 Vì vậy, x, y, z hoặc x delta, delta y, z đồng bằng. 716 00:34:38,812 --> 00:34:44,130 Vì vậy, hiện nay đứng đầu với tài liệu hướng dẫn nó developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 và sau đó bạn có thể nhấp vào tài liệu. 718 00:34:46,460 --> 00:34:50,010 Một lần nữa, Leap Motion có tất cả các API tuyệt vời, một cho JavaScript, 719 00:34:50,010 --> 00:34:53,750 một cho C Sharp và Unity, một cho C ++, một cho Java, một cho Python, 720 00:34:53,750 --> 00:34:59,020 và một cho Objective C. Cá nhân tôi sẽ đẩy bạn hướng tới JavaScript 721 00:34:59,020 --> 00:35:01,280 hoặc nếu bạn muốn tìm hiểu một ngôn ngữ mới, hãy thử Python. 722 00:35:01,280 --> 00:35:05,910 Cả hai của những ngôn ngữ tôi đã làm việc với trước và chúng thực sự dễ dàng để tìm hiểu 723 00:35:05,910 --> 00:35:10,250 và bạn đã biết JavaScript, mà làm cho nó một ứng cử viên thực sự tốt. 724 00:35:10,250 --> 00:35:12,930 >> Một lời cảnh cáo khi bạn nhập vào các tài liệu. 725 00:35:12,930 --> 00:35:15,940 Hãy chắc chắn rằng bạn đang ở trên Docs v2.0. 726 00:35:15,940 --> 00:35:20,250 Bởi vì nếu bạn đang ở trên phiên bản một, nó sẽ không làm việc. 727 00:35:20,250 --> 00:35:21,830 Ngoài ra đối với các bộ sưu tập ví dụ. 728 00:35:21,830 --> 00:35:25,100 Chúng tôi đã dành một tốt 30 phút cố gắng gỡ Leap của chúng tôi 729 00:35:25,100 --> 00:35:28,640 trước khi chúng ta nhận ra rằng V1 không làm việc với V2. 730 00:35:28,640 --> 00:35:31,660 Vì vậy, chỉ cần đảm bảo rằng bạn đang ở trên phiên bản hai. 731 00:35:31,660 --> 00:35:33,904 Và sau đó tôi sẽ cho anh ta cho bạn các tài liệu. 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM: Yeah. 733 00:35:34,820 --> 00:35:39,480 Vì vậy, đây là tổng quan API và sau đó một số bit và miếng của các thông tin 734 00:35:39,480 --> 00:35:41,420 mà chúng tôi đã nói với bạn. 735 00:35:41,420 --> 00:35:44,270 Đẹp ít nổi tay trên một Leap Motion. 736 00:35:44,270 --> 00:35:47,850 Và một lời nhắc nhở để suy nghĩ về không gian 3D. 737 00:35:47,850 --> 00:35:53,140 Một trong những đối tượng đầu tiên nghĩ đến với Leap Motion là tay, tất nhiên. 738 00:35:53,140 --> 00:35:57,060 Chúng tôi thấy những người được công nhận bởi Visualizer. 739 00:35:57,060 --> 00:35:59,180 Và sau đó bạn có thể có thấy rằng nó được công nhận 740 00:35:59,180 --> 00:36:03,202 phần của cổ tay và các cánh tay liên kết với nó. 741 00:36:03,202 --> 00:36:05,410 Tomas Reimers: Nếu bạn muốn để kéo lên Visualizer. 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM: Yeah, chúng ta hãy làm điều đó một lần nữa. 743 00:36:07,190 --> 00:36:10,148 Tomas Reimers: Bạn có thể thấy, luôn luôn chỉ là một lời nhắc nhở tốt để sắp xếp của xem, 744 00:36:10,148 --> 00:36:14,060 Visualizer cố gắng để hiển thị tất cả các dữ liệu mà Leap thấy. 745 00:36:14,060 --> 00:36:17,606 Vì vậy, bạn sẽ thấy rằng chúng tôi có các loại bốn điểm 746 00:36:17,606 --> 00:36:19,230 bằng cổ tay và cổ tay sau đó thực tế. 747 00:36:19,230 --> 00:36:21,625 Và bạn cũng có bóng này ở lòng bàn tay. 748 00:36:21,625 --> 00:36:24,000 Tất cả những điểm nhận được công nhận bởi những bước nhảy vọt. 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM: Chính xác. 750 00:36:25,041 --> 00:36:32,300 Và như vậy với đối tượng tay mỗi khung có một mảng tay 751 00:36:32,300 --> 00:36:36,470 cũng đâu bạn cũng có thể nhận được bên trái và tay phải. 752 00:36:36,470 --> 00:36:39,410 Bạn có thể nhận được mà hướng bàn tay 753 00:36:39,410 --> 00:36:42,410 phải đối mặt với bình thường hướng lòng bàn tay, 754 00:36:42,410 --> 00:36:45,470 hoặc như họ gọi nó là cọ bình thường. 755 00:36:45,470 --> 00:36:46,510 Chúng ta có những gì khác? 756 00:36:46,510 --> 00:36:48,120 Chúng tôi cũng có, oops. 757 00:36:48,120 --> 00:36:50,640 Hãy thử và di chuyển xuống theo cách này. 758 00:36:50,640 --> 00:36:54,410 Các cánh tay, các ngón tay đại diện bởi các ngón tay 759 00:36:54,410 --> 00:36:57,890 lớp học, mà là một đối tượng pointable. 760 00:36:57,890 --> 00:37:01,420 Vì vậy, như chúng tôi đã nói, chúng ta thấy rằng mảng của pointables cho mỗi tay. 761 00:37:01,420 --> 00:37:04,240 Đó là những bé ngón tay để suy nghĩ về. 762 00:37:04,240 --> 00:37:09,809 Vì vậy, đây là một cái nhìn tổng quan tốt để đi thông qua để cố gắng và hiểu. 763 00:37:09,809 --> 00:37:11,850 Tomas Reimers: [Không nghe thấy] tay giải phẫu lên đó. 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM: Yeah, chính xác. 765 00:37:13,680 --> 00:37:14,220 Vì vậy, yeah. 766 00:37:14,220 --> 00:37:18,150 Có rất nhiều các dữ liệu thô mà Leap Motion mất trong diễn giải cũng 767 00:37:18,150 --> 00:37:20,750 cho bạn, vì vậy nó là một tuyệt vời ý tưởng để đi qua đây 768 00:37:20,750 --> 00:37:25,300 và cố gắng tìm ra cách Leap có đã tìm ra những thứ cho bạn 769 00:37:25,300 --> 00:37:28,830 và như vậy những thông tin bạn có sẵn từ đó. 770 00:37:28,830 --> 00:37:33,150 Và rồi từ đó tôi muốn giới thiệu đi sâu vào phần trái này trên đây, 771 00:37:33,150 --> 00:37:39,210 mà đi, cũng thật sự không có, đó là thực sự chỉ cần nhiều thứ API about-- 772 00:37:39,210 --> 00:37:42,670 >> Tomas Reimers: Các tài liệu tham khảo API tại dưới cùng thường là một nơi tốt để đi. 773 00:37:42,670 --> 00:37:45,720 Các bạn có thể thấy điều này khi chúng tôi đã làm Google Maps PSET. 774 00:37:45,720 --> 00:37:48,590 Nhưng các tài liệu tham khảo thực sự chỉ đi qua tất cả 775 00:37:48,590 --> 00:37:54,540 các chức năng và các thông số có sẵn trong các đối tượng cho bạn. 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM: Yeah. 777 00:37:55,500 --> 00:37:57,740 Ví dụ, đây là những gì Tôi đã tìm kiếm trước. 778 00:37:57,740 --> 00:38:01,030 Khi chúng tôi có một bàn tay chúng tôi có thể đi và tìm ra 779 00:38:01,030 --> 00:38:03,750 cách Leap khuyến cáo để chúng ta tìm thấy một bàn tay. 780 00:38:03,750 --> 00:38:06,080 Giống như tôi đã nói trước đó, chúng tôi có một mảng tay. 781 00:38:06,080 --> 00:38:10,340 Tìm hiểu xem chúng tôi có bàn tay và sau đó thử và lấy một bàn tay duy nhất 782 00:38:10,340 --> 00:38:12,410 để tương tác với theo cách đó. 783 00:38:12,410 --> 00:38:16,540 Vì vậy, đó là những gì chúng tôi giới thiệu cho các bạn. 784 00:38:16,540 --> 00:38:18,400 Các động tác và các công cụ là tốt. 785 00:38:18,400 --> 00:38:23,857 Tài liệu API này sẽ là một công cụ tuyệt vời cho các bạn. 786 00:38:23,857 --> 00:38:25,440 Bạn có bất cứ đề nghị nào khác? 787 00:38:25,440 --> 00:38:26,398 >> Tomas Reimers: Tôi thì không. 788 00:38:26,398 --> 00:38:27,590 Tôi nghĩ rằng đó là tốt cho bây giờ. 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM: Yeah, Tôi nghĩ như vậy là tốt. 790 00:38:29,340 --> 00:38:33,330 Cảm thấy tự do để gửi email cho chúng tôi và nhận được liên lạc về Leap Motion 791 00:38:33,330 --> 00:38:36,210 nếu bạn gặp bất kỳ vấn đề có thể hoặc cần bất kỳ kiến ​​nghị. 792 00:38:36,210 --> 00:38:40,310 Và chúng ta có thể thử và tìm thứ ra với các bạn là tốt. 793 00:38:40,310 --> 00:38:40,810 Cám ơn. 794 00:38:40,810 --> 00:38:42,360 >> Tomas Reimers: Great. 795 00:38:42,360 --> 00:38:42,880