1 00:00:00,000 --> 00:00:11,010 2 00:00:11,010 --> 00:00:11,965 >> TOMAS REIMERS: Cool. 3 00:00:11,965 --> 00:00:13,230 Então, oi, todos. 4 00:00:13,230 --> 00:00:14,300 Tomas do meu nome. 5 00:00:14,300 --> 00:00:15,744 Eu sou um TF e este é 6 00:00:15,744 --> 00:00:16,660 Armaghan BEHLUM: Armi. 7 00:00:16,660 --> 00:00:17,637 Bom ver vocês. 8 00:00:17,637 --> 00:00:18,470 TOMAS REIMERS: Cool. 9 00:00:18,470 --> 00:00:20,740 Então nós vamos estar falando sobre Leap movimento hoje. 10 00:00:20,740 --> 00:00:22,800 Então Leap Motion é uma produto muito legal que 11 00:00:22,800 --> 00:00:25,900 permite interagir com um computador de uma maneira diferente. 12 00:00:25,900 --> 00:00:28,560 Assim, toda a idéia por trás salto movimento é que você 13 00:00:28,560 --> 00:00:31,430 pode usar as mãos para interagir com o computador. 14 00:00:31,430 --> 00:00:33,610 Então aqui eu tenho algo configurado. 15 00:00:33,610 --> 00:00:34,790 Eu vou falar sobre isso daqui a pouco. 16 00:00:34,790 --> 00:00:37,540 Mas a versão básica é que você pode ver que eu tenho as minhas mãos na frente 17 00:00:37,540 --> 00:00:42,840 do meu computador e quando eu movê-los, você começa a analógica no computador 18 00:00:42,840 --> 00:00:44,170 e você pode analisar isso. 19 00:00:44,170 --> 00:00:46,230 Você pode fazer gestos. 20 00:00:46,230 --> 00:00:49,176 Você pode usar as mãos para interagir com o computador 21 00:00:49,176 --> 00:00:50,300 na maneira nova e interessante. 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> Bem, na verdade eu primeiro quer passar a Armi 24 00:00:57,520 --> 00:01:00,400 mostrar-lhe algumas demos legal do que algumas pessoas têm feito com esta. 25 00:01:00,400 --> 00:01:02,816 E então nós vamos falar sobre como você realmente codificar com isso. 26 00:01:02,816 --> 00:01:04,800 Armaghan BEHLUM: Yeah. 27 00:01:04,800 --> 00:01:05,300 Olá. 28 00:01:05,300 --> 00:01:08,870 Assim como vimos, pouco dados aqui, mas vamos ver 29 00:01:08,870 --> 00:01:11,680 o que algumas pessoas têm feito com isso. 30 00:01:11,680 --> 00:01:15,130 Então deixe-me abrir este exemplo. 31 00:01:15,130 --> 00:01:20,770 E então, por isso, por exemplo, você pode ver minha mão analógico lá, mas agora neste momento 32 00:01:20,770 --> 00:01:26,680 algumas pessoas usando Unity tem decidiu colocar um pouco mais de pele 33 00:01:26,680 --> 00:01:28,670 e coisas ao redor da mão. 34 00:01:28,670 --> 00:01:35,900 Então, eu posso, vamos com um presente, certeza, tenho minhas mãos interagindo. 35 00:01:35,900 --> 00:01:41,050 E você provavelmente pode imaginar uma par de outras coisas úteis legal 36 00:01:41,050 --> 00:01:42,840 que você pode fazer com isso. 37 00:01:42,840 --> 00:01:45,530 Portanto, este é, pelo menos, um exemplo. 38 00:01:45,530 --> 00:01:48,910 E então vamos pular fora disso. 39 00:01:48,910 --> 00:01:56,590 >> E depois outra legal é, vamos com esta. 40 00:01:56,590 --> 00:01:58,390 Plasmo bola. 41 00:01:58,390 --> 00:02:03,510 Mais uma vez, nós não necessariamente esperar que este nível de complexidade 42 00:02:03,510 --> 00:02:06,450 a partir de um projeto final para CS50. 43 00:02:06,450 --> 00:02:10,029 Este é apenas para mostrar a você alguns dos, dar a vocês 44 00:02:10,029 --> 00:02:14,570 um pouco de inspiração para o que vocês podem fazer com Leap Motion. 45 00:02:14,570 --> 00:02:20,500 Assim, por exemplo, aqui está um fresco exemplo de física, que lá vamos nós. 46 00:02:20,500 --> 00:02:24,305 Tem tanto das minhas mãos então agora você ter esta pequena bola de plasma. 47 00:02:24,305 --> 00:02:31,030 E a bola está reagindo à física de me mover minha mão em torno da bola. 48 00:02:31,030 --> 00:02:36,920 Agora isso é tudo, porém usando Unity, usando tipo de ferramentas e frameworks 49 00:02:36,920 --> 00:02:39,510 que nós não ensinamos vocês em sala de aula, 50 00:02:39,510 --> 00:02:46,590 mas como você pode ver alguns belos prazo legal throughs com isso. 51 00:02:46,590 --> 00:02:51,750 >> Mas uma coisa que vocês podem fazer começando agora com Leap Movimento 52 00:02:51,750 --> 00:02:53,260 É um trabalho em JavaScript. 53 00:02:53,260 --> 00:02:58,960 Leap Motion tem uma API JavaScript que vocês podem usar e é altamente, altamente 54 00:02:58,960 --> 00:03:02,040 Recomendamos que vocês construir seus projetos usando isso. 55 00:03:02,040 --> 00:03:04,350 Então, com isso, deixe-me passá-lo de volta para fora Tomas 56 00:03:04,350 --> 00:03:06,582 para falar sobre Leap Movimento e JavaScript. 57 00:03:06,582 --> 00:03:07,415 TOMAS REIMERS: Cool. 58 00:03:07,415 --> 00:03:09,230 Ou você quer mostrar eles o Visualizer em primeiro lugar? 59 00:03:09,230 --> 00:03:09,670 >> Armaghan BEHLUM: Oh sim. 60 00:03:09,670 --> 00:03:10,170 Sim. 61 00:03:10,170 --> 00:03:11,900 Vamos falar mais sobre isso Visualizer. 62 00:03:11,900 --> 00:03:14,983 >> TOMAS REIMERS: Então, em um mais básico nível, quando você chegar a Leap Movimento 63 00:03:14,983 --> 00:03:16,940 você vai ter essa caixa. 64 00:03:16,940 --> 00:03:18,330 Aqui, quero me para assumir o controle? 65 00:03:18,330 --> 00:03:19,180 >> Armaghan BEHLUM: Sim, ir para ele. 66 00:03:19,180 --> 00:03:20,530 >> TOMAS REIMERS: Então, quando você primeiro chegar a Leap Movimento 67 00:03:20,530 --> 00:03:21,780 você vai ter essa caixa. 68 00:03:21,780 --> 00:03:24,460 Tem um dispositivo que é algo como isto. 69 00:03:24,460 --> 00:03:28,990 Você ligá-lo em seu computador, instalar os drivers necessários, 70 00:03:28,990 --> 00:03:30,950 e, em seguida, ele vai ser basicamente configurar. 71 00:03:30,950 --> 00:03:34,160 Assim, a maneira mais fácil de classificar de acordo com a Leap Movimento 72 00:03:34,160 --> 00:03:39,240 é abrir este programa instala chamado Leap Movimento Visualizer. 73 00:03:39,240 --> 00:03:41,490 E o Visualizer é literalmente o que estou mostrando aqui. 74 00:03:41,490 --> 00:03:45,340 Ele permite que você veja a esboço do esqueleto de suas mãos. 75 00:03:45,340 --> 00:03:49,940 E o que o Leap Movimento está interpretando-as como. 76 00:03:49,940 --> 00:03:53,750 Assim, o Leap Motion usa a câmera para classificar de olhar para suas mãos 77 00:03:53,750 --> 00:03:59,176 e, em seguida, ele tenta adivinhar o que o composição do esqueleto básico que você 78 00:03:59,176 --> 00:04:00,460 vê na tela é. 79 00:04:00,460 --> 00:04:01,669 E é isso que ele mostra. 80 00:04:01,669 --> 00:04:03,418 Armaghan BEHLUM: Every único ponto pequeno 81 00:04:03,418 --> 00:04:06,580 e uma coisa que você vê que há dados que está disponível para vocês 82 00:04:06,580 --> 00:04:07,270 bem como para usar. 83 00:04:07,270 --> 00:04:09,670 Então você vê que ele é capturando que Tomas 84 00:04:09,670 --> 00:04:12,160 tem cinco dedos, cada um dos esses diferentes dedos 85 00:04:12,160 --> 00:04:17,110 também estão disponíveis para você como dados Os pontos de utilizar em qualquer aplicação 86 00:04:17,110 --> 00:04:18,256 que você pode querer. 87 00:04:18,256 --> 00:04:20,339 Se você quiser ver se alguém está fazendo um polegar para cima 88 00:04:20,339 --> 00:04:23,860 você pode ver se os seus dedos estão enroladas e se eles são 89 00:04:23,860 --> 00:04:25,850 dedo polegar está apontando para cima, ou onde 90 00:04:25,850 --> 00:04:30,037 seu pulso ou de palma é e esse tipo de coisa. 91 00:04:30,037 --> 00:04:30,870 TOMAS REIMERS: Cool. 92 00:04:30,870 --> 00:04:35,186 Assim você pode ver alguns gestos que entende melhor do que os outros. 93 00:04:35,186 --> 00:04:38,310 Lembre-se, que ele está olhando para o seu mão de pelo uma câmera a partir do fundo, 94 00:04:38,310 --> 00:04:41,630 por isso, quando você tem suas mãos como isso, entende-los totalmente, 95 00:04:41,630 --> 00:04:44,509 mas uma vez que você começar a tentar e fazer um polegares para cima, às vezes ele lê-lo, 96 00:04:44,509 --> 00:04:47,550 às vezes pode adivinhar, mas honestamente a câmera simplesmente não consigo ver o polegar. 97 00:04:47,550 --> 00:04:49,810 Portanto, não é realmente Certifique-se que está acontecendo. 98 00:04:49,810 --> 00:04:54,910 Apenas algumas limitações a ter em mente quando você está desenvolvendo com isso. 99 00:04:54,910 --> 00:04:56,540 >> De qualquer forma, assim que voltar a isso. 100 00:04:56,540 --> 00:04:59,040 O Visualizer realmente tem um monte de ferramentas úteis. 101 00:04:59,040 --> 00:05:01,780 Assim, o Leap Motion é programado de tal maneira 102 00:05:01,780 --> 00:05:04,280 que eles não esperam que você interagir com os dados de imagem. 103 00:05:04,280 --> 00:05:06,230 Eles realmente não espero que você entenda 104 00:05:06,230 --> 00:05:08,060 o que está acontecendo nos bastidores. 105 00:05:08,060 --> 00:05:11,620 O que eles fazem é expor um monte de APIs para você 106 00:05:11,620 --> 00:05:13,420 de tal forma que você pode interagir com estes dados 107 00:05:13,420 --> 00:05:18,400 diretamente, sem entendimento o que está acontecendo sob o capô. 108 00:05:18,400 --> 00:05:27,790 >> Então, se nós batemos H aqui no Visualizer você vai ver um monte de opções. 109 00:05:27,790 --> 00:05:35,450 O importante aqui embora é se você acertar O e depois bateu H, 110 00:05:35,450 --> 00:05:38,080 você vai ver que ele permite desenhar gestos. 111 00:05:38,080 --> 00:05:43,380 Assim, um gesto, você verá ele desenha uma seta de diâmetro. 112 00:05:43,380 --> 00:05:47,010 Um gesto é uma das maneiras que Leap Movimento tipo de permite obter os dados 113 00:05:47,010 --> 00:05:48,462 sem ter que processá-lo. 114 00:05:48,462 --> 00:05:51,170 Então ao invés de me necessidade de descobrir fora, oh, a mão estava se movendo, 115 00:05:51,170 --> 00:05:54,970 mesmo se eu tiver o ponto de acesso, o API vai espécie de apenas me diga, 116 00:05:54,970 --> 00:05:56,380 hey, fizeram este gesto. 117 00:05:56,380 --> 00:05:58,920 Assim, você pode fazer gestos de seta básicas. 118 00:05:58,920 --> 00:06:00,590 Você pode fazer gestos circulares. 119 00:06:00,590 --> 00:06:03,530 Você pode fazer escutas gestos. 120 00:06:03,530 --> 00:06:07,630 E você pode fazer principais gestos de imprensa. 121 00:06:07,630 --> 00:06:09,394 Sim. 122 00:06:09,394 --> 00:06:10,800 E esse tipo de coisa. 123 00:06:10,800 --> 00:06:14,370 Portanto, agora que temos uma espécie de visto o que Leap movimento pode fazer, 124 00:06:14,370 --> 00:06:17,792 você pode vê-lo pode ler um todo monte de gestos. 125 00:06:17,792 --> 00:06:19,500 Eu acho que eu vou passá-lo de volta para Armi 126 00:06:19,500 --> 00:06:22,300 e ele vai falar sobre como você começa a estes com JavaScript, 127 00:06:22,300 --> 00:06:24,520 como você mesmo começar um projeto com este. 128 00:06:24,520 --> 00:06:27,724 E então nós vamos falar sobre alguns lugares legais que você pode ir com isso. 129 00:06:27,724 --> 00:06:28,640 Armaghan BEHLUM: Yeah. 130 00:06:28,640 --> 00:06:29,300 Soa bem. 131 00:06:29,300 --> 00:06:31,950 Então, sim, a primeira coisa que nós que você vai querer fazer, é claro, 132 00:06:31,950 --> 00:06:37,170 é depois que você começa a Leap Motion é a ir para leapmotion.com, configurar, instalar 133 00:06:37,170 --> 00:06:38,420 os drivers e outras coisas. 134 00:06:38,420 --> 00:06:42,520 Depois de fazer isso, você pode ir certificar-se de que ele está conectado. 135 00:06:42,520 --> 00:06:46,910 Se você ver em sua bandeja pouco a Leap ícone de movimento e é verde, 136 00:06:46,910 --> 00:06:48,640 então você sabe que está tudo definido. 137 00:06:48,640 --> 00:06:53,710 E, claro, verificar exatamente o que Tomas apenas mostrou-lhe os gestos 138 00:06:53,710 --> 00:06:59,320 e fazer os toques na tela, e torneiras-chave, e esse tipo de coisa. 139 00:06:59,320 --> 00:07:02,180 >> Depois disso, ainda que nós mais uma vez, como eu disse, 140 00:07:02,180 --> 00:07:06,530 temos acesso a todos estes coisas em JavaScript também. 141 00:07:06,530 --> 00:07:09,020 O ideal configurar que nós recomendamos que você 142 00:07:09,020 --> 00:07:16,440 caras é ir em seu diretório vhost, host local, 143 00:07:16,440 --> 00:07:19,340 público em seu aparelho CS50. 144 00:07:19,340 --> 00:07:24,790 E quando você vai lá o que você vai ver é um arquivo HTML índice ponto. 145 00:07:24,790 --> 00:07:28,180 Agora que o índice dot Arquivo HTML ou índice dot 146 00:07:28,180 --> 00:07:32,740 Arquivo PHP, o que for bem, o que você pode fazer 147 00:07:32,740 --> 00:07:35,150 é ir para o seu sistema operacional principal. 148 00:07:35,150 --> 00:07:38,650 E se você ir para o endereço IP que é listado na parte inferior direita 149 00:07:38,650 --> 00:07:45,180 canto do seu aparelho aqui mesmo, como você pode ver, então o que acontece 150 00:07:45,180 --> 00:07:51,240 é que você vá para a página que é referenciada por esse arquivo HTML índice ponto. 151 00:07:51,240 --> 00:07:56,610 Então, todo o código que você pode colocar em lá é enviado e é utilizável aqui. 152 00:07:56,610 --> 00:07:58,960 >> TOMAS REIMERS: Então, é também importante apenas para referência 153 00:07:58,960 --> 00:08:06,554 que se vocês realmente sabem como configurar um servidor de si mesmo, 154 00:08:06,554 --> 00:08:09,720 ou se você quiser colocar isso no mundo todo web, você está livre para fazer o que quer. 155 00:08:09,720 --> 00:08:11,594 Lembre-se que estes são apenas arquivos JavaScript 156 00:08:11,594 --> 00:08:14,250 e todo o processamento Leap é feito no cliente. 157 00:08:14,250 --> 00:08:16,510 Então, isso realmente não importa onde suas vidas de servidor 158 00:08:16,510 --> 00:08:19,660 contanto que o computador que você está visualizando o site em 159 00:08:19,660 --> 00:08:22,024 instalou Leap Motion. 160 00:08:22,024 --> 00:08:23,190 Armaghan BEHLUM: Absolutamente. 161 00:08:23,190 --> 00:08:25,680 Como Tomas disse, sim, o que funciona para vocês. 162 00:08:25,680 --> 00:08:28,570 Esta é apenas uma das nossas recomendações. 163 00:08:28,570 --> 00:08:31,660 Agora, para começar a usar o Leap Movimento que você faria 164 00:08:31,660 --> 00:08:36,640 se você importar o JavaScript arquivo do Leap Motion. 165 00:08:36,640 --> 00:08:39,610 E, em seguida, a partir daí o você pode fazer é, agora mesmo 166 00:08:39,610 --> 00:08:44,250 Eu só tenho este parágrafo tag configurado com um ID de texto. 167 00:08:44,250 --> 00:08:48,690 Coisas que recomendaria a configuração das opções do controlador 168 00:08:48,690 --> 00:08:52,012 para Leap movimento com o permitir gestos para ser verdade. 169 00:08:52,012 --> 00:08:53,970 Então, por padrão, os gestos que nós mostramos para você 170 00:08:53,970 --> 00:08:57,010 caras, o círculo, e o tap chave, e os furtos, 171 00:08:57,010 --> 00:09:00,330 aqueles que não são mostrados para vocês por padrão. 172 00:09:00,330 --> 00:09:04,450 Mas é altamente recomendável usar os então você não está reinventando a roda. 173 00:09:04,450 --> 00:09:09,489 Ativar aqueles a verdade, passando os opções do controlador para saltar laço dot 174 00:09:09,489 --> 00:09:10,530 e está tudo pronto para ir. 175 00:09:10,530 --> 00:09:13,270 Porque então você apenas tem definiu uma função anônima 176 00:09:13,270 --> 00:09:16,910 que levará em um quadro de Leap Movimento 177 00:09:16,910 --> 00:09:21,150 e que tem todo o quadro informações que você vai precisar. 178 00:09:21,150 --> 00:09:25,310 >> TOMAS REIMERS: Então, só para Recapitulando, você tem um objeto. 179 00:09:25,310 --> 00:09:28,250 Você tem essa função chamado laço dot salto. 180 00:09:28,250 --> 00:09:30,460 E você chamá-lo com dois argumentos. 181 00:09:30,460 --> 00:09:33,134 Você chamá-lo com um, as opções do controlador. 182 00:09:33,134 --> 00:09:35,300 E há uma grande quantidade de opções que você pode colocar lá. 183 00:09:35,300 --> 00:09:38,170 O que nós estamos indo para enfatizar é permitir que gestos. 184 00:09:38,170 --> 00:09:41,230 E se você defini-lo igual a verdade, então você pode ter acesso a esta gestos 185 00:09:41,230 --> 00:09:42,940 que nós mostramos-lhe no Visualizer. 186 00:09:42,940 --> 00:09:47,500 >> E, em seguida, o segundo argumento é um função, é como uma espécie de chamada de volta 187 00:09:47,500 --> 00:09:53,010 que será chamado a cada tempo de cada frame do Leap, 188 00:09:53,010 --> 00:09:57,340 Então, toda vez que registros bissextos seu movimento lado, tem um novo quadro. 189 00:09:57,340 --> 00:10:02,130 E ele chama essa função com um argumento, que é o objeto de quadro. 190 00:10:02,130 --> 00:10:05,909 E esse quadro de objeto descreve o quadro como Leap vê. 191 00:10:05,909 --> 00:10:06,950 Armaghan BEHLUM: Exatamente. 192 00:10:06,950 --> 00:10:10,450 Portanto, este contém todas as útil pedaços de informações 193 00:10:10,450 --> 00:10:12,550 que estávamos falando antes. 194 00:10:12,550 --> 00:10:18,010 Verificando gestos ponto de quadro é uma matriz de gestos 195 00:10:18,010 --> 00:10:23,680 que o movimento salto chamou sua mãos que fazem do último quadro. 196 00:10:23,680 --> 00:10:26,470 Assim, por exemplo, o que nós somos fazendo aqui é que estamos verificando, 197 00:10:26,470 --> 00:10:31,820 hey, Leap, nesse último quadro fez você pegar todos os gestos que eu fiz? 198 00:10:31,820 --> 00:10:36,350 E se assim for o que decidirmos fazer é iterar através desses gestos 199 00:10:36,350 --> 00:10:39,760 e tentar obter algum útil informações a partir deles. 200 00:10:39,760 --> 00:10:44,290 Cada gesto tem um exclusivo ID associado com ele. 201 00:10:44,290 --> 00:10:46,280 Eles têm tipos. 202 00:10:46,280 --> 00:10:50,220 Você pode olhar para que os dedos estavam envolvidos nos gestos 203 00:10:50,220 --> 00:10:52,770 por verificar este material direccionável. 204 00:10:52,770 --> 00:10:56,490 Então, se quando você atravessa o Leap Movimento JavaScript coisas API, 205 00:10:56,490 --> 00:10:59,630 quando eles mencionam pointables, eles estão falando sobre esses dedos. 206 00:10:59,630 --> 00:11:04,480 E, em seguida, as mãos são, naturalmente, o objeto mão inteira. 207 00:11:04,480 --> 00:11:05,210 >> O que mais? 208 00:11:05,210 --> 00:11:08,630 Você pode verificar quanto tempo o movimento continuou 209 00:11:08,630 --> 00:11:11,640 para e, sim, todas essas coisas úteis. 210 00:11:11,640 --> 00:11:16,490 Então o que eu estou fazendo agora aqui é que eu entrei o quadro, 211 00:11:16,490 --> 00:11:24,350 e então eu atualizar meu HTML para exibir todos estes bits de informação 212 00:11:24,350 --> 00:11:25,820 da armação. 213 00:11:25,820 --> 00:11:28,010 Então, vamos verificar isso. 214 00:11:28,010 --> 00:11:29,440 >> Então aqui está. 215 00:11:29,440 --> 00:11:34,730 Aqui está o arquivo HTML índice ponto. 216 00:11:34,730 --> 00:11:38,560 E, como você acabou de ver quando eu acabado de se mudar minha mão Leap pegou um movimento do círculo. 217 00:11:38,560 --> 00:11:44,960 Assim, você pode me ver fazendo um círculo sobre aqui, atualiza com informações círculo. 218 00:11:44,960 --> 00:11:48,332 Fazendo furtos, pega furtos. 219 00:11:48,332 --> 00:11:49,290 Vamos tentar um guia de tela. 220 00:11:49,290 --> 00:11:50,090 Lá vamos nós. 221 00:11:50,090 --> 00:11:52,370 Toque na tela e uma torneira chave. 222 00:11:52,370 --> 00:11:55,040 Torneiras Então chave, por causa do forma, é quando você bater para baixo. 223 00:11:55,040 --> 00:11:57,260 Então você pode imaginar talvez jogar um piano. 224 00:11:57,260 --> 00:11:59,869 >> E, em seguida, toques na tela são quando você bate na tela. 225 00:11:59,869 --> 00:12:02,910 Então você pode imaginar talvez você realmente tem uma tela de toque na frente de você 226 00:12:02,910 --> 00:12:05,190 e você está batendo o toque tela na frente de você. 227 00:12:05,190 --> 00:12:08,470 E então podemos pegar um desses objetos em aqui. 228 00:12:08,470 --> 00:12:12,960 Então lembre-se que eu disse que eu era passando o quadro em log console. 229 00:12:12,960 --> 00:12:17,160 E, para que possamos verificar todas as pedaços de informações 230 00:12:17,160 --> 00:12:22,500 que estão disponíveis em que armação, assim como para usar. 231 00:12:22,500 --> 00:12:26,320 >> Como eu disse anteriormente, pointables são os dedos. 232 00:12:26,320 --> 00:12:30,260 Naquele momento nós não temos nossa as mãos na frente do Movimento Leap 233 00:12:30,260 --> 00:12:32,010 por isso registado zero, mas isto é como você 234 00:12:32,010 --> 00:12:35,980 iria começar a descobrir talvez quantos dedos estão na tela. 235 00:12:35,980 --> 00:12:37,810 E esse tipo de informação. 236 00:12:37,810 --> 00:12:40,060 TOMAS REIMERS: E lembrando este é apenas um objeto. 237 00:12:40,060 --> 00:12:42,185 Então, tudo pode ser acessado como uma espécie de estrutura 238 00:12:42,185 --> 00:12:45,540 em C. Você tem o objeto nomear dot o nome da propriedade. 239 00:12:45,540 --> 00:12:48,830 E, em seguida, dentro de que você tem matrizes e você tem outros objetos, 240 00:12:48,830 --> 00:12:50,850 mas lembre-se que é apenas um objeto. 241 00:12:50,850 --> 00:12:53,788 Não há nada de especial porque nós estamos usando Leap. 242 00:12:53,788 --> 00:12:54,704 Armaghan BEHLUM: Yeah. 243 00:12:54,704 --> 00:12:56,544 Com estilo. 244 00:12:56,544 --> 00:12:58,710 Devemos verificar um casal de exemplos de JavaScript? 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS REIMERS: So rapidamente lembrar que nós 247 00:13:07,810 --> 00:13:12,470 disse que Leap pode realmente executado em qualquer website. 248 00:13:12,470 --> 00:13:15,250 LeapJS é apenas serviu para um cliente. 249 00:13:15,250 --> 00:13:19,850 E assim, ao longo como o cliente tem Leap Movimento ligado ele irá trabalhar. 250 00:13:19,850 --> 00:13:22,540 Então Leap Motion tem uma site onde as pessoas 251 00:13:22,540 --> 00:13:24,540 podem compartilhar seus exemplos das coisas que eles fizeram. 252 00:13:24,540 --> 00:13:26,623 Então, nós apenas estamos indo para ir através de um par deles 253 00:13:26,623 --> 00:13:29,980 para ver o que é possível antes mergulhar em mais detalhes sobre como 254 00:13:29,980 --> 00:13:32,510 que é possível. 255 00:13:32,510 --> 00:13:33,346 Assim 256 00:13:33,346 --> 00:13:34,470 Armaghan BEHLUM: Vamos ver. 257 00:13:34,470 --> 00:13:36,136 TOMAS REIMERS: Agora deve estar funcionando. 258 00:13:36,136 --> 00:13:38,520 Armaghan BEHLUM: Então agora antes que vimos um exemplo 259 00:13:38,520 --> 00:13:45,280 usando Unity que rendeu nossas mãos com peles gráficos bastante impressionantes, 260 00:13:45,280 --> 00:13:50,200 mas agora você pode ver que você pode fazer o mesma coisa dentro de um navegador web. 261 00:13:50,200 --> 00:13:54,640 Isso é tudo o Chrome dentro apenas usando JavaScript. 262 00:13:54,640 --> 00:13:57,460 E depois o outro bom coisa é se você quiser 263 00:13:57,460 --> 00:14:02,610 para saber como eles fizeram isso, os exemplos de JavaScript 264 00:14:02,610 --> 00:14:07,540 também incluem opções de código que você pode conferir e depois ver 265 00:14:07,540 --> 00:14:12,570 como esta pessoa estava agarrando mãos e códigos e tal. 266 00:14:12,570 --> 00:14:16,730 >> Então, isso é tudo que você pode encontrar em developer.leapmotion.com. 267 00:14:16,730 --> 00:14:20,810 Você pode ir e confira JavaScript exemplos que eles têm lá. 268 00:14:20,810 --> 00:14:23,280 Então, sim. 269 00:14:23,280 --> 00:14:25,205 Aqui estão eles, oops desculpe. 270 00:14:25,205 --> 00:14:27,680 Vamos tentar isso de novo. 271 00:14:27,680 --> 00:14:29,002 Oh. 272 00:14:29,002 --> 00:14:29,960 Eu tenho duas mãos direitas. 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 Então, sim. 275 00:14:34,380 --> 00:14:37,440 >> TOMAS REIMERS: Então, e de novo, lembre-se, por vezes, Leap mexe-se. 276 00:14:37,440 --> 00:14:40,790 Basta dar-lhe um segundo. 277 00:14:40,790 --> 00:14:42,784 Não é perfeito, mas é muito bom. 278 00:14:42,784 --> 00:14:44,700 Armaghan BEHLUM: One outra recomendação também 279 00:14:44,700 --> 00:14:48,780 é a de não fazê-lo em luz solar direta. 280 00:14:48,780 --> 00:14:51,260 Assim, a maneira Leap Movimento obras é, na verdade, 281 00:14:51,260 --> 00:14:54,500 se eu mostrar a câmera esta assim, a luz infravermelha. 282 00:14:54,500 --> 00:14:57,375 Então ele envia os para fora e, em seguida, lê-los quando eles voltarem. 283 00:14:57,375 --> 00:14:59,250 Então, se você está tentando fazê-lo luz solar direta, 284 00:14:59,250 --> 00:15:01,610 por exemplo, é provavelmente não vai funcionar, 285 00:15:01,610 --> 00:15:05,850 ou ele vai exigir alguns de calibração para o fazer. 286 00:15:05,850 --> 00:15:10,450 >> Também uma outra recomendação é limpar o espaço atrás do Leap 287 00:15:10,450 --> 00:15:12,740 e na frente de Leap. 288 00:15:12,740 --> 00:15:15,520 Pense nisso como trabalhar dentro de uma cúpula que é 289 00:15:15,520 --> 00:15:18,360 em torno deste objeto Leap Motion. 290 00:15:18,360 --> 00:15:20,550 Se há direito material atrás dele, bem como, 291 00:15:20,550 --> 00:15:24,740 que também vai interferir com a forma como o Leap Motion tentando 292 00:15:24,740 --> 00:15:26,690 para reconhecer a sua mão e esse tipo de coisa. 293 00:15:26,690 --> 00:15:30,010 >> Assim, por exemplo, eu acho que neste caso é o meu laptop, na verdade, 294 00:15:30,010 --> 00:15:34,351 esse é o tipo de tornar o Leap Motion. 295 00:15:34,351 --> 00:15:35,100 Sim, lá vamos nós. 296 00:15:35,100 --> 00:15:41,021 Então, se eu limpar meu laptop de por trás dele a mão mostrar-se muito bem. 297 00:15:41,021 --> 00:15:41,520 Então, sim. 298 00:15:41,520 --> 00:15:42,061 Não é isso. 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 Então o que mais fez vamos mostrar-lhes. 301 00:15:46,417 --> 00:15:48,250 TOMAS REIMERS: Eu acho que agora seria o momento 302 00:15:48,250 --> 00:15:52,039 para classificar de mergulho para dentro e vamos apenas fazer uma demo totalmente a partir do zero. 303 00:15:52,039 --> 00:15:53,330 Vai ser realmente simples. 304 00:15:53,330 --> 00:15:55,250 Basicamente o que vamos para tentar fazer é torná-lo 305 00:15:55,250 --> 00:15:58,570 de modo que quando você passe o lado, o fundo vai começar como vermelho, 306 00:15:58,570 --> 00:16:01,361 e quando você passe seu lado, o fundo vai ficar verde. 307 00:16:01,361 --> 00:16:01,970 OK? 308 00:16:01,970 --> 00:16:03,709 Realmente simples. 309 00:16:03,709 --> 00:16:05,750 E é, basicamente, apenas vai passar por uma série 310 00:16:05,750 --> 00:16:08,360 dos conceitos por trás Leap para que possamos 311 00:16:08,360 --> 00:16:12,630 chegar a esta ideologia de como funciona Leap e como podemos construir coisas com isso. 312 00:16:12,630 --> 00:16:16,760 E, em seguida, a partir daí nós vamos provavelmente apenas mostrar-lhe 313 00:16:16,760 --> 00:16:19,710 a documentação de API e onde você pode ler mais sobre isso. 314 00:16:19,710 --> 00:16:21,030 E então nós vamos chamá-lo de dia. 315 00:16:21,030 --> 00:16:24,294 Então você quer para codificar ou você me quer código? 316 00:16:24,294 --> 00:16:25,210 Armaghan BEHLUM: Yeah. 317 00:16:25,210 --> 00:16:28,350 Bem, acho que podemos trabalhar juntos sobre isso e tentar 318 00:16:28,350 --> 00:16:30,292 >> TOMAS REIMERS: Então, vamos fazer alguma codificação par. 319 00:16:30,292 --> 00:16:31,500 Armaghan BEHLUM: Lá vamos nós. 320 00:16:31,500 --> 00:16:33,250 Isso é exatamente o que eu queria check-out. 321 00:16:33,250 --> 00:16:34,700 Com estilo. 322 00:16:34,700 --> 00:16:38,750 Assim, por exemplo aqui, vamos ver. 323 00:16:38,750 --> 00:16:40,979 Enquanto nós estamos interagindo através dos gestos já, 324 00:16:40,979 --> 00:16:43,270 TOMAS REIMERS: Quer fazer apenas um completamente novo arquivo? 325 00:16:43,270 --> 00:16:43,870 Armaghan BEHLUM: Completamente novo arquivo? 326 00:16:43,870 --> 00:16:44,246 Sim, com certeza. 327 00:16:44,246 --> 00:16:45,000 >> TOMAS REIMERS: Yeah. 328 00:16:45,000 --> 00:16:45,920 >> Armaghan BEHLUM: Então, vamos fazer isso. 329 00:16:45,920 --> 00:16:48,253 >> TOMAS REIMERS: Então nós vamos Para fazer um arquivo completamente. 330 00:16:48,253 --> 00:16:51,290 Vamos chamá-lo de entregar HTML ponto. 331 00:16:51,290 --> 00:16:52,670 Isso é legal comigo. 332 00:16:52,670 --> 00:16:59,020 Então lembre-se que você faz uma tag HTML, em seguida, dentro de que você tem uma cabeça. 333 00:16:59,020 --> 00:17:02,982 Aquela cabeça tem um título dentro dele. 334 00:17:02,982 --> 00:17:04,349 Então guia para o outro lado. 335 00:17:04,349 --> 00:17:05,589 Lá vai você. 336 00:17:05,589 --> 00:17:09,359 Título, vamos chamá-lo Leap Exemplo. 337 00:17:09,359 --> 00:17:12,163 Yep. 338 00:17:12,163 --> 00:17:13,540 >> Armaghan BEHLUM: Oops. 339 00:17:13,540 --> 00:17:14,040 Título. 340 00:17:14,040 --> 00:17:14,474 >> TOMAS REIMERS: Yep. 341 00:17:14,474 --> 00:17:15,776 >> Armaghan BEHLUM: Não somos. 342 00:17:15,776 --> 00:17:18,180 >> TOMAS REIMERS: E então vamos fazer um corpo. 343 00:17:18,180 --> 00:17:20,852 >> Armaghan BEHLUM: Espere, vamos Também certifique-se de importar. 344 00:17:20,852 --> 00:17:22,060 TOMAS REIMERS: Oh, é claro. 345 00:17:22,060 --> 00:17:22,560 My bad. 346 00:17:22,560 --> 00:17:28,700 Então, certifique-se sempre que você tem a Leap script de modo que é um roteiro dado a você 347 00:17:28,700 --> 00:17:31,810 por Leap movimento que basicamente permite que o navegador da web para conectar 348 00:17:31,810 --> 00:17:35,580 para o dispositivo no computador do utilizador. 349 00:17:35,580 --> 00:17:38,510 E então nós também neste precisa de um corpo e vamos apenas 350 00:17:38,510 --> 00:17:40,580 fazer o corpo dizer oi assim que podemos mostrar aos alunos 351 00:17:40,580 --> 00:17:42,704 como conectar-se a esta nova página web que eles fizeram. 352 00:17:42,704 --> 00:17:44,260 Armaghan BEHLUM: Claro. 353 00:17:44,260 --> 00:17:45,724 Então vamos colocar another-- 354 00:17:45,724 --> 00:17:48,730 >> TOMAS REIMERS: Olá, Olá mundo. 355 00:17:48,730 --> 00:17:50,210 Assim, um exemplo muito básico. 356 00:17:50,210 --> 00:17:53,400 Realmente é apenas uma demo. 357 00:17:53,400 --> 00:17:58,505 >> Armaghan BEHLUM: E então aqui nós pode ir, nós o chamamos mão dot HTML, 358 00:17:58,505 --> 00:18:00,000 certo? 359 00:18:00,000 --> 00:18:00,810 E oh! 360 00:18:00,810 --> 00:18:04,310 Então eu me pergunto o que há de errado com isso agora. 361 00:18:04,310 --> 00:18:07,639 Vamos adicionar permissões de leitura para entregar HTML ponto. 362 00:18:07,639 --> 00:18:09,930 TOMAS REIMERS: Você quer para fazê-lo no terminal grande 363 00:18:09,930 --> 00:18:11,080 para que possamos apenas mostrá-lo em as-- 364 00:18:11,080 --> 00:18:12,501 >> Armaghan BEHLUM: Sim, isso faz sentido. 365 00:18:12,501 --> 00:18:13,001 Tudo certo. 366 00:18:13,001 --> 00:18:15,720 Então, eu só adicionei o permissões, mas se nós 367 00:18:15,720 --> 00:18:18,350 foram para verificar o permissões antes de nós 368 00:18:18,350 --> 00:18:22,560 teria visto que, na verdade, mão dot HTML não ter permissões de leitura 369 00:18:22,560 --> 00:18:25,570 e, portanto, não poderia torná-lo. 370 00:18:25,570 --> 00:18:30,850 Mas agora, se fizermos isso, vemos o nosso mundinho Olá ali mesmo. 371 00:18:30,850 --> 00:18:33,580 >> TOMAS REIMERS: Então, vamos, na verdade, como ele estava escrevendo, Olá mundo, 372 00:18:33,580 --> 00:18:35,371 Eu pensei em uma maneira poderíamos mudar isso. 373 00:18:35,371 --> 00:18:41,150 Vamos torná-lo dizer Olá mundo, e em seguida, quando você onda, ele se despede. 374 00:18:41,150 --> 00:18:41,650 Certo? 375 00:18:41,650 --> 00:18:42,210 Então Olá, adeus. 376 00:18:42,210 --> 00:18:42,560 >> Armaghan BEHLUM: Claro. 377 00:18:42,560 --> 00:18:44,010 >> TOMAS REIMERS: Isso soa muito bom. 378 00:18:44,010 --> 00:18:45,120 >> Armaghan BEHLUM: Que soa bem para mim, também. 379 00:18:45,120 --> 00:18:46,920 >> TOMAS REIMERS: Então, se estamos vai fazer isso vamos apenas 380 00:18:46,920 --> 00:18:48,980 acho que através da página web um pouco. 381 00:18:48,980 --> 00:18:51,800 Nós vamos precisar de algum script que basicamente regista 382 00:18:51,800 --> 00:18:56,470 que acenou e um salto, uma onda e um furto, a mesma coisa. 383 00:18:56,470 --> 00:18:59,584 Então, nós vamos precisar de um script que registra basicamente para esse furto. 384 00:18:59,584 --> 00:19:01,500 E outra coisa que estamos vai precisar é que estamos 385 00:19:01,500 --> 00:19:04,360 vai precisar de algum conteúdo real de mudar. 386 00:19:04,360 --> 00:19:07,850 >> Então, como você se lembra, jQuery permite alterar o conteúdo. 387 00:19:07,850 --> 00:19:13,017 Então, uma coisa que pode querer incluir neste é a biblioteca jQuery. 388 00:19:13,017 --> 00:19:16,100 E, em seguida, ser capaz de selecionar o que na verdade estamos indo para alterar o conteúdo, 389 00:19:16,100 --> 00:19:18,224 que vai precisar de um ID ou uma classe, ou algo 390 00:19:18,224 --> 00:19:20,100 que podemos usar para selecioná-lo. 391 00:19:20,100 --> 00:19:25,010 Então vamos dar-lhe um rápida identificação do texto da mudança. 392 00:19:25,010 --> 00:19:26,974 E então você quer agarrar jQuery? 393 00:19:26,974 --> 00:19:29,890 Armaghan BEHLUM: Então, qual é a primeira coisa na nossa lista para fazer, então agora? 394 00:19:29,890 --> 00:19:30,620 TOMAS REIMERS: Vamos pegar jQuery? 395 00:19:30,620 --> 00:19:32,494 Armaghan BEHLUM: Deixe-nos agarrar jQuery, OK, legal. 396 00:19:32,494 --> 00:19:34,502 Nesse caso, eu vou ter de actually-- 397 00:19:34,502 --> 00:19:36,210 onde seria o melhor lugar para fazer isso? 398 00:19:36,210 --> 00:19:39,677 >> TOMAS REIMERS: jQuery, por isso, se você Google jQuery, bateu jQuery, o primeiro 399 00:19:39,677 --> 00:19:41,010 Armaghan BEHLUM: Muito primeiro. 400 00:19:41,010 --> 00:19:42,135 TOMAS REIMERS: Ou download. 401 00:19:42,135 --> 00:19:42,650 É muito bem. 402 00:19:42,650 --> 00:19:46,482 Bata o download v1 e v2 na esquerda. 403 00:19:46,482 --> 00:19:49,190 Então, nós estamos descrevendo jQuery de online, como você já deve ter feito. 404 00:19:49,190 --> 00:19:50,440 Role para baixo. 405 00:19:50,440 --> 00:19:51,260 Up, up. 406 00:19:51,260 --> 00:19:53,502 >> Armaghan BEHLUM: Oh, aqui agora? 407 00:19:53,502 --> 00:19:54,460 TOMAS REIMERS: Ou isso. 408 00:19:54,460 --> 00:19:54,960 Yep. 409 00:19:54,960 --> 00:20:00,150 Então jQuery tem uma versão hospedada o que significa que você realmente não 410 00:20:00,150 --> 00:20:01,890 precisa baixá-lo, mas você é mais do que 411 00:20:01,890 --> 00:20:07,734 bem-vindo para fazer o download e hospedá-lo sozinho. 412 00:20:07,734 --> 00:20:08,650 Armaghan BEHLUM: Cool. 413 00:20:08,650 --> 00:20:09,566 Portanto, agora temos jQuery. 414 00:20:09,566 --> 00:20:11,122 Agora, qual é o próximo na nossa lista para fazer. 415 00:20:11,122 --> 00:20:12,080 TOMAS REIMERS: Awesome. 416 00:20:12,080 --> 00:20:13,910 Assim, na próxima o que precisamos fazer é que realmente precisamos 417 00:20:13,910 --> 00:20:17,750 para dar p Olá mundo um ID assim que nós podemos mudá-lo, certo? 418 00:20:17,750 --> 00:20:24,514 Então, vamos dar uma idéia de, Eu não sei, mudar o texto? 419 00:20:24,514 --> 00:20:26,680 Armaghan BEHLUM: Vamos apenas fazê-lo desta maneira, eu acho. 420 00:20:26,680 --> 00:20:28,013 TOMAS REIMERS: changeText, cool. 421 00:20:28,013 --> 00:20:29,830 E agora vamos apenas atualizar a página. 422 00:20:29,830 --> 00:20:31,142 Certifique-se que tudo funciona. 423 00:20:31,142 --> 00:20:32,100 Então, de volta no navegador. 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 Com estilo. 426 00:20:36,922 --> 00:20:39,380 Sempre um bom lembrete de que quando você está construindo um site, 427 00:20:39,380 --> 00:20:44,450 provavelmente atualizar a cada vez que você faz qualquer alteração pouco significativa apenas 428 00:20:44,450 --> 00:20:47,993 porque às vezes você cair acidentalmente uma tag, 429 00:20:47,993 --> 00:20:51,640 ou você apagar acidentalmente alguma coisa, e então você quebrar alguma coisa pequena, 430 00:20:51,640 --> 00:20:55,880 mas, em seguida, quando você faz uma mudança maior você é como, por que fez isso grande mudança 431 00:20:55,880 --> 00:20:57,910 aparentemente não relacionado quebrar a coisa. 432 00:20:57,910 --> 00:21:02,840 Por isso é sempre bom para classificar de ir e fazer essas verificações de sanidade. 433 00:21:02,840 --> 00:21:05,610 >> De qualquer forma então agora vamos fazer uma última verificação de sanidade, 434 00:21:05,610 --> 00:21:09,800 que é, vamos tentar mudar texto sem Leap Movimento, 435 00:21:09,800 --> 00:21:11,820 sem nada, apenas no carregamento da página ele vai 436 00:21:11,820 --> 00:21:17,140 mudar o mundo Olá para adeus usando jQuery. 437 00:21:17,140 --> 00:21:21,400 Então, se você se lembra expõe jQuery esta função sinal de dólar, 438 00:21:21,400 --> 00:21:28,640 que nós podemos passar selector CSS para, ou seja, o texto da mudança hashtag, que 439 00:21:28,640 --> 00:21:31,590 selecciona o elemento com um ID de texto da mudança. 440 00:21:31,590 --> 00:21:34,980 E então nós vamos para chamar o método HTML 441 00:21:34,980 --> 00:21:40,390 sobre o objeto que ele retorna com o argumento de um adeus string, que 442 00:21:40,390 --> 00:21:45,600 mudará os itens HTML para dizer adeus. 443 00:21:45,600 --> 00:21:46,210 Impressionante. 444 00:21:46,210 --> 00:21:48,790 Isso parece muito legal. 445 00:21:48,790 --> 00:21:52,365 E agora, quando atualizar a página, vamos ver 446 00:21:52,365 --> 00:21:54,040 ele muda instantaneamente para adeus, certo? 447 00:21:54,040 --> 00:21:55,910 Porque não esperar por nada. 448 00:21:55,910 --> 00:21:59,200 Ordenar de, logo que esse script executa-lo altera para adeus. 449 00:21:59,200 --> 00:22:00,430 Com estilo. 450 00:22:00,430 --> 00:22:03,790 >> Então agora vamos dispor que em uma função. 451 00:22:03,790 --> 00:22:04,290 Direita. 452 00:22:04,290 --> 00:22:06,270 Então, nós vamos querer para fazer uma função. 453 00:22:06,270 --> 00:22:08,160 Vamos chamá-lo de adeus. 454 00:22:08,160 --> 00:22:11,570 Então adeus função é vai tomar sem argumentos 455 00:22:11,570 --> 00:22:14,170 e não é realmente vai retornar nada. 456 00:22:14,170 --> 00:22:18,850 E isso só vai fazer isso em JavaScript. 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 Excelente. 459 00:22:23,140 --> 00:22:27,000 Assim, o nosso adeus função agora altera o texto de adeus, certo? 460 00:22:27,000 --> 00:22:28,930 Então, isso nos dá uma maneira basicamente mudança 461 00:22:28,930 --> 00:22:32,871 que o texto de adeus sempre chamamos essa função. 462 00:22:32,871 --> 00:22:33,370 Certo? 463 00:22:33,370 --> 00:22:35,290 Então, isso é muito legal. 464 00:22:35,290 --> 00:22:37,430 >> Armaghan BEHLUM: Bem, nós Também é possível apenas certifique-se 465 00:22:37,430 --> 00:22:41,040 que agora já que não estamos chamando o função, se atualizar a página, 466 00:22:41,040 --> 00:22:44,460 perceber que não vai para alterar o texto. 467 00:22:44,460 --> 00:22:45,509 >> TOMAS REIMERS: Excelente. 468 00:22:45,509 --> 00:22:47,800 Então, agora nós vamos começar entrar nesse material Leap 469 00:22:47,800 --> 00:22:49,880 que estávamos falando. 470 00:22:49,880 --> 00:22:52,240 Então Armi, quer levá-lo a partir daqui ou? 471 00:22:52,240 --> 00:22:52,640 >> Armaghan BEHLUM: Yeah. 472 00:22:52,640 --> 00:22:53,139 Claro. 473 00:22:53,139 --> 00:22:56,260 Eu provavelmente vou precisar Para verificar as coisas de casal, 474 00:22:56,260 --> 00:22:58,250 mas lembre-se, por exemplo, dissemos que queríamos 475 00:22:58,250 --> 00:23:02,627 para certificar-se nas opções vamos definir permitir gestos 476 00:23:02,627 --> 00:23:03,710 TOMAS REIMERS: Good catch. 477 00:23:03,710 --> 00:23:06,250 Armaghan BEHLUM: Para ser verdadeiro. 478 00:23:06,250 --> 00:23:08,960 E, depois, foram recomendando que vocês faria 479 00:23:08,960 --> 00:23:12,230 laço dot salto executado, o que como dissemos anteriormente, 480 00:23:12,230 --> 00:23:18,140 tem duas opções, um objeto JSON que são as opções para a forma como você quer 481 00:23:18,140 --> 00:23:22,030 para configurar o Leap Motion para trabalho, e, em seguida, uma função que é 482 00:23:22,030 --> 00:23:27,640 vai pegar um quadro como um callback função como Tomas estava dizendo. 483 00:23:27,640 --> 00:23:30,470 E, em seguida, editar o que você quer a ver com essa função. 484 00:23:30,470 --> 00:23:33,890 >> Então nós passamos no opção e agora que definimos 485 00:23:33,890 --> 00:23:36,117 uma função que irá tomar em um quadro. 486 00:23:36,117 --> 00:23:38,200 E agora nós temos que definir o que essa função faz. 487 00:23:38,200 --> 00:23:42,569 É também por causa da futuro, fazer isso para ter certeza. 488 00:23:42,569 --> 00:23:43,610 TOMAS REIMERS: Excelente. 489 00:23:43,610 --> 00:23:45,940 Portanto, agora temos esta salto função loop dot 490 00:23:45,940 --> 00:23:52,420 chamar o que basicamente diz assistir Leap com estas opções e cada vez 491 00:23:52,420 --> 00:23:55,710 algo muda, chamar esse quadro com função de todos os dados 492 00:23:55,710 --> 00:23:59,510 que você está ciente de no quadro. 493 00:23:59,510 --> 00:24:01,320 Soa muito bem. 494 00:24:01,320 --> 00:24:03,680 Então agora verificação de sanidade rápida, que eu sempre recomendo, 495 00:24:03,680 --> 00:24:07,020 está em que basta colocar console do quadro lógico do ponto. 496 00:24:07,020 --> 00:24:10,320 E então, no Chrome abri-lo -se e olhar para o seu console 497 00:24:10,320 --> 00:24:13,870 e brincar com Leap para ver o quadros sendo registrado porque essa vontade 498 00:24:13,870 --> 00:24:16,300 te uma idéia do que dados que você tem acesso. 499 00:24:16,300 --> 00:24:20,680 E, como sempre, se você ficar confuso, procure a referência API. 500 00:24:20,680 --> 00:24:23,430 E nós vamos incluir o link para que, no final desta. 501 00:24:23,430 --> 00:24:26,300 >> Armaghan BEHLUM: Então nós atualize a página e, em seguida, 502 00:24:26,300 --> 00:24:28,880 vamos e abrir o console novamente. 503 00:24:28,880 --> 00:24:33,590 E agora já podemos perceber que estamos ter quadros passados, 504 00:24:33,590 --> 00:24:37,834 esses pequenos objetos vimos anteriormente. 505 00:24:37,834 --> 00:24:38,690 Então, sim. 506 00:24:38,690 --> 00:24:42,870 Estes são os nossos quadros aparecendo no console. 507 00:24:42,870 --> 00:24:43,370 Com estilo. 508 00:24:43,370 --> 00:24:46,970 >> Então, agora que já pegou o frames, como você pode se lembrar mais cedo 509 00:24:46,970 --> 00:24:51,800 a partir do exemplo que tivemos, se verificarmos gestos ponto de quadro 510 00:24:51,800 --> 00:24:56,270 obtemos a lista de gestos que o quadro mais recentemente capturado. 511 00:24:56,270 --> 00:25:01,510 Podemos verificar o comprimento dessa matriz para ver se pego Leap quaisquer gestos. 512 00:25:01,510 --> 00:25:05,010 Então, se essa matriz é maior do que zero, então nós 513 00:25:05,010 --> 00:25:07,570 sabemos que temos algumas coisas para fazer. 514 00:25:07,570 --> 00:25:15,040 >> Então, vamos quebrar esse up em uma condição if e agora aqui o que sabemos é que nós 515 00:25:15,040 --> 00:25:20,390 ter visto um gesto, vamos agir sobre ela. 516 00:25:20,390 --> 00:25:25,721 Então, agora que estamos aqui nós ter um gesto para check-out. 517 00:25:25,721 --> 00:25:28,470 TOMAS REIMERS: Bem, a primeira coisa é que não é apenas um gesto, 518 00:25:28,470 --> 00:25:29,840 que poderia ser tão muitos gestos. 519 00:25:29,840 --> 00:25:30,964 >> Armaghan BEHLUM: É verdade. 520 00:25:30,964 --> 00:25:33,340 TOMAS REIMERS: Então por clássico estilo C aqui 521 00:25:33,340 --> 00:25:36,334 nós provavelmente vai querer usar um laço for. 522 00:25:36,334 --> 00:25:37,750 Armaghan BEHLUM: Aqui estamos nós então. 523 00:25:37,750 --> 00:25:42,870 Decidimos fazer uma iteração através dos gestos. 524 00:25:42,870 --> 00:25:46,412 E vamos ver. 525 00:25:46,412 --> 00:25:49,380 i plus, plus. 526 00:25:49,380 --> 00:25:56,150 E agora, se nós talvez feito apenas um gesto var é igual a 527 00:25:56,150 --> 00:26:01,210 gestos quadro de ponto suporte i, agora temos 528 00:26:01,210 --> 00:26:06,260 gesto em si, que é apenas um única instância de um objeto de gesto 529 00:26:06,260 --> 00:26:10,582 para nós trabalhar com dentro deste loop. 530 00:26:10,582 --> 00:26:12,869 Tudo certo. 531 00:26:12,869 --> 00:26:15,410 TOMAS REIMERS: Vamos sanidade confira aqui novamente e apenas consolar 532 00:26:15,410 --> 00:26:17,370 log dot gesto para ver o que temos. 533 00:26:17,370 --> 00:26:19,410 >> Armaghan BEHLUM: Console gesto log ponto. 534 00:26:19,410 --> 00:26:22,900 535 00:26:22,900 --> 00:26:23,780 Okie Dokie. 536 00:26:23,780 --> 00:26:26,250 E atualizar mais uma vez. 537 00:26:26,250 --> 00:26:30,030 >> TOMAS Reimers: E vamos tente fazer um gesto. 538 00:26:30,030 --> 00:26:34,600 Você verá que um bando de, quando ele rouba, 539 00:26:34,600 --> 00:26:39,780 você tem um monte de gestos no console e se ele tentar fazer um círculo, 540 00:26:39,780 --> 00:26:40,470 é apenas-- 541 00:26:40,470 --> 00:26:41,750 >> Armaghan BEHLUM: Círculos são apenas muito bom. 542 00:26:41,750 --> 00:26:45,000 >> TOMAS REIMERS: Agora há uma coisa estranha aqui, o que é que ele está fazendo um círculo, 543 00:26:45,000 --> 00:26:48,730 mas este está registrando 80 gestos, certo? 544 00:26:48,730 --> 00:26:50,070 Isso é um monte de gestos. 545 00:26:50,070 --> 00:26:53,560 Assim, o primeiro tipo de coisa para perceber, e isso pode ser confuso, 546 00:26:53,560 --> 00:26:57,050 é que um gesto não é apenas registrado uma vez. 547 00:26:57,050 --> 00:27:01,107 >> Em cada quadro, direito, por isso, se eu estou fazendo um círculo 548 00:27:01,107 --> 00:27:02,940 Leap irá detectar isto é uma alteração, a partir desta 549 00:27:02,940 --> 00:27:04,398 é uma mudança, desde esta é uma mudança. 550 00:27:04,398 --> 00:27:05,970 E ele irá registrar cada um desses. 551 00:27:05,970 --> 00:27:08,200 Mas em cada uma destas, ele vai dizer, oh, 552 00:27:08,200 --> 00:27:10,050 há um gesto em andamento. 553 00:27:10,050 --> 00:27:14,260 Então deixe-me dizer, hey, há uma gesto e é atualmente em andamento. 554 00:27:14,260 --> 00:27:17,000 Então, o que nós não queremos fazer é dizer, oh, em cada um 555 00:27:17,000 --> 00:27:19,370 desses gestos você quer mudar o texto. 556 00:27:19,370 --> 00:27:23,660 O que nós queremos fazer é quando esse gesto pára, e podemos verificar que, 557 00:27:23,660 --> 00:27:24,974 então nós queremos mudar o texto. 558 00:27:24,974 --> 00:27:25,890 Armaghan BEHLUM: Mhmm. 559 00:27:25,890 --> 00:27:30,550 Assim como Tomas é explicando esses gestos 560 00:27:30,550 --> 00:27:33,580 pode aparecer através de múltiplos quadros, mas, por exemplo, 561 00:27:33,580 --> 00:27:36,200 quando estávamos tendo esse círculo, podemos ver 562 00:27:36,200 --> 00:27:40,140 que o ID para que um único círculo que nós 563 00:27:40,140 --> 00:27:43,950 poderia ter sido tentando concluir foi o mesmo ID de todo. 564 00:27:43,950 --> 00:27:46,320 E, de fato, você também pode verificar o status. 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 actualizado. 567 00:27:50,270 --> 00:27:55,680 >> E então este é provavelmente o último círculo que, oh, bem, OK. 568 00:27:55,680 --> 00:28:00,480 Então, às vezes mostra-lhe um estado de parar um gesto 569 00:28:00,480 --> 00:28:04,180 e também mostra um status de iniciar um novo gesto quando 570 00:28:04,180 --> 00:28:09,140 ele reconhece a certeza de que você começou um novo gesto. 571 00:28:09,140 --> 00:28:10,637 Por exemplo, neste caso. 572 00:28:10,637 --> 00:28:11,470 TOMAS REIMERS: Cool. 573 00:28:11,470 --> 00:28:12,511 Armaghan BEHLUM: Então, sim. 574 00:28:12,511 --> 00:28:14,420 E então, vamos ver. 575 00:28:14,420 --> 00:28:16,490 Você também pode notar se estivéssemos fazendo 576 00:28:16,490 --> 00:28:22,179 um círculo e gesto tem um tipo de campo chamado 577 00:28:22,179 --> 00:28:23,970 que nos diz que tipo do gesto que é. 578 00:28:23,970 --> 00:28:27,829 Então isso pode ser útil para nós você tentar e fazer o que estamos fazendo. 579 00:28:27,829 --> 00:28:29,620 TOMAS REIMERS: So transição de volta para JS, 580 00:28:29,620 --> 00:28:31,696 a primeira coisa que me ocorre Além disso, apenas a leitura através deste código 581 00:28:31,696 --> 00:28:34,340 é que há uma pequena otimização, que é, na verdade, 582 00:28:34,340 --> 00:28:35,980 Não é necessário se esta condição, certo? 583 00:28:35,980 --> 00:28:39,330 Porque se gestos quadro Dot Dot comprimento é zero, que para o laço de 584 00:28:39,330 --> 00:28:40,450 não vai correr de qualquer maneira. 585 00:28:40,450 --> 00:28:43,100 Então, nós podemos também ir apenas em frente e se livrar dessa. 586 00:28:43,100 --> 00:28:46,620 Mais uma vez, enquanto você está escrevendo código é importante para voltar e tipo 587 00:28:46,620 --> 00:28:50,330 refactor de como você percebe que você poderia ter feito algo melhor, 588 00:28:50,330 --> 00:28:53,370 ou que não há outra maneira de fazer isso. 589 00:28:53,370 --> 00:28:57,170 Então, agora nós apenas estamos indo para limpar este -se rapidamente e também limpar o seu código. 590 00:28:57,170 --> 00:28:58,310 Isso é um grande negócio. 591 00:28:58,310 --> 00:28:59,870 >> Armaghan BEHLUM: Bom estilo é muito apreciada. 592 00:28:59,870 --> 00:29:01,828 >> TOMAS REIMERS: Você pode sempre dizer quando alguém 593 00:29:01,828 --> 00:29:05,240 tem código onde costumava haver uma se condição e, em seguida, eles afastado, 594 00:29:05,240 --> 00:29:07,530 mas eles não tire isso. 595 00:29:07,530 --> 00:29:10,147 É muito óbvio e que tipo de olha feio. 596 00:29:10,147 --> 00:29:12,230 Armaghan BEHLUM: Então, qual é próximo na nossa lista de afazeres? 597 00:29:12,230 --> 00:29:15,479 TOMAS REIMERS: Então, agora como dizíamos, Eu acho que a primeira coisa que quero fazer 598 00:29:15,479 --> 00:29:17,970 é ter certeza de que esse gesto de na verdade, um golpe, certo? 599 00:29:17,970 --> 00:29:18,270 >> Armaghan BEHLUM: Yeah. 600 00:29:18,270 --> 00:29:21,750 >> TOMAS REIMERS: Então, se estamos dizendo que nosso adeus é como uma espécie de furto, 601 00:29:21,750 --> 00:29:25,280 vamos com ele é um golpe, o primeira coisa que precisamos dizer é, hey, 602 00:29:25,280 --> 00:29:27,410 é o gesto digite um furto, certo? 603 00:29:27,410 --> 00:29:30,860 Não é um círculo ou um top, mas é um golpe? 604 00:29:30,860 --> 00:29:34,280 Assim, a maneira que nós podemos fazer isso é que podemos dizer gesto 605 00:29:34,280 --> 00:29:38,530 dot tipo de furto igual igual como uma string. 606 00:29:38,530 --> 00:29:44,030 >> Armaghan BEHLUM: [inaudível] gesto Tipo de ponto é igual a igual furto. 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 Não somos. 609 00:29:47,730 --> 00:29:49,438 >> TOMAS REIMERS: E em seguida, a última pergunta 610 00:29:49,438 --> 00:29:53,170 nós queremos ver é gesto dot estado de paragem igual igual, certo? 611 00:29:53,170 --> 00:29:55,860 Então, isso é quando o gesto foi interrompido. 612 00:29:55,860 --> 00:29:58,490 Na verdade, eu acho que por furto, I sei que esta em cima da minha cabeça, 613 00:29:58,490 --> 00:30:00,340 mas você é bem-vindo procurá-lo, quando você 614 00:30:00,340 --> 00:30:05,627 passe cada vez que registra até você parar é um gesto de início. 615 00:30:05,627 --> 00:30:07,460 E, em seguida, o último de apenas um gesto de parada. 616 00:30:07,460 --> 00:30:11,090 Assim, só haverá uma paragem gesto, o que é ótimo para nós. 617 00:30:11,090 --> 00:30:17,180 Então, o que nós podemos fazer é dizer se o gesto dot digite furto igual igual e gesto dot 618 00:30:17,180 --> 00:30:19,950 estatuto de igualdade igual parar, então vamos sanidade 619 00:30:19,950 --> 00:30:21,725 confira aqui consolar dot gesto log. 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> Então, nós vamos voltar aqui. 622 00:30:30,790 --> 00:30:33,570 Vamos atualizar a página. 623 00:30:33,570 --> 00:30:38,380 E agora a única vez que algo deveria ser ponto de console conectado é quando nos roubar. 624 00:30:38,380 --> 00:30:40,780 E tentamos roubar e não vemos nada. 625 00:30:40,780 --> 00:30:41,280 Certo? 626 00:30:41,280 --> 00:30:43,990 Portanto, este é realmente um grande problema. 627 00:30:43,990 --> 00:30:47,560 Nós não estamos vendo o que esperávamos. 628 00:30:47,560 --> 00:30:49,356 E depuração pode ser uma grande parte disso. 629 00:30:49,356 --> 00:30:51,980 Então, a primeira coisa que vamos a dizer é, OK, vamos consolar dot 630 00:30:51,980 --> 00:30:54,568 registrá-lo, se o gesto dot digite furto igual igual. 631 00:30:54,568 --> 00:30:56,109 Armaghan BEHLUM: Sim, vamos fazer isso. 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS REIMERS: Então, nós estamos vai voltar a este. 634 00:31:02,020 --> 00:31:03,140 Nós vamos atualizar. 635 00:31:03,140 --> 00:31:04,020 Vamos roubar. 636 00:31:04,020 --> 00:31:05,150 E vamos ver um monte deles. 637 00:31:05,150 --> 00:31:05,650 OK. 638 00:31:05,650 --> 00:31:08,710 Então, claramente, o problema era com o nosso estatuto gesto ponto. 639 00:31:08,710 --> 00:31:14,000 Então, se nós abrir um desses nós vamos olhar nos objetos e vamos ver, 640 00:31:14,000 --> 00:31:18,700 bem, é uma parada, mas, oh, ele é chamado de estado, não de status. 641 00:31:18,700 --> 00:31:21,890 Então, se nós voltar para nosso código podemos dizer 642 00:31:21,890 --> 00:31:27,780 se o tipo de gesto dot furto igual igual e parada igual estado gesto dot igual, 643 00:31:27,780 --> 00:31:29,160 então vamos consolar dot registrá-lo. 644 00:31:29,160 --> 00:31:30,940 E assim refrescar. 645 00:31:30,940 --> 00:31:31,856 Nós furto. 646 00:31:31,856 --> 00:31:33,730 E nós vamos verificar que em cada golpe, estamos apenas 647 00:31:33,730 --> 00:31:36,247 recebendo um, que é o final, o que é ótimo, né? 648 00:31:36,247 --> 00:31:37,080 Isso é o que nós queremos. 649 00:31:37,080 --> 00:31:37,955 >> Armaghan BEHLUM: Yep. 650 00:31:37,955 --> 00:31:42,640 E nós também podemos notar que os IDs para cada um desses gestos são separados. 651 00:31:42,640 --> 00:31:47,470 Assim como Tomas estava dizendo porque somos pegando esse estado de uma parada que 652 00:31:47,470 --> 00:31:52,850 existir no final de um furto, estamos ficando gestos individuais distintos 653 00:31:52,850 --> 00:31:54,441 do Leap Motion. 654 00:31:54,441 --> 00:31:54,940 Ótimo. 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS REIMERS: Vamos ir em frente e apenas fazer a coisa final, que é, 657 00:32:03,040 --> 00:32:04,826 >> Armaghan BEHLUM: Adeus. 658 00:32:04,826 --> 00:32:06,425 >> TOMAS REIMERS: Awesome. 659 00:32:06,425 --> 00:32:08,925 E agora vamos verificar o nosso website. 660 00:32:08,925 --> 00:32:09,425 Um 661 00:32:09,425 --> 00:32:09,730 >> Armaghan BEHLUM: Second. 662 00:32:09,730 --> 00:32:11,271 Fizemos, sim, nós te chamei ele adeus. 663 00:32:11,271 --> 00:32:11,920 Ótimo. 664 00:32:11,920 --> 00:32:13,490 >> TOMAS REIMERS: Não, Goodbye é uma função real. 665 00:32:13,490 --> 00:32:14,406 >> Armaghan BEHLUM: Yeah. 666 00:32:14,406 --> 00:32:15,670 Vamos fazer isso. 667 00:32:15,670 --> 00:32:20,566 >> TOMAS REIMERS: E quando nós adeus, ele se despede. 668 00:32:20,566 --> 00:32:22,360 >> Armaghan BEHLUM: Temos vitória. 669 00:32:22,360 --> 00:32:25,632 >> TOMAS REIMERS: stuff Por isso bastante emocionante. 670 00:32:25,632 --> 00:32:28,590 Esperamos que você pode construir algo outra coisa, mas você começa a idéia de, certo? 671 00:32:28,590 --> 00:32:30,260 Você pode detectar gestos. 672 00:32:30,260 --> 00:32:31,469 Você pode chamar funções. 673 00:32:31,469 --> 00:32:34,510 E a partir daquele que realmente lhe dá alguns blocos muito construção fundamentais 674 00:32:34,510 --> 00:32:38,800 dizer, oh, talvez quando eles deslize para cima, porque você também pode detectar coisas 675 00:32:38,800 --> 00:32:39,674 direção semelhante. 676 00:32:39,674 --> 00:32:40,840 Eu quero que eles façam alguma coisa. 677 00:32:40,840 --> 00:32:43,470 Ou quando eles deslize para a direita, eu quer fazer alguma coisa. 678 00:32:43,470 --> 00:32:45,880 E podemos começar a ficar criativa com exatamente como 679 00:32:45,880 --> 00:32:48,840 vamos melhorar o nosso website usando esses gestos de furto ou círculo 680 00:32:48,840 --> 00:32:53,695 gestos, ou gestos de toque, ou torneiras ou toques na tela chave. 681 00:32:53,695 --> 00:32:56,070 E, em seguida, que não seja o que você é mais do que bem-vindo para jogar 682 00:32:56,070 --> 00:32:59,640 com os dados reais, mas se você quer fazer 683 00:32:59,640 --> 00:33:03,870 que gostaríamos de sugerir que você vá para os docs porque eles são realmente muito bom. 684 00:33:03,870 --> 00:33:05,034 Então fomos para os docs agora. 685 00:33:05,034 --> 00:33:06,450 Ou você quer falar sobre isso? 686 00:33:06,450 --> 00:33:06,940 >> Armaghan BEHLUM: Yeah. 687 00:33:06,940 --> 00:33:07,920 Vamos fazer isso. 688 00:33:07,920 --> 00:33:13,680 Além disso, um outro pedacinho de conselho, tente e pensar nisso em 3D. 689 00:33:13,680 --> 00:33:22,611 Então, na verdade, vamos puxar para cima aqueles gestos mais uma vez o gesto de registro do console dot 690 00:33:22,611 --> 00:33:24,290 e fazemos isso. 691 00:33:24,290 --> 00:33:29,460 Venha de volta e agora vamos tentar um par destes, alguns desses. 692 00:33:29,460 --> 00:33:32,940 >> Se formos in e check-out estes gestos, bem 693 00:33:32,940 --> 00:33:36,830 como você pode ver que eles são dimensionalidade 694 00:33:36,830 --> 00:33:38,980 é em três direções, na verdade. 695 00:33:38,980 --> 00:33:42,500 Portanto, não basta limitar -se com uma tela 2D 696 00:33:42,500 --> 00:33:45,200 Mesmo que você pode estar em um website 2D. 697 00:33:45,200 --> 00:33:49,152 Você pode tentar e pensar como um usuário pode interagir com o site em 3D. 698 00:33:49,152 --> 00:33:50,360 TOMAS REIMERS: Em um espaço 3D. 699 00:33:50,360 --> 00:33:51,401 Armaghan BEHLUM: Exatamente. 700 00:33:51,401 --> 00:33:52,310 E sim. 701 00:33:52,310 --> 00:33:55,350 Então você começa direções, velocidades, todos esses bits legal de informação. 702 00:33:55,350 --> 00:33:58,890 >> TOMAS REIMERS: E se você não está familiarizado com isso, ele vai x, y, 703 00:33:58,890 --> 00:34:01,566 e z é, em seguida, esta última dimensão. 704 00:34:01,566 --> 00:34:04,690 Apenas algo que você provavelmente está familiarizado com se você lidou com 3D 705 00:34:04,690 --> 00:34:05,731 coordenar planos antes. 706 00:34:05,731 --> 00:34:09,565 Se você não tem, é o mesmo que um 2D uma exceção que não há uma terceira dimensão. 707 00:34:09,565 --> 00:34:11,420 Nós chamamos isso de z. 708 00:34:11,420 --> 00:34:16,449 E tudo, uma espécie de gosto direção, que é onde está indo, 709 00:34:16,449 --> 00:34:19,810 Position-- eu acho que pode até expor aceleração, eu não tenho certeza. 710 00:34:19,810 --> 00:34:21,341 >> Armaghan BEHLUM: Sim, eu acredito. 711 00:34:21,341 --> 00:34:22,340 Ele definitivamente tem velocidade. 712 00:34:22,340 --> 00:34:25,699 Na verdade, eu não estou 100% certeza sobre a aceleração. 713 00:34:25,699 --> 00:34:28,810 >> TOMAS REIMERS: Pode ser uma opção você pode passar para alguma coisa. 714 00:34:28,810 --> 00:34:33,409 Então, posição e velocidade são expostos em este tipo de três coordenadas. 715 00:34:33,409 --> 00:34:38,812 Assim, x, y, z ou delta x, y delta, delta z. 716 00:34:38,812 --> 00:34:44,130 Então, agora dirigido a documentação é developer.leapmotion.com 717 00:34:44,130 --> 00:34:46,460 e, em seguida, você pode clicar em Documentação. 718 00:34:46,460 --> 00:34:50,010 Mais uma vez, Leap Motion tem tudo isso APIs maravilhosos, um para JavaScript, 719 00:34:50,010 --> 00:34:53,750 um para C Sharp and Unity, um para C ++, um para Java, uma para Python, 720 00:34:53,750 --> 00:34:59,020 e um para Objective C. Eu, pessoalmente, iria empurrá-lo para JavaScript 721 00:34:59,020 --> 00:35:01,280 ou se você quiser aprender um nova linguagem, tente Python. 722 00:35:01,280 --> 00:35:05,910 Ambas as línguas que eu trabalhei com antes e eles são muito fáceis de aprender 723 00:35:05,910 --> 00:35:10,250 e você já sabe JavaScript, que faz com que seja realmente um bom candidato. 724 00:35:10,250 --> 00:35:12,930 >> Uma palavra de cautela quando você entra os docs. 725 00:35:12,930 --> 00:35:15,940 Certifique-se que você está em Docs v2.0. 726 00:35:15,940 --> 00:35:20,250 Porque se você está em versão um, não vai funcionar. 727 00:35:20,250 --> 00:35:21,830 Também para a galeria de exemplo. 728 00:35:21,830 --> 00:35:25,100 Passamos uns bons 30 minutos tentar o debug nosso Leap 729 00:35:25,100 --> 00:35:28,640 antes, percebemos que O V1 não funcionar com V2. 730 00:35:28,640 --> 00:35:31,660 Assim, apenas certifique-se que você está na versão dois. 731 00:35:31,660 --> 00:35:33,904 E então eu vou deixá-lo mostrar seus os docs. 732 00:35:33,904 --> 00:35:34,820 Armaghan BEHLUM: Yeah. 733 00:35:34,820 --> 00:35:39,480 Então aqui está a visão geral API e, em seguida, alguns pedaços de informação 734 00:35:39,480 --> 00:35:41,420 que já lhe disse. 735 00:35:41,420 --> 00:35:44,270 Nice little flutuante mãos acima de um Leap Motion. 736 00:35:44,270 --> 00:35:47,850 E um lembrete para pensar sobre o espaço em 3D. 737 00:35:47,850 --> 00:35:53,140 Um dos primeiros objetos para pensar com Leap Motion são as mãos, é claro. 738 00:35:53,140 --> 00:35:57,060 Vimos os reconhecidos pelo Visualizer. 739 00:35:57,060 --> 00:35:59,180 E então você pode ter visto que ele reconhecido 740 00:35:59,180 --> 00:36:03,202 parte do punho e o braço a ele associado. 741 00:36:03,202 --> 00:36:05,410 TOMAS REIMERS: Se você quiser para puxar para cima o Visualizer. 742 00:36:05,410 --> 00:36:07,190 Armaghan BEHLUM: Sim, vamos fazer isso de novo. 743 00:36:07,190 --> 00:36:10,148 TOMAS REIMERS: Você pode ver, sempre apenas um bom lembrete para classificar de ver, 744 00:36:10,148 --> 00:36:14,060 o Visualizer tenta mostrar todos os dados que Leap vê. 745 00:36:14,060 --> 00:36:17,606 Então, você vai ver que temos este tipo de quatro pontos 746 00:36:17,606 --> 00:36:19,230 por o punho e, em seguida, o pulso real. 747 00:36:19,230 --> 00:36:21,625 E você também tem essa bola na palma da mão. 748 00:36:21,625 --> 00:36:24,000 Todos estes são pontos reconhecer reconhecido pelo salto. 749 00:36:24,000 --> 00:36:25,041 >> Armaghan BEHLUM: Exatamente. 750 00:36:25,041 --> 00:36:32,300 E assim, com esse objeto mão Cada quadro tem uma matriz de mão 751 00:36:32,300 --> 00:36:36,470 bem, onde você também pode obter o das mãos esquerda e direita. 752 00:36:36,470 --> 00:36:39,410 Você pode obter o que direção as mãos são 753 00:36:39,410 --> 00:36:42,410 virada em relação à perpendicular direcção da palma da mão, 754 00:36:42,410 --> 00:36:45,470 ou como eles chamam a palma normal. 755 00:36:45,470 --> 00:36:46,510 O que mais temos? 756 00:36:46,510 --> 00:36:48,120 Nós também, oops. 757 00:36:48,120 --> 00:36:50,640 Vamos tentar e role para baixo dessa maneira. 758 00:36:50,640 --> 00:36:54,410 Os braços, os dedos são representado pelo dedo 759 00:36:54,410 --> 00:36:57,890 classe, que é um objecto direccionável. 760 00:36:57,890 --> 00:37:01,420 Então, como se estivéssemos dizendo, vimos que matriz de pointables para cada lado. 761 00:37:01,420 --> 00:37:04,240 Esses são o pouco dedos para se pensar. 762 00:37:04,240 --> 00:37:09,809 Portanto, esta é uma boa perspectiva para ir através de tentar entender. 763 00:37:09,809 --> 00:37:11,850 TOMAS REIMERS: [inaudível] anatomia mão lá em cima. 764 00:37:11,850 --> 00:37:13,680 Armaghan BEHLUM: Sim, exatamente. 765 00:37:13,680 --> 00:37:14,220 Então, sim. 766 00:37:14,220 --> 00:37:18,150 Há uma grande quantidade de dados brutos que o Leap Movimento leva em interpreta bem 767 00:37:18,150 --> 00:37:20,750 para você, por isso é uma grande idéia de passar por aqui 768 00:37:20,750 --> 00:37:25,300 e tentar descobrir como Leap tem já percebi as coisas para você 769 00:37:25,300 --> 00:37:28,830 e assim as informações que ter disponível a partir daí. 770 00:37:28,830 --> 00:37:33,150 E, em seguida, a partir daí eu recomendaria indo para essa seção esquerda aqui, 771 00:37:33,150 --> 00:37:39,210 que vai, bem, na verdade não, esses são na verdade, apenas mais coisas API about-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS REIMERS: A referência de API no bottom é geralmente um bom lugar para ir. 773 00:37:42,670 --> 00:37:45,720 Vocês provavelmente viu isso quando fizemos o Google Maps PSET. 774 00:37:45,720 --> 00:37:48,590 Mas a referência realmente apenas passa por todos 775 00:37:48,590 --> 00:37:54,540 das funções e parâmetros disponível no objeto para você. 776 00:37:54,540 --> 00:37:55,500 >> Armaghan BEHLUM: Yeah. 777 00:37:55,500 --> 00:37:57,740 Por exemplo, isso é o que Eu estava procurando por diante. 778 00:37:57,740 --> 00:38:01,030 Quando nós temos um lado pode ir e descobrir 779 00:38:01,030 --> 00:38:03,750 como Leap recomenda a nós encontrar uma mão. 780 00:38:03,750 --> 00:38:06,080 Como eu disse anteriormente, temos uma matriz mãos. 781 00:38:06,080 --> 00:38:10,340 Descubra se temos as mãos e em seguida, tentar agarrar uma única mão 782 00:38:10,340 --> 00:38:12,410 para interagir com dessa forma. 783 00:38:12,410 --> 00:38:16,540 Então é isso que nós recomendo para vocês. 784 00:38:16,540 --> 00:38:18,400 Os gestos e coisas assim. 785 00:38:18,400 --> 00:38:23,857 Esta documentação API vai ser uma ferramenta fantástica para vocês. 786 00:38:23,857 --> 00:38:25,440 Você tem outras recomendações? 787 00:38:25,440 --> 00:38:26,398 >> TOMAS REIMERS: eu não faço. 788 00:38:26,398 --> 00:38:27,590 Acho que isso é bom para agora. 789 00:38:27,590 --> 00:38:29,340 >> Armaghan BEHLUM: Sim, Eu penso assim também. 790 00:38:29,340 --> 00:38:33,330 Sinta-se livre para e-mail e obter em contato sobre Leap Movimento 791 00:38:33,330 --> 00:38:36,210 se você está tendo talvez quaisquer problemas ou precisa de qualquer recomendação. 792 00:38:36,210 --> 00:38:40,310 E nós podemos experimentar e descobrir coisas fora com vocês também. 793 00:38:40,310 --> 00:38:40,810 Obrigado. 794 00:38:40,810 --> 00:38:42,360 >> TOMAS REIMERS: Ótimo. 795 00:38:42,360 --> 00:38:42,880