>> Tomas Reimers: Cool.
Vì vậy, hi, tất cả mọi người.
Tôi tên là Tomas.
Tôi là một TF và điều này là
ARMAGHAN BEHLUM: Armi.
Rất vui được gặp các bạn.
Tomas Reimers: Cool.
Vì vậy, chúng ta sẽ nói chuyện về Leap Motion ngày hôm nay.
Vì vậy, Leap Motion là một sản phẩm thực sự mát mẻ mà
cho phép bạn tương tác với một máy tính một cách khác nhau.
Vì vậy, toàn bộ ý tưởng đằng sau chuyển động bước nhảy vọt là bạn
có thể sử dụng bàn tay của bạn để tương tác với máy tính.
Vì vậy, ngay ở đây tôi có một cái gì đó thiết lập.
Tôi sẽ nói về nó trong một chút.
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
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
và bạn có thể phân tích này.
Bạn có thể thực hiện các cử động.
Bạn có thể sử dụng bàn tay của bạn để tương tác với máy tính
theo cách mới và thú vị.
>> Vâng, tôi thực sự đầu tiên muốn vượt qua khỏi để Armi
để 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.
Và sau đó chúng ta sẽ nói về cách bạn thực sự mã với điều này.
ARMAGHAN BEHLUM: Yeah.
Hello.
Vì vậy, như chúng ta đã thấy, rất ít dữ liệu ở đây, nhưng chúng ta hãy xem
những gì một số người đã làm được với điều này.
Vì vậy, hãy để tôi chỉ mở ra ví dụ này.
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
một số người sử dụng Unity có quyết định đưa một làn da ít hơn
và những thứ xung quanh bàn tay.
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.
Và bạn có thể tưởng tượng một vài điều hữu ích khác mát mẻ
mà bạn có thể làm với điều này.
Vì vậy, đây là ít nhất một ví dụ.
Và sau đó chúng ta hãy nhảy ra khỏi đây.
>> Và sau đó một số khác mát mẻ là, chúng ta hãy đi với một này.
Plasmo bóng.
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
từ một dự án cuối cùng cho CS50.
Đây chỉ là để cho bạn một số, cung cấp cho các bạn
một chút cảm hứng cho những gì các bạn có thể làm với Leap Motion.
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.
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.
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.
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ổ
rằng chúng tôi đã không được dạy các bạn trong lớp,
nhưng như bạn có thể thấy một số khá chạy mát throughs với điều đó.
>> 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
là công việc trong JavaScript.
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
khuyên các bạn xây dựng dự án của bạn bằng cách sử dụng đó.
Vì vậy, với điều đó, hãy để tôi vượt qua nó quay trở lại để Tomas
để nói về Leap Chuyển động và JavaScript.
Tomas Reimers: Cool.
Hay bạn muốn hiển thị chúng Visualizer đầu tiên?
>> ARMAGHAN BEHLUM: Oh yes.
Vâng.
Hãy nói thêm về Visualizer đó.
>> 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
bạn sẽ có một hộp.
Ở đây, tôi muốn để mất kiểm soát?
>> ARMAGHAN BEHLUM: Yeah, đi cho nó.
>> Tomas Reimers: Vì vậy, khi bạn lần đầu tiên có được để Leap Motion
bạn sẽ có một hộp.
Nó có một thiết bị mà trông giống như thế này.
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,
và sau đó nó sẽ cơ bản được thiết lập.
Vì vậy, cách đơn giản nhất để sắp xếp các thỏa thuận với Leap Motion
được mở ra chương trình này nó cài đặt gọi là Leap Motion Visualizer.
Và Visualizer là nghĩa đen những gì tôi thấy ở đây.
Nó cho phép bạn xem các đề cương xương bàn tay của bạn.
Và những gì các Leap Motion được giải thích chúng là.
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
và sau đó nó sẽ cố gắng để đoán những gì Thành phần xương cơ bản mà bạn
nhìn thấy trên màn hình là.
Và đó là những gì nó cho bạn.
ARMAGHAN BEHLUM: Mỗi điểm nhỏ đơn
và điều mà bạn thấy có dữ liệu có sẵn cho các bạn
cũng như để sử dụng.
Vì vậy, bạn thấy rằng nó chụp mà Tomas
có năm ngón tay, mỗi những ngón tay khác nhau
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
mà bạn có thể muốn.
Nếu bạn muốn xem ai đó làm một dấu hiệu
bạn có thể xem các ngón tay của mình được cuộn tròn và cho dù họ đang
ngón tay ngón tay cái chỉ tay trở lên, hoặc nơi
cổ tay hoặc lòng bàn tay của họ là và rằng loại công cụ.
Tomas Reimers: Cool.
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.
Hãy nhớ rằng, nó đang nhìn bạn tay từ ít một camera từ phía dưới,
vì vậy khi bạn đang có trong tay như này nó hiểu họ đầy đủ,
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ó,
đô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.
Vì vậy, nó không thực sự chắc chắn những gì đang xảy ra.
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.
>> Dù sao, như vậy sẽ trở lại này.
Các Visualizer thực có rất nhiều công cụ hữu ích.
Vì vậy, các Leap Motion là lập trình trong một cách như vậy
rằng họ không mong đợi bạn tương tác với dữ liệu hình ảnh.
Họ không thực sự mong bạn hiểu
những gì đang xảy ra đằng sau hậu trường.
Những gì họ làm là phơi bày một loạt các API cho các bạn
như vậy mà bạn có thể tương tác với dữ liệu này
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.
>> 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.
Điều quan trọng ở đây mặc dù là nếu bạn nhấn O và sau đó nhấn H,
bạn sẽ thấy rằng nó cho phép bạn vẽ các cử chỉ.
Vì vậy, một cử chỉ, bạn sẽ thấy nó rút một mũi tên qua.
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
mà không cần phải xử lý nó.
Vì vậy, thay vì tôi cần phải tìm ra, oh, tay đã được di chuyển,
thậm chí nếu tôi có điểm truy cập, API sẽ loại chỉ cho tôi biết,
hey, họ đã thực hiện các cử chỉ này.
Vì vậy, bạn có thể làm cho mũi tên cử chỉ cơ bản.
Bạn có thể có những cử chỉ vòng tròn.
Bạn có thể thực hiện khai thác các cử động.
Và bạn có thể làm cho cử chỉ bấm phím.
Yeah.
Và các loại công cụ.
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,
bạn có thể thấy nó có thể đọc một bó toàn bộ các cử chỉ.
Tôi nghĩ rằng tôi sẽ đến vượt qua nó trở lại Armi
và anh ta sẽ nói về cách bạn sẽ có được những bằng JavaScript,
làm thế nào bạn thậm chí bắt đầu một dự án với điều này.
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 đó.
ARMAGHAN BEHLUM: Yeah.
Âm thanh tốt.
Vì vậy, yeah, điều đầu tiên chúng tôi sẽ muốn bạn làm tất nhiên,
là sau khi bạn nhận được Leap Motion là để đi đến leapmotion.com, thiết lập, cài đặt
các trình điều khiển và các công cụ.
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.
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,
sau đó bạn biết bạn là được.
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ỉ
và làm các vòi màn hình, và vòi trọng, và rằng loại công cụ.
>> Sau đó mặc dù chúng tôi, một lần nữa, như tôi đã nói,
chúng tôi có quyền truy cập vào tất cả các điều trong JavaScript là tốt.
Lý tưởng thiết lập mà chúng tôi muốn giới thiệu bạn
kẻ là để đi vào của bạn thư mục vhost, chủ của địa phương,
công trong thiết bị CS50 của bạn.
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.
Bây giờ chỉ số chấm Tập tin HTML hoặc chỉ số chấm
File PHP, nào là tốt, những gì bạn có thể làm
là đi đến hệ điều hành chính của bạn.
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
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
là bạn hãy vào trang đó được tham chiếu bởi tập tin index dot HTML.
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.
>> Tomas Reimers: Vì vậy, nó cũng chỉ quan trọng để tham khảo
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,
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ì.
Hãy nhớ rằng đây là những chỉ các tập tin JavaScript
và tất cả các chế biến Leap được thực hiện trên máy khách.
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
miễn là các máy tính Bạn đang xem các trang web trên
Leap Motion đã được cài đặt.
ARMAGHAN BEHLUM: Tuyệt đối.
Giống như Tomas nói, yeah, bất cứ điều gì làm việc cho các bạn.
Đây chỉ là một trong những khuyến nghị của chúng tôi.
Bây giờ để bắt đầu sử dụng Leap Chuyển động bạn sẽ làm gì
là bạn sẽ nhập Tập tin JavaScript từ Leap Motion.
Và rồi từ đó những gì bạn có thể làm là, ngay bây giờ
Tôi chỉ có đoạn này tag thiết lập với một ID của văn bản.
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
cho Leap Motion với cho phép các cử chỉ là đúng.
Vì vậy, theo mặc định những cử chỉ mà chúng tôi cho thấy bạn
guys, vòng tròn, và các tap quan trọng, và swipes,
những người không được biểu diễn các bạn theo mặc định.
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.
Cho phép những thành true, đi qua những tùy chọn điều khiển để nhảy dot loop
và bạn tất cả thiết lập để đi.
Bởi vì sau đó bạn chỉ cần có xác định một chức năng ẩn danh
rằng sẽ có trong một khung từ Leap Motion
và khung đó có tất cả các thông tin mà bạn sẽ cần.
>> Tomas Reimers: Như vậy chỉ cần recap, bạn có một đối tượng.
Bạn có chức năng này gọi là bước nhảy vọt dot loop.
Và bạn gọi nó với hai đối số.
Bạn gọi nó với một, các tùy chọn điều khiển.
Và có rất nhiều tùy chọn, bạn có thể đặt vào đó.
Những điều chúng ta đang đi nhấn mạnh được phép cử chỉ.
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
mà chúng tôi đã giới thiệu trong các Visualizer.
>> 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
mà sẽ được gọi mỗi thời gian mỗi khung hình của Leap,
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.
Và nó gọi chức năng này với một tranh luận, mà là đối tượng frame.
Và đó là đối tượng khung mô tả khung như Leap nhìn thấy nó.
ARMAGHAN BEHLUM: Chính xác.
Vì vậy, tất cả đều được hữu ích bit và mẩu thông tin
mà chúng ta đã nói về trước đó.
Kiểm tra khung dot cử chỉ là một mảng của các cử chỉ
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.
Vì vậy, ví dụ, những gì chúng tôi làm ở đây là chúng ta đang kiểm tra,
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?
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ỉ
và cố gắng và có được một số hữu ích thông tin từ họ.
Mỗi cử chỉ có một độc đáo ID liên kết với nó.
Họ có các loại.
Bạn có thể nhìn vào đó ngón tay đã tham gia vào các cử chỉ
bằng cách tìm hiểu các công cụ pointable này.
Vì vậy, nếu khi bạn đi qua Leap Motion JavaScript API công cụ,
khi họ đề cập đến pointables, chúng ta đang nói về những ngón tay.
Và sau đó tay, tất nhiên, toàn bộ đối tượng tay.
>> Những gì khác?
Bạn có thể kiểm tra trong bao lâu các chuyển động đã đi vào
cho và, vâng, tất cả những điều hữu ích.
Vì vậy, những gì tôi đang làm hiện giờ đây là tôi đăng khung,
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
từ khung.
Vì vậy, hãy kiểm tra xem ra.
>> Vì vậy, ở đây nó được.
Đây là tập tin index dot HTML.
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.
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.
Làm swipes, bắt swipes.
Hãy thử một tab màn hình.
Hiện chúng tôi đi.
Màn hình máy và một vòi nước chính.
Vì vậy, vòi nước chính cũng do cách, là khi bạn nhấn xuống.
Vì vậy, bạn có thể tưởng tượng có thể chơi đàn piano.
>> Và sau đó vòi màn hình là khi bạn nhấn vào màn hình.
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
và bạn đang đánh các liên lạc màn hình ở phía trước của bạn.
Và sau đó chúng ta có thể lấy một các đối tượng này ở đây.
Vì vậy, hãy nhớ tôi đã nói rằng tôi là đi qua khung thành console log.
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
mà có sẵn trong khung đó là tốt để sử dụng.
>> Giống như tôi đã nói trước đó, pointables là các ngón tay.
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
do đó, nó không đăng ký, nhưng đây là cách bạn
sẽ bắt đầu để tìm ra có lẽ bao nhiêu ngón tay là màn hình.
Và đó là loại thông tin.
Tomas Reimers: Và ghi nhớ đây chỉ là một đối tượng.
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
trong C. Bạn có đối tượng tên dot tên tài sản.
Và sau đó trong đó bạn có mảng và bạn có các đối tượng khác,
nhưng hãy nhớ nó chỉ là một đối tượng.
Có gì đặc biệt bởi vì chúng ta đang sử dụng Leap.
ARMAGHAN BEHLUM: Yeah.
Cool.
Chúng ta nên kiểm tra một vài ví dụ JavaScript?
>> Tomas Reimers: Vì vậy, nhanh chóng nhớ rằng chúng ta
nói rằng Leap có thể thực sự chạy trên bất kỳ trang web.
LeapJS chỉ được phục vụ cho khách hàng.
Và do đó, cùng là khách hàng có Leap Motion gắn nó sẽ làm việc.
Vì vậy, Leap Motion có một trang web nơi mà người dân
có thể chia sẻ những tấm gương đó của những điều họ đã thực hiện.
Vì vậy, chúng tôi chỉ đi thông qua một vài trong số họ
để xem những gì có thể trước khi lặn vào chi tiết cụ thể về cách
nó có thể.
Như vậy
ARMAGHAN BEHLUM: Hãy xem.
Tomas Reimers: Bây giờ nó nên được làm việc.
ARMAGHAN BEHLUM: Vậy bây giờ trước khi chúng tôi nhìn thấy một ví dụ
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,
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.
Đây là tất cả các bên trong Chrome chỉ sử dụng JavaScript.
Và sau đó tốt đẹp khác điều là nếu bạn muốn
biết làm thế nào họ đã làm điều này, các ví dụ trên JavaScript
cũng bao gồm các tùy chọn mã bạn có thể kiểm tra và sau đó xem
làm thế nào người này được lấy tay và mã số và như vậy.
>> Vì vậy, đó là tất cả các bạn có thể tìm thấy tại developer.leapmotion.com.
Bạn có thể đi và kiểm tra JavaScript ví dụ mà họ có ở đó.
Vì vậy, yeah.
Dưới đây là những, oops xin lỗi.
Hãy thử lại.
Oh.
Tôi có hai bàn tay phải.
Vì vậy, yeah.
>> Tomas Reimers: Vì vậy, và một lần nữa, nhớ đôi khi Leap messes lên.
Chỉ cần cung cấp cho nó một giây.
Nó không hoàn hảo, nhưng nó là khá tốt.
ARMAGHAN BEHLUM: Một đề nghị khác cũng
là để không làm điều đó trong ánh sáng mặt trời trực tiếp.
Vì vậy, cách Leap Motion công trình là, thực sự
nếu tôi chỉ cho các máy ảnh này là tốt, ánh sáng hồng ngoại.
Vì vậy, nó sẽ gửi những người ra và sau đó đọc chúng khi họ trở lại.
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,
Ví dụ, nó có thể là không đi làm việc,
hoặc nó sẽ yêu cầu một số hiệu chỉnh để làm như vậy.
>> Cũng đề nghị khác là xóa không gian phía sau Leap
và ở phía trước của Leap.
Hãy nghĩ về nó như là làm việc bên trong một mái vòm đó là
xung quanh đối tượng Leap Motion này.
Nếu có thứ quyền đằng sau nó là tốt,
đó là cũng sẽ can thiệp với thế Leap Motion cố gắng
để nhận ra bàn tay của bạn và rằng loại công cụ.
>> 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ự
đó là loại làm cho Leap Motion.
Yeah, có chúng tôi đi.
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.
Vì vậy, yeah.
Có mà.
Vì vậy, những gì khác đã làm chúng tôi cho thấy chúng.
Tomas Reimers: Tôi nghĩ rằng bây giờ sẽ là thời gian
để 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.
Nó sẽ được thực sự đơn giản.
Về cơ bản những gì chúng ta đang đi để cố gắng làm là làm cho nó
để khi bạn vuốt tay của bạn, nền sẽ bắt đầu ra như là màu đỏ,
và khi bạn vuốt tay của bạn, nền sẽ chuyển sang màu xanh.
OK?
Thực sự đơn giản.
Và nó thực chất chỉ sẽ đi qua rất nhiều
các khái niệm đằng sau Leap để chúng tôi có thể
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 đó.
Và rồi từ đó chúng tôi sẽ có thể chỉ cho bạn
Docs API và nơi bạn có thể đọc thêm về điều này.
Và sau đó chúng tôi sẽ gọi nó là ngày.
Vì vậy, bạn muốn mã hoặc bạn có muốn tôi để mã?
ARMAGHAN BEHLUM: Yeah.
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
>> Tomas Reimers: Vì vậy, chúng tôi sẽ làm một số cặp mã hóa.
ARMAGHAN BEHLUM: Hiện chúng tôi đi.
Đó chính xác là những gì tôi muốn kiểm tra.
Cool.
Vì vậy, ví dụ ở đây, chúng ta hãy xem.
Trong khi chúng ta đang lặp lại thông qua các cử chỉ đã có,
Tomas Reimers: Bạn muốn làm chỉ là một tập tin hoàn toàn mới?
ARMAGHAN BEHLUM: tập tin hoàn toàn mới?
Vâng, chắc chắn.
>> Tomas Reimers: Yeah.
>> ARMAGHAN BEHLUM: Vì vậy, chúng ta hãy làm điều đó.
>> Tomas Reimers: Vì vậy, chúng ta đang đi để làm cho một tập tin hoàn toàn.
Chúng tôi sẽ gọi nó là tay chấm HTML.
Đó là mát mẻ với tôi.
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.
Đầu rằng có một tiêu đề bên trong nó.
Vì vậy, tab theo cách khác.
Có bạn đi.
Tiêu đề, chúng tôi sẽ gọi nó là Leap Ví dụ.
Yep.
>> ARMAGHAN BEHLUM: Oops.
Title.
>> Tomas Reimers: Yep.
>> ARMAGHAN BEHLUM: Hiện chúng tôi đang có.
>> Tomas Reimers: Và sau đó chúng ta hãy làm một cơ thể.
>> ARMAGHAN BEHLUM: Chờ đã, chúng ta hãy cũng đảm bảo để nhập khẩu.
Tomas Reimers: Oh, tất nhiên.
Xấu của tôi.
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
bởi Leap Motion mà cơ bản cho phép các trình duyệt web để kết nối
để điện thoại trên máy tính của người dùng.
Và sau đó trong này, chúng tôi cũng cần một cơ thể và chúng ta hãy chỉ
làm cho cơ thể nói như vậy hi rằng chúng ta có thể thấy sinh viên
làm thế nào để kết nối mới này trang web mà họ đã làm.
ARMAGHAN BEHLUM: Chắc chắn.
Vì vậy, chúng ta hãy chỉ cần đặt another--
>> Tomas Reimers: Hi, xin chào thế giới.
Vì vậy, một ví dụ rất cơ bản.
Thực sự chỉ là một bản demo.
>> 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,
phải không?
Và oh!
Vì vậy, tôi tự hỏi có gì sai với này ngay bây giờ.
Hãy thêm quyền đọc bàn dot HTML.
Tomas Reimers: Bạn có muốn để làm điều đó tại nhà ga lớn
do đó chúng tôi chỉ có thể hiển thị nó trên the--
>> ARMAGHAN BEHLUM: Yeah, có ý nghĩa.
Được rồi.
Vì vậy, tôi chỉ cần thêm các quyền, nhưng nếu chúng tôi
đã kiểm tra quyền trước khi chúng tôi
sẽ thấy rằng thực sự tay dot HTML không có quyền đọc
và do đó chúng ta không thể làm cho nó.
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 đó.
>> Tomas Reimers: Vì vậy, chúng ta hãy thực sự, như ông đã viết, xin chào thế giới,
Tôi nghĩ về một cách chúng ta có thể thay đổi điều này.
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.
Phải không?
Vì vậy, xin chào, tạm biệt.
>> ARMAGHAN BEHLUM: Chắc chắn.
>> Tomas Reimers: Đó là âm thanh khá tốt.
>> ARMAGHAN BEHLUM: Đó âm thanh tốt với tôi, quá.
>> Tomas Reimers: Vì vậy, nếu chúng tôi sẽ làm điều đó chúng ta hãy chỉ
suy nghĩ thông qua các trang web một chút.
Chúng ta sẽ cần một số kịch bản mà cơ bản đăng ký
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.
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à.
Và một điều chúng tôi sẽ cần là chúng tôi
sẽ cần một số nội dung thực tế để thay đổi.
>> Vì vậy, khi nhớ ra, jQuery cho phép bạn thay đổi nội dung.
Vì vậy, có một điều chúng ta có thể muốn bao gồm ở đây là thư viện jQuery.
Và sau đó để có thể chọn những gì chúng tôi đang thực sự sẽ thay đổi nội dung,
đó là sẽ cần một ID hoặc một lớp học, hoặc một cái gì đó
rằng chúng ta có thể sử dụng để chọn nó.
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.
Và sau đó bạn có muốn lấy jQuery?
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ờ?
Tomas Reimers: Hãy lấy jQuery?
ARMAGHAN BEHLUM: Hãy lấy jQuery, OK, mát mẻ.
Trong trường hợp đó, tôi sẽ phải actually--
nơi sẽ là Nơi tốt nhất để làm điều đó?
>> Tomas Reimers: jQuery, vì vậy nếu bạn Google jQuery, jQuery nhấn, là người đầu tiên
ARMAGHAN BEHLUM: một Very đầu tiên.
Tomas Reimers: Hoặc download.
Nó là tốt.
Lượt tải v1 và v2 bên trái.
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.
Cuộn xuống.
Up, up.
>> ARMAGHAN BEHLUM: Oh, ở đây bây giờ?
Tomas Reimers: Hay đó.
Yep.
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ự
cần phải tải về nó, nhưng bạn có nhiều hơn
chào đón để tải về nó và lưu trữ nó cho mình.
ARMAGHAN BEHLUM: Cool.
Vì vậy, bây giờ chúng ta sẽ sử dụng jQuery.
Bây giờ những gì tiếp theo trong danh sách để làm của chúng tôi.
Tomas Reimers: Awesome.
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
để 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?
Vì vậy, hãy đưa ra một ý tưởng, Tôi không biết, thay đổi văn bản?
ARMAGHAN BEHLUM: Hãy chỉ làm theo cách này, tôi đoán.
Tomas Reimers: changeText, mát mẻ.
Và bây giờ chúng ta hãy làm mới trang.
Hãy chắc chắn rằng tất cả mọi thứ công trình.
Vì vậy, trở lại trong trình duyệt.
Cool.
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,
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ỉ
vì đôi khi bạn vô tình thả một thẻ,
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ỏ,
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
dường như phá vỡ những điều không liên quan.
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.
>> 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,
đó là chúng ta hãy cố gắng thay đổi văn bản mà không Leap Motion,
mà không cần bất cứ điều gì, chỉ vào tải trang nó sẽ thấy
thay đổi thế giới hello để tạm biệt bằng cách sử dụng jQuery.
Vì vậy, nếu bạn nhớ jQuery phơi bày chức năng này ký hiệu đô la,
mà chúng ta có thể vượt qua CSS selector để, cụ thể là văn bản thay đổi hashtag, mà
lựa chọn các phần tử với một ID của sự thay đổi văn bản.
Và sau đó chúng ta sẽ để gọi phương thức HTML
về đối tượng mà nó trả về với đối số của một lời chia tay chuỗi,
sẽ thay đổi các mục HTML để nói lời tạm biệt.
Awesome.
Điều đó có vẻ khá mát mẻ.
Và bây giờ khi chúng tôi làm mới trang mà chúng ta sẽ thấy
nó ngay lập tức thay đổi để tạm biệt, phải không?
Bởi vì nó không chờ đợi bất cứ điều gì.
Loại ngay khi kịch bản mà chạy nó thay đổi nó để tạm biệt.
Cool.
>> Vì vậy, bây giờ hãy bọc rằng trong một hàm.
Phải.
Vì vậy, chúng ta sẽ muốn để thực hiện một chức năng.
Chúng tôi sẽ gọi nó là lời tạm biệt.
Vì vậy, chức năng chia tay là sẽ không có đối số
và nó không thực sự sẽ trở lại bất cứ điều gì.
Và nó không chỉ đi làm điều đó trong JavaScript.
Tuyệt vời.
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?
Vì vậy, điều này sẽ cho chúng ta một cách về cơ bản thay đổi
rằng văn bản để chia tay bất cứ khi nào chúng được gọi là chức năng đó.
Phải không?
Vì vậy, điều này là khá mát mẻ.
>> ARMAGHAN BEHLUM: Vâng, chúng tôi cũng có thể chỉ cần đảm bảo
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,
nhận thấy nó không phải đi thay đổi nội dung.
>> Tomas Reimers: Tuyệt vời.
Vì vậy, bây giờ chúng ta sẽ bắt đầu để có được vào những thứ Leap
rằng chúng ta đang nói về.
Vì vậy, Armi, bạn có muốn mang nó từ đây hoặc?
>> ARMAGHAN BEHLUM: Yeah.
Chắc chắn.
Tôi có lẽ sẽ cần để điều tra đôi,
nhưng ví dụ nhớ chúng ta nói rằng chúng ta muốn
để 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ỉ
Tomas Reimers: Good catch.
ARMAGHAN BEHLUM: Để là đúng.
Và sau đó chúng tôi đã giới thiệu rằng các bạn sẽ
chạy nhảy dot vòng lặp, mà như chúng tôi đã nói trước đó,
có hai lựa chọn, một đối tượng JSON là lựa chọn cho cách bạn muốn
để cấu hình Leap Motion để công việc, và sau đó một chức năng mà
sẽ bắt được một khung là một callback chức năng như Tomas nói.
Và sau đó chỉnh sửa những gì bạn muốn để làm với chức năng đó.
>> 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
một chức năng mà sẽ có mặt trong một khung hình.
Và bây giờ chúng ta phải xác định những chức năng nào.
Nó cũng vì lợi ích của các trong tương lai, làm điều đó để chắc chắn.
Tomas Reimers: Tuyệt vời.
Vì vậy, bây giờ chúng tôi có điều này leap chức năng chấm loop
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
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
rằng bạn nhận thức trong khung.
Âm thanh khá tốt.
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ị,
là ở chỗ chỉ cần đặt giao diện điều khiển khung dot log.
Và sau đó trong Chrome mở nó lên và nhìn vào giao diện điều khiển của bạn
và chơi xung quanh với Leap để xem khung hình đang được đăng nhập bởi vì điều đó sẽ
giúp bạn có được một ý tưởng về những gì dữ liệu bạn có thể truy cập.
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.
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.
>> ARMAGHAN BEHLUM: Vì vậy, chúng tôi làm mới trang và sau đó
chúng ta đi và mở giao diện điều khiển một lần nữa.
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,
những đối tượng nhỏ mà chúng tôi đã thấy trước đó.
Vì vậy, yeah.
Đây là những khung hình của chúng tôi hiển thị trong giao diện điều khiển.
Cool.
>> 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 đó
từ ví dụ mà chúng tôi có, nếu ta kiểm tra khung dot cử chỉ
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.
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.
Vì vậy, nếu mảng đó là lớn hơn không thì chúng ta
biết rằng chúng tôi có một số công cụ để làm.
>> 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
đã thấy một cử chỉ, chúng ta hãy hành động trên nó.
Vì vậy, bây giờ chúng ta đang ở đây, chúng tôi có một cử chỉ để kiểm tra.
Tomas Reimers: Vâng, đầu tiên điều là nó không chỉ là một cử chỉ,
nó có thể được như nhiều cử chỉ.
>> ARMAGHAN BEHLUM: Rất đúng.
Tomas Reimers: Vì vậy, mỗi phong cách cổ điển C ở đây
chúng tôi có lẽ sẽ muốn sử dụng một vòng lặp for.
ARMAGHAN BEHLUM: Ở đây chúng ta sẽ trở.
Chúng tôi quyết định lặp thông qua các cử chỉ.
Và chúng ta hãy xem.
i cộng, cộng thêm.
Và bây giờ nếu chúng ta có thể thực hiện chỉ là một cử chỉ bằng var
khung dot cử chỉ khung i, bây giờ chúng tôi có
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ỉ
để chúng tôi làm việc với bên trong này cho vòng lặp.
Được rồi.
Tomas Reimers: Hãy tỉnh táo kiểm tra ở đây một lần nữa và chỉ an ủi
dot cử chỉ đăng nhập để xem những gì chúng tôi nhận được.
>> ARMAGHAN BEHLUM: Giao diện điều khiển dot log cử chỉ.
Dokie Okie.
Và làm mới một lần nữa.
>> Tomas Reimers: Và chúng ta hãy thử làm một cử chỉ.
Bạn sẽ thấy rằng một bó của, khi ông swipes,
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,
nó just--
>> ARMAGHAN BEHLUM: Circles chỉ thực sự tốt đẹp.
>> 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,
nhưng điều này được đăng 80 cử chỉ, phải không?
Đó là một cử chỉ rất nhiều.
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,
là một cử chỉ không chỉ cần đăng nhập một lần.
>> Trên mỗi khung, phải, vì vậy nếu tôi làm một vòng tròn
Leap sẽ phát hiện này là một sự thay đổi, từ này
là một sự thay đổi, từ này là một sự thay đổi.
Và nó sẽ đăng nhập mỗi một trong những người.
Nhưng trong mỗi một trong những, nó sẽ nói, oh,
có một cử chỉ đang trong tiến trình.
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.
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
những cử chỉ bạn muốn thay đổi văn bản.
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,
sau đó chúng tôi muốn thay đổi văn bản.
ARMAGHAN BEHLUM: mhmm.
Vì vậy, như là Tomas giải thích những cử chỉ
có thể xuất hiện qua nhiều khung hình, nhưng ví dụ,
khi chúng tôi đã có vòng tròn đó, chúng ta có thể nhìn thấy
rằng ID cho rằng một trong vòng tròn duy nhất mà chúng tôi
có thể đã cố gắng để hoàn thành là ID cùng khắp.
Và trên thực tế, bạn cũng có thể kiểm tra tình trạng.
cập nhật.
>> Và sau đó điều này có lẽ là vòng tròn cuối cùng, oh, tốt, OK.
Vì vậy, đôi khi nó cho bạn thấy một trạng thái dừng một cử chỉ
và nó cũng cho bạn một trạng thái bắt đầu từ một cử chỉ mới khi
nó nhận ra chắc chắn rằng bạn đã bắt đầu một cử chỉ mới.
Ví dụ trong trường hợp này.
Tomas Reimers: Cool.
ARMAGHAN BEHLUM: Vì vậy, yeah.
Và sau đó, chúng ta hãy xem.
Bạn cũng có thể nhận thấy mặc dù chúng tôi đã làm
một vòng tròn và cử chỉ có một lĩnh vực được gọi loại
cho chúng ta biết những gì loại các cử chỉ đó là.
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.
Tomas Reimers: Vì vậy, chuyển trở lại JS,
đ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
là có một tối ưu hóa nhỏ, đó là chúng ta thực sự
không cần điều này nếu điều kiện, phải không?
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
không chạy anyway.
Vì vậy, chúng ta có thể cũng chỉ đi trước để thoát khỏi điều đó.
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
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,
hoặc là có một cách khác để làm điều đó.
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.
Đó là một vấn đề lớn.
>> ARMAGHAN BEHLUM: Good phong cách là rất đánh giá cao.
>> Tomas Reimers: Bạn có thể luôn luôn nói khi một người nào đó
có mã nơi có sử dụng được một nếu điều kiện và sau đó họ đã gỡ bỏ nó,
nhưng họ đã không bỏ ghi chú đó.
Nó rất rõ ràng và nó loại trông xấu xí.
ARMAGHAN BEHLUM: Vậy điều gì tiếp theo của chúng tôi để làm danh sách?
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
được đảm bảo rằng cử chỉ của thực sự là một swipe, phải không?
>> ARMAGHAN BEHLUM: Yeah.
>> 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,
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,
là cử chỉ gõ một swipe, phải không?
Không phải là một vòng tròn hay một đầu, nhưng nó là một swipe?
Vì vậy, cách chúng ta có thể làm điều đó là chúng ta có thể nói cử chỉ
dot loại swipe bằng tương đương như một chuỗi.
>> ARMAGHAN BEHLUM: [Không nghe thấy] cử chỉ dot bằng loại bằng swipe.
Hiện chúng tôi đang có.
>> Tomas Reimers: Và sau đó các câu hỏi cuối cùng
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?
Vì vậy, đó là khi các cử chỉ ấy được dừng lại.
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,
nhưng bạn đang chào đón để nhìn nó lên, khi bạn
swipe mỗi khi nó ghi nó cho đến khi bạn dừng lại là một cử chỉ bắt đầu.
Và sau đó là người cuối cùng của chỉ là một cử chỉ dừng.
Vì vậy, sẽ chỉ có một cửa cử chỉ, đó là rất tốt cho chúng ta.
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
vị thế bình đẳng như nhau dừng lại, sau đó chúng ta hãy tỉnh táo
kiểm tra ở đây an ủi dot cử chỉ log.
>> Vì vậy, chúng tôi sẽ trở lại đây.
Chúng tôi sẽ làm mới trang.
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.
Và chúng tôi cố gắng để swipe và chúng tôi thấy không có gì.
Phải không?
Vì vậy, đây thực sự là một vấn đề lớn.
Chúng tôi không nhìn thấy những gì chúng tôi dự kiến.
Và gỡ lỗi có thể là một phần lớn của điều này.
Vì vậy, điều đầu tiên chúng ta sẽ nói là, OK, chúng ta hãy an ủi dot
đăng nhập nó nếu cử chỉ chấm gõ swipe bình đẳng như nhau.
ARMAGHAN BEHLUM: Vâng, chúng ta hãy làm điều đó.
Tomas Reimers: Vì vậy, chúng tôi sẽ quay trở lại này.
Chúng tôi sẽ làm mới.
Chúng tôi sẽ swipe.
Và chúng ta sẽ nhìn thấy một bó của họ.
OK.
Vì vậy, rõ ràng vấn đề là có tư cách cử chỉ của chúng tôi chấm.
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,
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.
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
nếu cử chỉ dot loại bằng swipe bằng và dừng bằng cử chỉ dot bang bằng nhau,
sau đó chúng tôi sẽ an ủi dot đăng nhập nó.
Và do đó, làm mới.
Chúng tôi kéo mạnh.
Và chúng ta sẽ thấy rằng trên mỗi swipe, chúng tôi chỉ
nhận được một, đó là kết thúc, đó là rất tốt, phải không?
Đó là những gì chúng ta muốn.
>> ARMAGHAN BEHLUM: Yep.
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.
Vì vậy, khi Tomas đã nói vì chúng tôi bắt nhà nước một cửa này
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
từ Leap Motion.
Tuyệt vời.
>> Tomas Reimers: Hãy đi trước và làm những điều cuối cùng, đó là,
>> ARMAGHAN BEHLUM: Tạm biệt.
>> Tomas Reimers: Awesome.
Và bây giờ chúng ta hãy kiểm tra trang web của chúng tôi.
Một
>> ARMAGHAN BEHLUM: Thứ hai.
Chúng tôi đã, yeah, chúng tôi đã gọi nó là Goodbye.
Tuyệt vời.
>> Tomas Reimers: Không, Goodbye là một chức năng thực sự.
>> ARMAGHAN BEHLUM: Yeah.
Hãy làm điều đó.
>> Tomas Reimers: Và khi chúng ta vẫy tay tạm biệt, nó nói lời tạm biệt.
>> ARMAGHAN BEHLUM: Chúng tôi đã chiến thắng.
>> Tomas Reimers: thứ Vì vậy, khá thú vị.
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?
Bạn có thể phát hiện những cử chỉ.
Bạn có thể gọi chức năng.
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
để 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
hướng như thế nào.
Tôi muốn họ làm một cái gì đó.
Hoặc khi họ swipe đúng, tôi muốn họ làm một cái gì đó.
Và chúng ta có thể bắt đầu để có được sáng tạo với cách chính xác
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
cử chỉ, điệu bộ hay tap, hoặc vòi nước hoặc vòi màn hình chính.
Và sau đó khác hơn so với bạn chào đón nhiều hơn để chơi
với các dữ liệu thực tế, nhưng nếu bạn muốn làm
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.
Vì vậy, hướng đến các tài liệu bây giờ.
Hay bạn muốn nói về điều đó?
>> ARMAGHAN BEHLUM: Yeah.
Hãy làm điều đó.
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.
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ỉ
và chúng tôi làm điều đó.
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.
>> Nếu chúng ta đi vào và kiểm tra những cử chỉ cũng
như bạn có thể thấy rằng họ chiều
là trong ba hướng, thực sự.
Vì vậy, không chỉ giới hạn cho mình một màn hình 2D
mặc dù bạn có thể được trên một trang web 2D.
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.
Tomas Reimers: Trong một không gian 3D.
ARMAGHAN BEHLUM: Chính xác.
Và yeah.
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.
>> Tomas Reimers: Và nếu bạn không quen thuộc với điều đó, nó đi x, y,
và sau đó z là chiều kích mới nhất này.
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
phối hợp máy bay trước.
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.
Chúng tôi gọi nó là z.
Và tất cả mọi thứ, loại thích hướng, đó là nơi mà nó sẽ,
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.
>> ARMAGHAN BEHLUM: Yeah, tôi tin.
Nó chắc chắn có tốc độ.
Tôi thực sự không phải là 100% chắc chắn về khả năng tăng tốc.
>> 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ì đó.
Vì vậy, vị trí và tốc độ tiếp xúc trong các loại ba tọa độ.
Vì vậy, x, y, z hoặc x delta, delta y, z đồng bằng.
Vì vậy, hiện nay đứng đầu với tài liệu hướng dẫn nó developer.leapmotion.com
và sau đó bạn có thể nhấp vào tài liệu.
Một lần nữa, Leap Motion có tất cả các API tuyệt vời, một cho JavaScript,
một cho C Sharp và Unity, một cho C ++, một cho Java, một cho Python,
và một cho Objective C. Cá nhân tôi sẽ đẩy bạn hướng tới JavaScript
hoặc nếu bạn muốn tìm hiểu một ngôn ngữ mới, hãy thử Python.
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
và bạn đã biết JavaScript, mà làm cho nó một ứng cử viên thực sự tốt.
>> Một lời cảnh cáo khi bạn nhập vào các tài liệu.
Hãy chắc chắn rằng bạn đang ở trên Docs v2.0.
Bởi vì nếu bạn đang ở trên phiên bản một, nó sẽ không làm việc.
Ngoài ra đối với các bộ sưu tập ví dụ.
Chúng tôi đã dành một tốt 30 phút cố gắng gỡ Leap của chúng tôi
trước khi chúng ta nhận ra rằng V1 không làm việc với V2.
Vì vậy, chỉ cần đảm bảo rằng bạn đang ở trên phiên bản hai.
Và sau đó tôi sẽ cho anh ta cho bạn các tài liệu.
ARMAGHAN BEHLUM: Yeah.
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
mà chúng tôi đã nói với bạn.
Đẹp ít nổi tay trên một Leap Motion.
Và một lời nhắc nhở để suy nghĩ về không gian 3D.
Một trong những đối tượng đầu tiên nghĩ đến với Leap Motion là tay, tất nhiên.
Chúng tôi thấy những người được công nhận bởi Visualizer.
Và sau đó bạn có thể có thấy rằng nó được công nhận
phần của cổ tay và các cánh tay liên kết với nó.
Tomas Reimers: Nếu bạn muốn để kéo lên Visualizer.
ARMAGHAN BEHLUM: Yeah, chúng ta hãy làm điều đó một lần nữa.
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,
Visualizer cố gắng để hiển thị tất cả các dữ liệu mà Leap thấy.
Vì vậy, bạn sẽ thấy rằng chúng tôi có các loại bốn điểm
bằng cổ tay và cổ tay sau đó thực tế.
Và bạn cũng có bóng này ở lòng bàn tay.
Tất cả những điểm nhận được công nhận bởi những bước nhảy vọt.
>> ARMAGHAN BEHLUM: Chính xác.
Và như vậy với đối tượng tay mỗi khung có một mảng tay
cũng đâu bạn cũng có thể nhận được bên trái và tay phải.
Bạn có thể nhận được mà hướng bàn tay
phải đối mặt với bình thường hướng lòng bàn tay,
hoặc như họ gọi nó là cọ bình thường.
Chúng ta có những gì khác?
Chúng tôi cũng có, oops.
Hãy thử và di chuyển xuống theo cách này.
Các cánh tay, các ngón tay đại diện bởi các ngón tay
lớp học, mà là một đối tượng pointable.
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.
Đó là những bé ngón tay để suy nghĩ về.
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.
Tomas Reimers: [Không nghe thấy] tay giải phẫu lên đó.
ARMAGHAN BEHLUM: Yeah, chính xác.
Vì vậy, yeah.
Có rất nhiều các dữ liệu thô mà Leap Motion mất trong diễn giải cũng
cho bạn, vì vậy nó là một tuyệt vời ý tưởng để đi qua đây
và cố gắng tìm ra cách Leap có đã tìm ra những thứ cho bạn
và như vậy những thông tin bạn có sẵn từ đó.
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,
mà đi, cũng thật sự không có, đó là thực sự chỉ cần nhiều thứ API about--
>> 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.
Các bạn có thể thấy điều này khi chúng tôi đã làm Google Maps PSET.
Nhưng các tài liệu tham khảo thực sự chỉ đi qua tất cả
các chức năng và các thông số có sẵn trong các đối tượng cho bạn.
>> ARMAGHAN BEHLUM: Yeah.
Ví dụ, đây là những gì Tôi đã tìm kiếm trước.
Khi chúng tôi có một bàn tay chúng tôi có thể đi và tìm ra
cách Leap khuyến cáo để chúng ta tìm thấy một bàn tay.
Giống như tôi đã nói trước đó, chúng tôi có một mảng tay.
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
để tương tác với theo cách đó.
Vì vậy, đó là những gì chúng tôi giới thiệu cho các bạn.
Các động tác và các công cụ là tốt.
Tài liệu API này sẽ là một công cụ tuyệt vời cho các bạn.
Bạn có bất cứ đề nghị nào khác?
>> Tomas Reimers: Tôi thì không.
Tôi nghĩ rằng đó là tốt cho bây giờ.
>> ARMAGHAN BEHLUM: Yeah, Tôi nghĩ như vậy là tốt.
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
nếu bạn gặp bất kỳ vấn đề có thể hoặc cần bất kỳ kiến ​​nghị.
Và chúng ta có thể thử và tìm thứ ra với các bạn là tốt.
Cám ơn.
>> Tomas Reimers: Great.