ТОМАС Реймерс: Круто. Так привет, всем. Томас Меня зовут. Я ТФ и это 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 Если у вас возникли, может быть, какие-то вопросы, или нужны какие-либо рекомендации. И мы можем попытаться выяснить вещи с вами, ребята, а также. Спасибо. ТОМАС Реймерс: Отлично.