ТОМАС Реймерс: Круто. Так привіт, всім. Томас Мене звуть. Я ТФ і це ARMAGHAN BEHLUM: Армі. Приємно бачити вас, хлопці. ТОМАС Реймерс: Круто. Таким чином, ми будемо говорити про Leap Motion сьогодні. Так Leap Motion є дійсно здорово продукт, який дозволяє взаємодіяти з Комп'ютер по-іншому. Так вся ідея Leap Motion є те, що вам можете використовувати свої руки, щоб взаємодіяти з комп'ютером. Так прямо тут у мене є щось налаштувати. Я буду говорити про це в небагато. Але основна версія, що ви можете бачити, що у мене є руки перед мій комп'ютер і коли я перемістити їх, Ви отримуєте аналог комп'ютера і ви можете проаналізувати це. Ви можете зробити жести. Ви можете використовувати ваші руки взаємодіяти з комп'ютером в новому та цікавому шляху. Ну, я насправді вперше хочете видати на Армі щоб показати вам деякі цікаві демо про те, що деякі люди зробили з цим. А потім ми поговоримо про те, як ви насправді код за допомогою цього. ARMAGHAN BEHLUM: Так. Здравствуйте. Так як ми бачили, мало Дані тут, але давайте подивимося, те, що деякі люди зробили з цим. Отже, дозвольте мені просто відкрити цей приклад. І тоді, так, наприклад, ви можете побачити моя рука аналоговий, але тепер цей час Деякі люди за допомогою Unity є вирішив покласти трохи більше шкіри і речі навколо руки. Так що я можу, давай з цим, Звичайно, є мої руки взаємодіють. І ви, ймовірно, може собі уявити, Кілька інші цікаві корисних речей що ви можете зробити з цим. Таким чином, це принаймні один з прикладів. А потім давайте перейдемо з цього. А потім ще класний , Давайте йти з цим. Плазмо м'яч. Знову ж таки, ми не обов'язково очікувати такого рівня складності від остаточного проекту CS50. Це просто, щоб показати вам, деякі з, дати вам, хлопці, трохи натхнення для того, що ви, хлопці, можете робити з Leap Motion. Так, наприклад, ось здорово Приклад фізика, якою ми йдемо. Має обидві руки, так що тепер ви Тобто цей маленький плазмовий кулю. І м'яч реагує на фізиці мене рухатися мою руку навколо м'яча. Тепер це все, хоча за допомогою ПО Unity, використовуючи вид інструментів і механізмів що ми не навчили ви, хлопці, в класі, але як ви можете побачити деякі досить круто прогонах з цим. Але одна річ, що ви, хлопці можуть зробити починаючи від прямо зараз з Leap Motion робота в JavaScript. Leap Motion має API JavaScript, що ви, хлопці, можете використовувати і ми дуже, дуже рекомендуємо що ви, хлопці побудувати Ваші проекти за допомогою цього. Так з цим, дозвольте мені передати його відступити Томашу говорити про Leap Рух і JavaScript. ТОМАС Реймерс: Круто. Або ви хочете, щоб показати їх Visualizer в першу чергу? ARMAGHAN BEHLUM: Ах, так. Так. Давайте більш про те, що Visualizer говорити. ТОМАС Реймерс: Так на найосновніші Рівень, коли ви вперше потрапити в Leap Motion Ви будете мати цю опцію. Тут хочеш, щоб я контроль? ARMAGHAN BEHLUM: Так, йти за нею. ТОМАС Реймерс: Отже, коли ви Перший дістатися до Leap Motion Ви будете мати цю опцію. Він має пристрій, який виглядає наступним чином. Ви підключаєте його до комп'ютера, встановити необхідні драйвери, а потім він в основному буде створена. Так простий спосіб сортування угоди з Leap Motion це відкрити цю програму він встановлює називається Leap Motion-камери. І Visualizer буквально що я показую тут. Це дозволяє вам бачити скелетних план ваших руках. І те, що Leap Motion інтерпретує їх як. Так Leap Motion використовує камеру сортувати дивлюся на ваших руках а потім він намагається вгадати, що Основна скелетних композиція, яка вас см на екран. І ось що він показує вам. ARMAGHAN BEHLUM: Кожен один невеликий пункт і що, що ви бачите там дані, які доступні для вас, хлопці а також до використання. Отже, ви бачите, що це захоплення, що Томас п'ять пальців, кожен з ці різні пальці також доступні для вас в якості даних точки, щоб використовувати в будь-якому додатку що ви, можливо, захочете. Якщо ви хочете побачити, якщо хтось робить пальці вгору Ви можете побачити, якщо їх пальців скручені і чи є вони палець палець вказує вгору, і де зап'ясті або долоню і що тип матеріалу. ТОМАС Реймерс: Круто. Таким чином, ви можете побачити деякі жести це краще за інших розуміє. Пам'ятайте, що це, дивлячись на ваші рука з на камеру знизу, тому, коли у вас є руки, як це він розуміє їх повністю, але як тільки ви починаєте, щоб спробувати зробити великі пальці, іноді він читає його, іноді можна здогадатися, але, чесно кажучи камера просто не бачу великий палець. Так що це насправді не Переконайтеся, що відбувається. Просто деякі обмеження, щоб мати на увазі, коли ви розробляєте з цим. У всякому разі, так повертаючись до цього. Visualizer насправді є багато корисних інструментів. Так Leap Motion є запрограмований таким чином, що вони не очікують, що ви взаємодіють з цими даними зображення. Вони насправді не очікувати, щоб ви зрозуміли що відбувається за лаштунками. Що вони роблять, піддавати купа інтерфейсів для вас таким чином, що ви можете взаємодіяти з цими даними безпосередньо, без розуміння що відбувається під капотом. Так що, якщо ми потрапили H тут, в-камери Ви побачите багато варіантів. Важливим тут, хоча якщо ви потрапили O, а потім ударив H, Ви побачите, що він дозволяє малювати жести. Так жест, ви побачите це малює стрілку в поперечнику. Жест є одним із способів, які стрибок Рух роду дозволяє отримати на дані без необхідності обробляти його. Таким чином, замість мене необхідності з'ясувати з, ну, рука рухається, навіть якщо у мене є доступ момент, API буде свого роду просто скажіть мені, агов, вони зробили цей жест. Таким чином, ви можете зробити основні жести зі стрілками. Ви можете зробити коло жести. Ви можете зробити натиснувши жести. І ви можете зробити натиснення клавіш жести. Так. І такого роду речі. Так що тепер, коли ми начебто бачив, що Leap Motion може зробити, Ви можете бачити, що можна прочитати ціла купа жестів. Я думаю, що я збираюся передати його назад в Армі і він буде говорити про те, як Ви отримуєте на них з JavaScript, як ви навіть почати проект з цим. А потім ми поговоримо про деякі холодні місця, де можна йти з цим. ARMAGHAN BEHLUM: Так. Звучить добре. Так що так, найперше, що ми хочу, щоб ви зробити звичайно, після того як ви отримаєте Leap Motion є перейти до leapmotion.com, налаштуванні, установці драйвери та інше. Після цього, що ви можете піти переконайтеся, що він підключений. Якщо ви бачите у вашій маленькій лоток Leap значок руху, і це зелений, то ви знаєте, що все в порядку. І, звичайно, перевірити, що саме Томас тільки що показав вам з жестами і робити торкання екрану, і Ключові кранів, і що тип матеріалу. Після цього, хоча ми, знову ж, як я вже сказав, у нас є доступ до всіх з них речі в JavaScript, а також. Ідеально підходить налаштувати, що ми рекомендуємо Вам Хлопці, це піти в ваш віртуальний хост каталог, локальний хост, громадськості у вашій CS50 приладу. І коли ви йдете туди, що ви будете бачите індекс точка HTML файл. Тепер, коли індекс точка HTML-файл або індекс точка PHP-файл, в залежності від добре, що ви можете зробити це перейти на основної операційної системи. І якщо ви йдете в IP-адресу що перераховано в правому нижньому кутку кут вашого приладу прямо тут, як ви можете бачити, те, що відбувається це ви перейти на сторінку Це посилається що індекс точкової HTML-файл. Так весь код, який ви могли б поставити в є відсилається і може використовуватися тут. ТОМАС Реймерс: Так що це також важливо тільки для довідки що якщо ви, хлопці, насправді знаємо, як налаштувати сервер самостійно, або ви хочете поставити це на всесвітньому Інтернет, ви можете це зробити що-небудь. Слід пам'ятати, що ці фото всього JavaScript і все обробки Leap робиться на стороні клієнта. Так що насправді не має значення де ваше життя сервера за умови, що комп'ютер Ви переглядаєте сайт на встановив Leap Motion. ARMAGHAN BEHLUM: Абсолютно вірно. Як Томас сказав, так, все, що працює для вас, хлопці. Це лише один з наших рекомендацій. Тепер, щоб почати використовувати стрибок Рух, що ви могли б зробити це ви б імпортувати JavaScript-файл з Leap Motion. А потім звідти що Ви можете зробити це прямо зараз Я просто цей пункт тег встановлена ​​з ID тексту. Те, що ми б рекомендували налаштування параметрів регулятора для Leap Motion з включити жести, щоб бути правдою. Так, за замовчуванням тих, жести, які ми показали вам хлопці, коло, і Ключ крана, а пійло, ті, які не показуються Ви, хлопці, за замовчуванням. Але ми настійно рекомендуємо використовувати тих, так що ви не винаходити колесо. Включити тих, правда, проходячи ті, Контролери стрибати точка петлі і все готово до роботи. Бо тоді ви просто повинні визначається анонімну функцію який відбудеться в кадр з Leap Motion і що рама має всі Інформація, яку Ви будете потребувати. ТОМАС Реймерс: Так просто Нагадаємо, що у вас є один об'єкт. Ви повинні цю функцію називається високосним точка контура. І ви називаєте це з двома аргументами. Ви називаєте це з однією, варіанти контролера. І є багато варіантів, ви можете покласти туди. Той, який ми збираємося підкреслити, включіть жести. І якщо ви встановите його рівним вірно, то Ви можете отримати доступ на цьому жестів що ми показали вам в камери. І тоді другий аргумент функція, то ніби як зворотного виклику який буде викликатися кожен Час кожен кадр стрибка, Тому кожен раз, регістри стрибок, який Ваша рука крок, він має на новий кадр. І це викликає цю функцію з одним аргумент, який є об'єктом кадру. І, що об'єкт в кадрі описує рамка Leap бачить. ARMAGHAN BEHLUM: Абсолютно вірно. Так що це містить всі корисно біти і шматки інформації що ми говорили раніше. Перевірка кадрів точкові жести є масив жестів що рух стрибок привернуло вашу руки роблять в останньому кадрі. Так, наприклад, те, що ми робимо тут ми перевірки, агов, стрибати, в останньому кадрі зробив Ви зловити будь жести, які я зробив? І якщо так, то ми вирішили зробити в перебору цих жестів і спробувати отримати деякі корисні Інформація від них. Кожен жест має унікальний ID пов'язано з ним. Вони мають типи. Ви можете подивитися на які пальці були залучені в жестах перевіряючи цю pointable речей. Так що, якщо, коли ви йдете через Leap Motion JavaScript API речі, коли вони згадують pointables, вони говорять про ці пальців. А потім руки, звичайно, весь об'єкт руки. Що ще? Ви можете перевірити, як довго Рух тривало для і, так, всі ці корисні речі. Так, що я роблю прямо зараз тут я увійшов в кадр, і тоді я оновити мою HTML для відображення Всі з цих бітів інформації від рами. Так давайте перевіримо це. Так ось вона. Ось HTML файл індексу крапка. І як ви тільки що бачили, коли я тільки переїхав моя рука Leap зловив рух кола. Таким чином, ви можете бачити, що я роблю коло по тут, оновлює інформацію кола. Роблячи пійло, ловить пійло. Давайте спробуємо вкладку екрана. Там ми йдемо. Натисніть Екран і ключ крана. Так ключові крани Крім того, завдяки до речі, коли ви натиснете вниз. Таким чином, ви можете собі уявити, Можливо, грати на піаніно. А потім екран крани коли ви натиснете на екран. Таким чином, ви можете собі уявити, може бути, ви насправді мають сенсорний екран перед вами і ви удару дотик Екран перед вами. І тоді ми зможемо захопити один з цих об'єктів в тут. Так що пам'ятайте, я сказав, що я був передаючи кадр в лог консолі. І таким чином ми можемо перевірити всі біти і шматки інформації які доступні в цей кадр, а у використанні. Як я вже сказав раніше, pointables є пальці. У той момент у нас не було нашого руки в передній частині Leap Motion так вона зареєструвала нулю, але це, як ви почне дізнатися, може бути, скільки пальці екран. І цей тип інформації. ТОМАС Реймерс: І, згадуючи це просто об'єкт. Так що все може бути доступна ніби як структури в C. Ви маєте об'єкт назвати точка ім'я властивості. І потім протягом, що у вас є масиви і у вас є інші об'єкти, але пам'ятайте, що це просто об'єкт. Там немає нічого особливого тому що ми використовуємо стрибок. ARMAGHAN BEHLUM: Так. Круто. Чи повинні ми перевірити пару прикладів JavaScript? ТОМАС Реймерс: Так швидко Пам'ятайте, що ми сказав, що стрибок може насправді працювати на будь-якому сайті. LeapJS тільки подають до клієнта. І так разом, як клієнт має Leap Motion додається вона буде працювати. Так Leap Motion має сайт, де люди можуть поділитися своїми приклади з речей, які вони зробили. Таким чином, ми тільки збираємося йти через пару з них щоб побачити, що це можливо, до дайвінг в більш специфіки про те, як це можливо. Так ARMAGHAN BEHLUM: Давайте подивимося. ТОМАС Реймерс: Тепер воно має працювати. ARMAGHAN BEHLUM: Так зараз перш, ніж ми бачили приклад за допомогою Unity, який виніс у свої руки з досить вражаючих графічних скінів, але тепер ви можете бачити, що Ви можете зробити Те ж саме в веб-браузері. Це все всередині Chrome тільки за допомогою JavaScript. А потім інші приємні Справа в тому, якщо ви хочете знати, як вони це зробили, приклади на JavaScript Також варіанти коду, Ви можете перевірити, а потім подивитися як ця людина схопив руки і коди і такі. Так що все, що ви можете знайти в developer.leapmotion.com. Ви можете піти і перевірити наявність Приклади, які у них там. Так що так. Ось це, ой вибачте. Давайте спробуємо це знову. Ох. У мене є два праві руки. Так що так. ТОМАС Реймерс: Так і знову, пам'ятаю, іноді Leap псує. Просто дайте йому друге. Це не ідеально, але це дуже добре. ARMAGHAN BEHLUM: Один Інша рекомендація також щоб не зробити це в прямих сонячних променів. Так речі Leap Motion Роботи, власне якщо я покажу камеру цю а також, інфрачервоне світло. Так він посилає тих, і потім читає їх, коли вони повертаються. Так що, якщо ви намагаєтеся зробити це прямі сонячні промені, Наприклад, це, ймовірно, не працюватиме, або це буде вимагати деякі калібрування, щоб зробити це. Також ще одна рекомендація полягає в очистити простір за стрибка і перед стрибком. Думайте про це як працює усередині купола, що це навколо цього об'єкта Leap Motion. Якщо є речі право за ним, а також, що також збирається втручатися з тим, як Leap Motion намагається визнати свою руку і що тип матеріалу. Так, наприклад, я думаю, в цьому Справа це мій ноутбук насправді це свого роду робить Leap Motion. Так, ми йдемо. Так що, якщо я очистити мій ноутбук від за ним рука показати досить добре. Так що так. Там ось і все. Так що ж зробив ми показуємо їх. ТОМАС Реймерс: Я думаю, тепер буде час сортувати занурення в і давайте просто зробити демо повністю з нуля. Це буде дуже просто. В основному те, що ми збираємося щоб спробувати зробити, це зробити його так що, коли ви проводите боку, фон збирається почати, як червоний, і коли ви проводите рукою, фон відбувається зеленіти. ОК? Дуже просто. І це в основному просто збираюся пройти через багато з концепцій Leap так що ми можемо потрапити в цю ідеологію, як Leap працює і як ми можемо побудувати речі з цим. А потім звідти ми будемо ймовірно, просто показати вам, Документів API і де ви можете прочитати більше про це. І тоді ми будемо називати його день. Так що ви хочете, щоб закодувати або Ви хочете, щоб я код? ARMAGHAN BEHLUM: Так. Ну, я думаю, ми можемо працювати разом на цьому і спробувати ТОМАС Реймерс: Таким чином, ми зробити яку-небудь пару кодування. ARMAGHAN BEHLUM: Там ми йдемо. Це саме те, що я хотів, щоб перевірити. Круто. Так, наприклад, в тут, давайте подивимося. У той час як ми ітерації через уже жестів, ТОМАС Реймерс: Хочете зробити тільки повністю новий файл? ARMAGHAN BEHLUM: Повністю новий файл? Так, звичайно. ТОМАС Реймерс: Так. ARMAGHAN BEHLUM: Так давайте зробимо це. ТОМАС Реймерс: Отже, ми збираємося щоб повністю файл. Ми називаємо це передати точка HTML. Це круто зі мною. Так що пам'ятайте, ви робите HTML тег, потім протягом, що у вас є голова. Це глава має назву в ній. Так вкладка іншим способом. Там ви йдете. Назва, ми будемо називати його стрибок Приклад. Так. ARMAGHAN BEHLUM: Ой. Назву. ТОМАС Реймерс: Так. ARMAGHAN BEHLUM: Там ми. ТОМАС Реймерс: І то давайте зробимо тіло. ARMAGHAN BEHLUM: Почекайте, давайте Також переконайтеся, що імпортувати. ТОМАС Реймерс: Так, звичайно. Моє погане. Так завжди переконайтеся, що у вас є Leap Сценарій, так що це сценарій дано вам по Leap Motion, яка в основному дозволяє веб-браузер для підключення до пристрою на комп'ютері користувача. І тоді в цьому ми теж потрібно тіло і давайте просто зробити тіло сказати привіт так що ми можемо показати студентам як підключитися до цієї нової веб-сторінка, що вони зробили. ARMAGHAN BEHLUM: Звичайно. Так що давайте просто покласти another-- ТОМАС Реймерс: Привіт, привіт світ. Так дуже простий приклад. Насправді просто демо. ARMAGHAN BEHLUM: А потім тут ми може йти, ми назвали його рука точка HTML, чи не так? І ах! Тому мені цікаво, що сталося з цим прямо зараз. Давайте додамо дозволу на читання передати точка HTML. ТОМАС Реймерс: Ви хочете зробити це у великій термінал так що ми можемо просто показати його на the-- ARMAGHAN BEHLUM: Так, це має сенс. Добре. Так що я просто додав дозволу, але якщо ми були перевірити Дозволи перш ніж ми побачив би, що насправді руку точка HTML не мають дозволу на читання і, отже, ми не могли зробити його. Але тепер, якщо ми це зробимо, ми бачимо нашу маленький світ привіт прямо там. ТОМАС Реймерс: так давайте насправді, як він писав, привіт світ, Я думав про шляхи ми могли б змінити це. Давайте зробимо це сказати привіт світ, і потім, коли ви хвиля, вона прощається. Вірно? Так привіт, до побачення. ARMAGHAN BEHLUM: Звичайно. ТОМАС Реймерс: Це звучить досить добре. ARMAGHAN BEHLUM: Це звучить добре для мене. ТОМАС Реймерс: Так що, якщо ми збираюся цього робити давайте просто думаю, через веб-сторінку небагато. Ми збираємося потрібен деякий скрипт які в основному реєструє що ви махнув рукою і на стрибок, хвилі і серветки, те ж саме. Отже, ми збираємося потребувати сценарій, який в основному реєструє для цього серветки. І ще одна річ, ми буде потрібно, ми знадобиться деякий Фактичний зміст змінити. Отже, як ви пам'ятаєте, JQuery дозволяє змінювати зміст. Таким чином, одна річ, яку ми могли б включити в це бібліотека JQuery. І тоді, щоб бути в змозі вибрати те, що ми насправді відбувається, щоб змінити зміст, що збирається потрібен ідентифікатор або клас, або щось що ми можемо використовувати, щоб вибрати його. Таким чином, ми просто дати йому Швидкий ID тексту змін. І тоді ви хочете, щоб захопити JQuery? ARMAGHAN BEHLUM: Так що спочатку що на нашому, щоб зробити список, то зараз? ТОМАС Реймерс: Давайте захопити JQuery? ARMAGHAN BEHLUM: Давайте захопити JQuery, добре, прохолодно. У цьому випадку, я збираюся доведеться actually-- де б найкраще місце, щоб зробити це? ТОМАС Реймерс: JQuery, так що якщо ви Google JQuery, натисніть JQuery, перший ARMAGHAN BEHLUM: Дуже перший. ТОМАС Реймерс: Або завантажити. Це нормально. Хіт скачати v1 і v2 зліва. Так ми описуємо JQuery від онлайн, як ви вже, напевно, зроблено. Прокрутіть вниз. Вгору, вгору. ARMAGHAN BEHLUM: О, зараз прямо тут? ТОМАС Реймерс: Або що. Так. Так JQuery має розміщеного версію Це означає, що ви насправді не потрібно, щоб завантажити його, але ви більше Ласкаво просимо, щоб завантажити його і провести його самостійно. ARMAGHAN BEHLUM: Круто. Так що тепер у нас є JQuery. Тепер те, що буде далі на нашому щоб зробити список. ТОМАС Реймерс: Awesome. Так що наступного, що нам потрібно робимо, ми насправді потрібно щоб дати р привіт світ ID так що ми можемо змінити це, чи не так? Так що давайте дають уявлення про, Я не знаю, змініть текст? ARMAGHAN BEHLUM: Давайте просто зробити це таким чином, я припускаю. ТОМАС Реймерс: changeText, круто. А тепер давайте просто обновіть сторінку. Переконайтеся, що все працює. Отже, повернемося в браузері. Круто. Завжди гарний нагадування, що коли ви створюєте веб-сайт, ймовірно, оновити кожен раз, коли ви робите будь скільки-небудь значних змін просто Бо іноді вам випадково упустите тег, або ви випадково видалили щось, а потім щось зламається невеликий, але потім, коли ви робите велику зміну ви, як чому це велика зміна здавалося б, зламати, не пов'язаний річ. Так що це завжди добре, щоб розібратися в піти і зробити ці перевірки готовності. У всякому разі, так що тепер давайте зробимо останній перевірка справності, який давайте спробуємо змінити Текст без Leap Motion, без нічого, просто на сторінці завантаження він буде змінити привіт світ для до побачення допомогою JQuery. Так що, якщо ви пам'ятаєте, JQuery виставляє Ця функція знак долара, які ми можемо передати селектор CSS, щоб, а саме хештегом текст зміна, яка вибирає елемент з ID тексту змін. А потім ми збираємося викликати метод HTML на об'єкті повертає з Аргумент струнного Прощай, які буде змінити елементи HTML, щоб попрощатися. Високий. Це здається досить прохолодно. І тепер, коли ми оновлюємо Сторінка що ми збираємося, щоб побачити вона миттєво змінюється на прощання, чи не так? Тому що він не чекати нічого. Сортувати як тільки цього сценарію працює він міняє його на прощання. Круто. Отже, тепер давайте завершимо, що у функції. Вірно. Отже, ми збираємося, щоб хотіти зробити функцію. Ми будемо називати його на прощання. Так функція До побачення відбувається не приймати ніяких аргументів і це насправді не збирається нічого повертати. І це тільки збирається зробити це в JavaScript. Відмінно. Таким чином, наша функція побачення зараз змінює текст до побачення, чи не так? Так що це дає нам можливість в основному зміни що текст побачення коли це ми назвали цю функцію. Вірно? Так що це дуже здорово. ARMAGHAN BEHLUM: Ну, ми Також можна просто переконайтеся, що тепер, оскільки ми не закликаємо Функція, якщо ми оновити сторінку, помітите, що він не збирається змінити текст. ТОМАС Реймерс: Відмінно. Отже, тепер ми збираємося почати щоб потрапити в які перестрибують речі що ми говоримо. Так Армі, ви хочете, щоб прийняти його тут або? ARMAGHAN BEHLUM: Так. Звичайно. Я, ймовірно, знадобиться Ще раз перевірте речей, але, наприклад, пам'ятайте, ми сказали, що хотіли щоб переконатися, що в параметрах ми встановлюємо включити жести ТОМАС Реймерс: Хороший улов. ARMAGHAN BEHLUM: щоб бути правдою. І тоді ми рекомендували що ви, хлопці б запустити стрибок точка контуру, який як ми вже говорили раніше, є два варіанти, об'єкт JSON, що це варіанти, як ви хочете налаштувати Leap Motion, щоб робота, а потім функцію, яка збирається зловити кадр як зворотний виклик функції, як Томас говорив. А потім редагувати те, що ви хочете робити з цією функцією. Так ми переходимо в варіант, і тепер ми визначаємо функція, яка відбудеться в кадрі. І тепер ми повинні визначити що це функція. Це також заради Майбутнє, зробіть це, щоб переконатися. ТОМАС Реймерс: Відмінно. Так що тепер у нас є це стрибок функція точка петлі виклик, на який в основному говорить дивитися Leap з цими варіантами, і кожен раз щось змінюється, назвати це Функція кадру з усіма даними що ви знаєте про в кадрі. Звучить досить добре. Так що тепер швидко санітарної перевірки, який я завжди рекомендую, полягає в тому, просто покласти Консоль точка журналу кадру. І тоді в Chrome відкрити його і дивитися на консолі і пограти з Leap, щоб побачити кадри після входу, тому що це отримати вам уявлення про те, що дані, які ви маєте доступ. І, як завжди, якщо ви заплуталися, шукати посилання API. І ми будемо включати посилання Для цього в кінці цього. ARMAGHAN BEHLUM: Таким чином, ми обновіть сторінку, а потім ми йдемо і відкрийте консоль знову. А тепер ми бачимо, що ми маючи кадрів аргументами, ці маленькі об'єкти, які ми бачили раніше. Так що так. Це наші кадри з'являється в консолі. Круто. Так що тепер ми схопили кадри, як ви, можливо, пам'ятаєте раніше від, наприклад, що у нас було, якщо ми перевіряємо кадрів точкові жести ми отримуємо список жестів, які рамка зовсім недавно зловили. Ми можемо перевірити довжину цього масиву щоб побачити, якщо Leap зловили будь-яких жестів. Так що, якщо масив більше нуля, то ми знаю, що у нас є деякі речі, щоб зробити. Отже, давайте обернути, що в якості умовного оператора і тепер тут, що ми знаємо, це ми бачили жест, давайте діяти по ньому. Так що тепер ми тут, ми є жест, щоб перевірити. ТОМАС Реймерс: Ну, по-перше Справа в тому, що це не просто один жест, це може бути як багато жестів. ARMAGHAN BEHLUM: Абсолютно вірно. ТОМАС Реймерс: Так в класичний C стиль тут ми, напевно, хочете використовувати для петлі. ARMAGHAN BEHLUM: Тут ми тоді. Ми вирішили ітерації через жести. І давайте подивимося. я плюс, плюс. І тепер, якщо ми, можливо, зробив просто Var жест одно рамка точкові жести Кронштейн я, тепер у нас є Сам жест, який є лише одним один екземпляр об'єкта жесту для нас працювати з Усередині цього для петлі. Добре. ТОМАС Реймерс: розсудливість Давайте перевірте тут знову і не тільки на консолі точка увійти жест, щоб побачити, що ми отримуємо. ARMAGHAN BEHLUM: Консоль точка журналу жест. Оки Доки. І оновити ще раз. ТОМАС Реймерс: А давайте спробуйте зробити жест. Ви побачите, що у зв'язці з, коли він сильно вдаряє, Ви отримуєте купу жестів в консоль і, якщо він намагається зробити коло, це просто-- ARMAGHAN BEHLUM: Кола просто дуже приємно. ТОМАС Реймерс: Тепер є дивна річ тут, який він робить одне коло, але це вхід 80 жестів, чи не так? Це багато жестів. Так сортувати речі, щоб реалізувати, і це може ввести в оману, є те, що жест це не просто фіксується один раз. На кожному кадрі, праворуч, так що якщо я роблю коло Leap виявить це це зміна, від цього це зміна, від це зміна. І це буде увійти кожен з них. Але в кожному з них, це скаже, о, є жест в даний час. Отже, дозвольте мені просто сказати, агов, є жест, і це в даний час. Так що ми не хочемо, щоб зробити, це сказати, ну, на кожного з з тих жестів ви Щоб змінити текст. Те, що ми хочемо зробити, це коли що жест зупиняється, і ми можемо перевірити, що то ми хочемо, щоб змінити текст. ARMAGHAN BEHLUM: Mhmm. Так як Томас є пояснюючи ці жести Може здатися, через кілька рами, але, наприклад, коли у нас були що коло, ми бачимо, що ідентифікатор цього один один круг, який ми можливо, намагається завершити був той же ідентифікатор у всьому. І справді, ви також можете перевірити свій статус. оновлюється. І то це, ймовірно, Останнє коло, що, ну, добре, добре. Так що іноді він показує вам Статус зупинки жест і це також показує статус почати нове жест коли вона визнає напевно, що Ви почали новий жест. Наприклад, в цьому випадку. ТОМАС Реймерс: Круто. ARMAGHAN BEHLUM: Так що так. І потім, давайте подивимося. Ви також можете помітити, хоча ми робили коло і жест має поле з назвою типу який говорить нам, які жесту, що є. Так що може бути корисним для нас ви спробуйте, і робити те, що ми робимо. ТОМАС Реймерс: Так перехід назад в JS, Перше, що спадає на думку, Крім того, тільки прочитавши цей код є невелика оптимізація, що ми насправді це не потрібно, якщо стан, чи не так? Тому що, якщо кадр точкові жести точка довжина дорівнює нулю, що для петлі-х не збирається балотуватися в будь-якому випадку. Таким чином, ми можемо також просто піти вперед і позбутися цього. Знову ж таки, в той час як ви пишете код важливо, щоб повернутися і роду з реорганізувати, як ви розумієте, що ви могли б зробити щось краще, або, що є інший спосіб зробити це. Отже, тепер ми просто будемо очистити це швидко і також очистити код. Це велика справа. ARMAGHAN BEHLUM: Добре стиль дуже цінується. ТОМАС Реймерс: Ви можете завжди кажу, коли хтось має код де раніше було, якщо стан і потім вони зняли його, але вони не раскоментіровать. Це дуже очевидно і це начебто виглядає негарно. ARMAGHAN BEHLUM: Так що це Далі в нашому щоб зробити список? ТОМАС Реймерс: Так що тепер, як ми говорили, Я думаю, перше, що ми хочемо зробити це переконатися, що цей жест років насправді серветки, чи не так? ARMAGHAN BEHLUM: Так. ТОМАС Реймерс: Отже, якщо ми говоримо, що наш до побачення ніби як серветки, ми підемо з його серветки, Перше, що потрібно сказати, гей, в жест введіть серветки, чи не так? Чи не окружність або зверху, але це серветки? Так, як ми можемо зробити це що ми можемо сказати, жест Тип точка дорівнює дорівнює серветки у вигляді рядка. ARMAGHAN BEHLUM: [нерозбірливо] жест Тип точка дорівнює дорівнює серветки. Там ми. ТОМАС Реймерс: І то останнє запитання ми хочемо, щоб це жест точка стан одно одно зупинка, чи не так? Так от, коли жест був зупинений. Я насправді думаю, що для серветки, я знаю, що це з верхньої частини моєї голови, але ви можете на шукати його, коли ви проведіть кожен раз, коли реєструє його до тих пір, як ви перестанете не почало жест. І тоді останній років просто зупинка жест. Так що буде тільки одна зупинка жест, який відмінно підходить для нас. Отже, що ми можемо зробити, це сказати, якщо жест точка введіть рівний рівного серветки і жест точку Статус дорівнює одно зупинити, то давайте здоровий глузд перевірте тут консоль точка жест журналу. Таким чином, ми повернемося сюди. Ми обновіть сторінку. А тепер тільки час щось повинно бути консоль точка увійшли, коли ми проведіть. І ми намагаємося, щоб сильно вдарити, і ми нічого не бачу. Вірно? Так що це насправді велика проблема. Ми не бачимо, що ми очікували. І налагодження може бути великою частиною цього. Тому перше, що ми збираємося сказати, це добре, давайте втішити точку увійти, якщо жест точка введіть рівний рівного серветки. ARMAGHAN BEHLUM: Так, давайте зробимо це. ТОМАС Реймерс: Так що ми збираюся повернутися до цього. Ми оновити. Ми проведіть. І ми збираємося, щоб побачити купу з них. ОК. Отже, ясно проблема була з нашим статусом жест точки. Так, якщо відкрити одну з них ми будемо шукати в об'єктах, і ми побачимо, ну, це зупинка, але, ох, це називається держава, а не статус. Так що, якщо ми повертаємося в наш код, ми можемо сказати, Якщо тип жест точка дорівнює дорівнює серветки і держава жест точка дорівнює одно зупинка, тоді ми будемо втішати точка зареєструвати її. І так оновити. Ми проведіть. І ми побачимо, що на кожен серветки, ми тільки отримати один, який є кінець, який є великим, чи не так? Ось що ми хочемо. ARMAGHAN BEHLUM: Так. І ми можемо також зауважити, що ідентифікатори для Кожен з цих жестів окремо. Так як Томас говорив, тому що ми ловити цю одну зупинку стан, існує в кінці серветки, ми отримувати індивідуальні окремі жести від Leap Motion. Відмінно. ТОМАС Реймерс: Давайте йти вперед і просто зробити остаточний річ, яка, ARMAGHAN BEHLUM: До побачення. ТОМАС Реймерс: Awesome. А тепер давайте подивимося на наш сайт. Один ARMAGHAN BEHLUM секунда. Ми не, так, ми ж називаємо це побачення. Відмінно. ТОМАС Реймерс: Ні, до побачення є речова функція. ARMAGHAN BEHLUM: Так. Давайте зробимо це. ТОМАС Реймерс: І коли ми попрощатися, він говорить до побачення. ARMAGHAN BEHLUM: У нас є перемога. ТОМАС Реймерс: Так досить цікаві речі. Сподіваюся, ви зможете побудувати щось ще, але ви отримаєте ідею, чи не так? Ви можете виявити жести. Ви можете викликати функції. І від того, що насправді дає вам деякі дуже основні будівельні блоки сказати, ну, може бути, коли вони пальцем вгору, тому що ви також можете виявити речі як напрям. Я хочу, щоб щось зробити. Або коли вони проведіть в порядку, я хочемо, щоб вони щось зробити. І ми можемо почати, щоб отримати творчий з тим, як саме ми збираємося поліпшити наш веб-сайт за допомогою цих жесту або коло жести, або натисніть жести, або ключ крани або торкання екрана. І тоді крім того, що ви більше, ніж можете грати з фактичними даними, але якщо ви хочете зробити що ми хотіли б запропонувати вам перейти на документи тому що вони насправді дуже добре. Так попрямували в документації зараз. Або ви хочете, щоб поговорити про це? ARMAGHAN BEHLUM: Так. Давайте зробимо це. Також один ласий шматок поради, намагаюся і думаю, це в 3D. Тому насправді давайте підтягнути ці жести ще раз жест журналу консолі точка і ми робимо це. Приходьте назад і тепер давайте спробуємо пара з них, пара з них. Якщо ми йдемо в і перевірити ці жести, а як ви можете бачити, що вони розмірність в трьох напрямках, насправді. Так що не просто обмежити собі екрану 2D- хоча ви, можливо, бути на сайті 2D. Ви можете спробувати і думаю, як користувач може взаємодіяти з сайтом в 3D. ТОМАС Реймерс: в 3D-просторі. ARMAGHAN BEHLUM: Абсолютно вірно. І так. Таким чином, ви отримуєте напрямки, швидкості, всі ці круті біти інформації. ТОМАС Реймерс: І якщо ви не знайомі з тим, він іде X, Y, а потім г це останнє вимір. Просто те, що ви, ймовірно, знайомі з тим, якщо ви мали справу з 3D до координатних площин. Якщо у вас немає, це ж, як 2D ніхто, крім там третій вимір. Ми називаємо це р І все, ніби як напрям, який є, де вона збирається, position-- Я думаю, що це може навіть виставити прискорення, я не впевнений. ARMAGHAN BEHLUM: Так, я вважаю. Це, безумовно, має швидкість. Насправді я не на 100% упевнений прискорення. ТОМАС Реймерс: Це може бути варіант Ви можете перейти до чогось. Так положення і швидкість піддаються в ці роду трьох координатах. Так х, у, г або дельта х, дельта Y, дельта Z. Так що тепер на чолі з документацією це developer.leapmotion.com а потім ви можете за посиланням: Документація. Знову ж таки, Leap Motion має все це чудові API, один для JavaScript, один для до-дієз і єдності, по одному для C ++, один для Java, один для Python, і один для Objective C. Я особисто штовхатиме вас до JavaScript або якщо ви хочете дізнатися, Нова мова, спробуйте Python. Обидва цих мовах я працював з до, і вони дуже легко дізнатися і ви вже знаєте, наявність яких робить його дійсно добре суперником. Одне слово застереження при введенні документи. Переконайтеся, що ви перебуваєте на Docs v2.0. Тому що, якщо ви знаходитесь на Версія перша, вона не буде працювати. Крім того, для прикладу галереї. Ми провели хороші 30 хвилин намагаючись налагодження наш Leap перш ніж ми зрозуміли, що V1 не працює з V2. Так що переконаєтеся, що ви перебуваєте на другої версії. І тоді я дам йому показати своє документацію. ARMAGHAN BEHLUM: Так. Так ось огляд API, а потім деякі біти і шматки інформації що ми вам вже сказав. Миленька плаваючою Руки вище стрибок руху. І нагадування думаю, про простір в 3D. Одним із перших об'єктів, щоб думати про з Leap Motion є руки, звичайно. Ми бачили ті, які визнані візуалізатором. І тоді ви, можливо, доведеться Видно, що вона визнала частину зап'ястя і рука, пов'язані з ним. ТОМАС Реймерс: Якщо ви хочете щоб підтягти камери. ARMAGHAN BEHLUM: Так, давайте робити це знову. ТОМАС Реймерс: Ви можете бачити, завжди просто гарне нагадування роду см, Visualizer намагається показати всі дані, які бачить стрибок. Таким чином, ви побачите, що у нас є ці роду з чотирьох точок за зап'ястя, а потім і фактичного зап'ясті. І у вас також є цей м'яч на долоні. Всі ці точки визнають визнаний стрибка. ARMAGHAN BEHLUM: Абсолютно вірно. І так з цим об'єктом боку кожен кадр має безліч рук а також, де ви також можете отримати Ліва і права руки. Ви можете отримати, який Напрямок у руки облицювання нормально Напрямок долоні, або, як вони називають його долоню нормально. Що ще у нас є? Ми також, Oops. Давайте спробуємо і перейдіть вниз цей шлях. Руки, пальці представлена ​​пальця Клас, який є об'єктом pointable. Так як ми говорили, ми побачили, що Масив pointables для кожної руки. Це трохи пальці, щоб думати. Так що це хороший огляд, щоб піти через, щоб спробувати зрозуміти. ТОМАС Реймерс: [нерозбірливо] рука анатомія там. ARMAGHAN BEHLUM: Так, саме так. Так що так. Там дуже багато вихідних даних, які Leap Motion займає в інтерпретує добре для вас, так що це здорово Ідея пройти тут і спробувати з'ясувати, як стрибок вже зрозумів речі для вас і так, що інформація, яку ви є в наявності звідти. А потім звідти я б порекомендував Увійшовши в цю лівій частині тут, яка йде, а насправді немає, ті насправді просто більше API речі about-- ТОМАС Реймерс: посилання API на Дно, як правило, гарне місце, щоб піти. Ви, хлопці, напевно, бачили це, коли ми зробили Google Maps PSET. Але посилання насправді просто проходить через всі функцій і параметрів доступна в об'єкті для вас. ARMAGHAN BEHLUM: Так. Наприклад, це те, що Я шукав раніше. Коли у нас є боку, ми може піти і з'ясувати, як Leap рекомендує нам, щоб знайти руку. Як я вже сказав раніше, у нас є масив руки. З'ясуйте, чи є у нас за руки і потім спробувати захопити однією рукою взаємодіяти з таким чином. Так от те, що ми Рекомендуємо для вас, хлопці. Жести та інше, а також. Ця документація API буде бути фантастичний інструмент для вас, хлопці. Чи є у вас які-небудь інші рекомендації? ТОМАС Реймерс: я не роблю. Я думаю, що це добре для тепер. ARMAGHAN BEHLUM: Так, Я думаю, те ж саме. Не соромтеся, пишіть нам і отримаєте в контакті про Leap Motion Якщо у вас виникли, можливо, якісь питання, або потрібні якісь рекомендації. І ми можемо спробувати з'ясувати речі з вами, хлопці, а також. Спасибо. ТОМАС Реймерс: Відмінно.