>> TOMAS Reimers: Cool.
Així hola, tothom.
Preses del meu nom.
Sóc un TF i això és
Armaghan BEHLUM: Armi.
És bo veure que els nois.
TOMAS Reimers: Cool.
Així que estarem parlant sobre Leap Motion avui.
Així Leap Motion és un producte genial que
li permet interactuar amb un ordinador d'una manera diferent.
Així que la idea darrere de Leap Motion és que vostè
pot usar les mans per interactuar amb l'ordinador.
Així que aquí tinc una mica establert.
Vaig a parlar-ne en una mica.
Però la versió bàsica que és pot veure que tinc les meves mans davant
del meu equip i quan els moc, s'obté l'anàleg a l'equip
i vostè pot analitzar això.
Vostè pot fer gestos.
Vostè pot utilitzar les seves mans per interactuar amb l'ordinador
en forma nova i interessant.
>> Bé, en realitat primer volen fer passar a Armi
per mostrar alguns donem fredes del algunes persones han fet amb aquest.
I després parlarem de com que realment codi amb això.
Armaghan BEHLUM: Sí.
Hola.
Així com hem vist, poc dades aquí, però anem a veure
el que algunes persones han fet amb aquest.
Així que permetin-me simplement obro aquest exemple.
I llavors, de manera que, per exemple, es pot veure la meva analògica mà allà, però ara aquest temps
algunes persones que utilitzen la Unitat tenen decidit a posar una mica més de pell
i aquestes coses al voltant de la mà.
Així que puc, anirem amb aquest, Segur, tenen les mans interactuar.
I és probable que pugui imaginar un parell d'altres coses útils fresc
que es pot fer amb això.
Així que aquest és almenys un exemple.
I després anem a saltar fora d'això.
>> I després un altre fresc És a dir, anirem amb aquest.
Bola plasmo.
Un cop més, no ho faríem necessàriament esperar aquest nivell de complexitat
d'un projecte final per CS50.
Això és només per mostrar alguns dels, donar-vos
una mica d'inspiració per al vostès poden veure amb Leap Motion.
Així, per exemple, aquí hi ha un fresc exemple la física, que allà anem.
Té les dues mans de manera que ara tenir aquesta petita bola de plasma.
I la pilota està reaccionant a la física de mi movent la mà al voltant de la pilota.
Ara bé, això és tot, encara que en Unity, utilitzant tipus d'eines i marcs
que no hem ensenyat nois a classe,
però com vostè pot veure alguns bastant de funcionament en fred throughs amb això.
>> Però una cosa que vostès poden fer començant en aquest moment amb Leap Motion
és un treball en JavaScript.
Leap Motion té una API de JavaScript que que vostès poden utilitzar i molt, molt
Recomano que vostès construir seus projectes utilitzant això.
Així que amb això, em va deixar passar de nou fora de Tomas
parlar de Salt Moviment i JavaScript.
TOMAS Reimers: Cool.
O vols mostrar ells el Visualitzador primer?
>> Armaghan BEHLUM: Oh, si.
Sí.
Anem a parlar més sobre això Visualizer.
>> TOMAS Reimers: Així que en una més bàsica nivell, quan vostè arriba a Leap Motion
vostè va a tenir aquesta caixa.
Aquí, vull que prengui el control?
>> Armaghan BEHLUM: Sí, anar a per això.
>> TOMAS Reimers: Fins a Quan primer arribar a Leap Motion
vostè va a tenir aquesta caixa.
Té un dispositiu que es veu alguna cosa com això.
Es connecta al seu ordinador, instal·lar els controladors necessaris,
i llavors bàsicament es crearà.
Així que la manera més fàcil per ordenar d'acord amb Leap Motion
s'obrirà aquest programa s'instal·la anomenat Leap Motion Visualizer.
I el Visualizer és literalment el que estic mostrant aquí.
Se li permet veure el contorn de l'esquelet de les mans.
I el que el Leap Motion ells es interpretar com.
Així que la Leap Motion utilitza la càmera a una espècie de mirada a les seves mans
i després tracta d'endevinar el que el composició de l'esquelet bàsic que
veure a la pantalla és.
I això és el que es mostra.
Armaghan BEHLUM: Cada molt sentit únic
i el que es veu no existeix dades que està disponible per a vostès
així com d'utilitzar.
Així que ja veus que és captura que Tomas
té cinc dits, cada un els diferents dits
També estan disponibles per a vostè com a dades punts per a usar en qualsevol aplicació
que és possible que vulgueu.
Si vostè vol veure si algú està fent un polze cap amunt
es pot veure si els seus dits es encrespen i si són
dit polze està apuntant cap amunt, o quan
la seva nina o palmell és i aquest tipus de coses.
TOMAS Reimers: Cool.
Així que vostè pot veure alguns gestos que entén millor que altres.
Recordeu, que està buscant al seu la mà d'una càmera des de la part inferior,
així que quan vostè té les mans com això es les entén completament,
però una vegada que comences a tractar de fer un polzes cap amunt, de vegades el llegeix,
de vegades pot endevinar, però la veritat la càmera no pot veure el polze.
Així que no és realment segur del que està passant.
Només algunes limitacions a tenir en compte quan estàs desenvolupant amb això.
>> De totes maneres, pel que tornar a aquest.
El visualitzador de realitat té un munt d'eines útils.
Així que el Leap Motion és programada de tal manera
que no t'esperen interactuar amb que les dades d'imatge.
Ells realment no espero que ho entenguis
el que està succeint darrere de les escenes.
El que fan és exposar un manat d'API per a vostè
tal que pugui interactuar amb aquestes dades
directament, sense la comprensió el que està passant sota el capó.
>> Així que si colpegem H aquí al visualitzador veuràs un munt d'opcions.
L'únic important aquí, però és si es colpeja O i després prem H,
veuràs que permet dibuixar gestos.
Així que un gest, veuràs dibuixa una fletxa a través.
Un gest és una de les maneres que Salt Moviment espècie de deixa que et donen en les dades
sense haver de processar-lo.
Així que més que em pugui imaginar fora, oh, la mà es movia,
encara que tingui el punt d'accés, el API espècie de només digues-me,
bo, van fer aquest gest.
Així que vostè pot fer gestos de fletxa bàsiques.
Vostè pot fer gestos cercle.
Vostè pot fer tocant gestos.
I vostè pot fer gestos de pulsació de tecles.
Sí.
I aquest tipus de coses.
Així que ara que hem mena de vist el que pot fer Leap Motion,
es pot veure que es pot llegir un manat sencer dels gestos.
Crec que em vaig a passar de nou a Armi
i ell va a parlar sobre com que podem trobar en aquests amb JavaScript
fins i tot la forma de començar un projecte amb això.
I després parlarem d'alguns llocs interessants que poden anar amb això.
Armaghan BEHLUM: Sí.
Sona bé.
Així que sí, la primera cosa que voldrà que vostè faci, per descomptat,
és després d'obtenir el Leap Motion és anar a leapmotion.com, configurar, instal·lar
els conductors i aquestes coses.
Després de fer això es pot anar assegureu-vos que estigui connectada.
Si vostè veu en el seu safata la Leap Motion icona i és verd,
llavors vostè sap que està tot a punt.
I, per descomptat, fes un cop d'ull a exactament el Tomas només li va mostrar amb els gestos
i fent els tocs de pantalla, i aixetes clau, i aquest tipus de coses.
>> Després que tot i que, una vegada més, com he dit,
tenim accés a tots ells coses en JavaScript també.
L'ideal va establir que li recomanem
nois és anar en el seu directori vhost, amfitrió local,
públic en el seu aparell CS50.
I quan vas allà el que va a veure és un fitxer HTML punt índex.
Ara que dot índex Arxiu HTML o el punt índex
Arxiu PHP, el que sigui bé, el que després es pot fer
és anar al seu sistema operatiu principal.
I si vas a l'adreça IP que apareixen a la part inferior dreta
cantonada del seu aparell aquí, com es pot veure, llavors el que passa
és que vostè vagi a la pàgina que és referenciat per aquest arxiu HTML dot índex.
Així que tot el codi que vostè pot posar en no s'envia i és utilitzable aquí.
>> TOMAS Reimers: Així que és també només important per referència
que si vostès realment saben com configurar un servidor de vostè mateix,
o desitja posar això en el tot el món web, us convidem a fer el que sigui.
Recordeu que aquests són només arxius JavaScript
i tot el processament de Salt es fa en el client.
Així que no importa realment on viu el seu servidor
sempre que l'ordinador que està veient la pàgina web en
ha instal·lat Leap Motion.
Armaghan BEHLUM: Per descomptat.
Igual que Tomàs va dir, sí, el que funcioni per a vostès.
Aquesta és només una de les nostres recomanacions.
Ara per començar a utilitzar Salt Motion el que faries
està vostè li importa el JavaScript arxiu de Leap Motion.
I a continuació, a partir d'aquí el que que pot fer és, en aquests moments
Només tinc aquest paràgraf etiqueta creada amb un ID de text.
Les coses que ens agradaria recomanar ajust de les opcions del controlador
per Leap Motion amb el permetre gestos per ser veritat.
Així que per defecte els gestos que et mostrem
nois, el cercle i la aixeta clau, i els cops,
els que no es mostren a vostès per defecte.
Però és molt recomanable l'ús dels el que no estem reinventant la roda.
Habilitar els true, passant els opcions de controlador per saltar llaç dot
i ja està tot a punt per anar.
Perquè llavors només tens definit una funció anònima
que tindrà en un marc de Leap Motion
i que compta amb tot el marc informació que necessitaràs.
>> TOMAS Reimers: Així que per resum, vostè té un objecte.
Vostè té aquesta funció anomenat bucle de punts salt.
I vostè ho diu amb dos arguments.
Vostè ho diu amb un, les opcions de controlador.
I hi ha una gran quantitat de opcions que poden posar allà a.
El que farem destacar és que els gestos.
I si s'estableix igual a cert llavors vostè pot tenir accés a aquesta gestos
que us vam mostrar en el visualitzador.
>> I llavors el segon argument és un funció, que és com una mena de crida de tornada
que es dirà cada temps cada fotograma de Salt,
Així que cada vegada que els registres de traspàs el seu moviment banda, té un nou marc.
I crida a aquesta funció amb un argument, que és l'objecte marc.
I aquell objecte marc descriu el marc com Salt veu.
Armaghan BEHLUM: Exactament.
Així que aquest conté tota la utilitat parts i peces d'informació
que parlàvem abans.
Comprovació gestos de punts de trama és una sèrie de gestos
que el moviment de salt anomenat la mans que fan en l'últim fotograma.
Així, per exemple, del que som fent aquí és que estem comprovant,
bo, Salt, en aquest últim quadre va fer vostè agafa qualsevol gest que vaig fer?
I si és així el que decidim fer és recórrer aquests gestos
i tractar d'aconseguir alguna cosa útil informació d'ells.
Cada gest té un únic ID associat amb ell.
Tenen tipus.
Vostè pot mirar al que els dits van estar involucrats en els gestos
pel control d'aquest material orientable.
Així que si quan vas a través de la Leap Motion JavaScript coses API,
quan esmenten pointables, que estan parlant d'aquests dits.
I llavors les mans són, per descomptat, l'objecte de tota la mà.
>> Què més?
Podeu comprovar quant de temps el moviment va continuar
per i, sí, totes aquestes coses útils.
Així que el que estic fent en aquest moment aquí és registrar el marc,
i després puc actualitzar el meu HTML per mostrar tots aquests bits d'informació
del bastidor.
Així que anem a veure això.
>> Així que aquí està.
Aquí està l'arxiu HTML punt índex.
I a mesura que acaba de veure quan m'acabo de mudar la mà Salt va captar un moviment circular.
Així que vostè pot veure fent un cercle sobre aquí, s'actualitza amb la informació cercle.
Fent cops, les captures cops.
Anem a tractar d'una fitxa de la pantalla.
Cal anar.
Toc de pantalla i una aixeta clau.
Aixetes Així clau també, per la Així, són quan vostè colpeja cap avall.
Així que vostè pot imaginar potser tocant un piano.
>> I llavors la pantalla es toqui són quan es premi la pantalla.
Així que vostè pot imaginar que per tant realment tindrà una pantalla tàctil al davant de vostè
i que està colpejant el toc pantalla davant de vostè.
I després podem prendre 1 d'aquests objectes en aquí.
Llavors recordo que vaig dir que jo era passant pel marc en registre de la consola.
I així podem revisar tot el parts i peces d'informació
que estan disponibles a aquest marc així a utilitzar.
>> Com he dit abans, pointables són els dits.
En aquest moment no teníem la nostra les mans davant de la Leap Motion
pel que ha registrat zero, però aquesta és la forma de
començaria a descobrir el millor quants dits són la pantalla.
I aquest tipus d'informació.
TOMAS Reimers: I recordo això és només un objecte.
Així que tot el que es pot accedir una mena estructura
en C. Vostè té l'objecte punt de noms el nom de propietat.
I després dins que tens matrius i té altres objectes,
però recorda que és només un objecte.
No hi ha res especial perquè estem usant Salt.
Armaghan BEHLUM: Sí.
Fresc.
Cal revisar un parell d'exemples de JavaScript?
>> TOMAS Reimers: Així recordar ràpidament que ens
va dir que Salt en realitat pot executar en qualsevol lloc web.
LeapJS és només serveix a un client.
I així, al llarg com el client té Leap Motion adjunta que funcionarà.
Així Leap Motion té una lloc web on la gent
poden compartir els seus exemples de les coses que han fet.
Així que només anirem a través d'un parell
per veure el que és possible abans capbussar-se en més detalls sobre com
que és possible.
Així
Armaghan BEHLUM: Anem a veure.
TOMAS Reimers: Ara hauria d'estar treballant.
Armaghan BEHLUM: Així que ara abans de veure un exemple
Unity que va rendir nostres mans amb força impressionants pells gràfiques,
però ara es pot veure que pot fer el el mateix dins d'un navegador web.
Tot això és Chrome interior simplement utilitzant JavaScript.
I després l'altra agradable cosa és que si vols
saber com ho van fer, els exemples en JavaScript
També incloure opcions de codi que pots fer una ullada i després veure
com aquesta persona estava agafant mans i els codis i tal.
>> Així que això és tot el que pots trobar en developer.leapmotion.com.
Vostè pot anar i comprovar JavaScript exemples que tenen allà.
Així que si.
Aquí hi aquests, aneu ho sento.
Anem a intentar-ho de nou.
Oh.
Tinc dues mans dretes.
Així que si.
>> TOMAS Reimers: Així una i altra vegada, recorda de vegades salt meta la pota.
Només has de donar-li un segon.
No és perfecte, però és bastant bo.
Armaghan BEHLUM: Una altra recomanació també
és no fer-ho a la llum solar directa.
Així que la forma Leap Motion obres és, en realitat
si mostro la càmera aquesta així, la llum infraroja.
Per tant, envia els fora i després les llegeix quan tornen.
Així que si vostè està tractant de faci la llum solar directa,
per exemple, és probable que no anar a treballar,
o que requerirà alguns de calibratge per fer-ho.
>> També una altra recomanació és aclarir l'espai darrere del Salt
i davant Salt.
Penseu en això com a treball a l'interior d'una cúpula que és
al voltant d'aquest objecte Leap Motion.
Si hi ha matèria dreta darrere d'ell, així,
Això també va a interferir amb la forma de provar el Leap Motion de
reconèixer la mà i aquest tipus de coses.
>> Així, per exemple, crec que en aquest cas es tracta del meu portàtil realitat
això és una cosa del que el Leap Motion.
Sí, aquí anem.
Així que si puc esborrar el meu portàtil des darrere d'ell la mà apareix bastant bé.
Així que si.
Cal.
Llavors, què més ho va fer els mostrem.
TOMAS Reimers: Crec Ara seria el moment
per ordenar de submergir-se en i només anem a fer una demo totalment des de zero.
Serà molt simple.
Bàsicament el que anem per tractar de fer és que sigui
perquè quan passi la seva banda, el fons va començar com vermell,
i quan passi la seva banda, el fons va a posar-se verd.
D'acord?
Realment simple.
I és bàsicament només passarà per un munt
dels conceptes darrere Salt perquè puguem
entrar en aquesta ideologia de com funciona Salt i com podem construir coses amb això.
I a continuació, a partir d'aquí anem a probablement tan sols mostra
les API i on Pots llegir més sobre això.
I llavors l'anomenarem dia.
Llavors, vols que codificar o ¿M'estimes codi?
Armaghan BEHLUM: Sí.
Bé, crec que podem treballar junts en això i tractar
>> TOMAS Reimers: Així que anem a fer una mica de codi parell.
Armaghan BEHLUM: Allà anem.
Això és exactament el que jo volíem fer la sortida.
Fresc.
Així, per exemple aquí, anem a veure.
Si bé estem iterant a través dels gestos ja,
TOMAS Reimers: Vols fer només un arxiu completament nou?
Armaghan BEHLUM: Completament nou arxiu?
Sí, segur.
>> TOMAS Reimers: Sí.
>> Armaghan BEHLUM: Així que farem això.
>> TOMAS Reimers: Així que anem Per crear un arxiu complet.
L'anomenarem mà HTML punt.
Això està bé amb mi.
Així que recordi que vostè fa una etiqueta HTML, llavors dins que té un cap.
Aquesta cap té un títol dins d'ella.
Així pestanya cap a un altre costat.
Cal anar.
Títol, l'anomenarem Salt Exemple.
Sí.
>> Armaghan BEHLUM: Vaya.
Títol.
>> TOMAS Reimers: Sí.
>> Armaghan BEHLUM: No som.
>> TOMAS Reimers: I llavors farem un cos.
>> Armaghan BEHLUM: Espera, anem També assegureu-vos d'importar.
TOMAS Reimers: Oh, és clar.
El meu mal.
Així que sempre segur de tindre el Salt script perquè un guió que li ha assignat
per Leap Motion que bàsicament permet que el navegador web per connectar
al dispositiu a l'ordinador de l'usuari.
I després, en aquest també necessitarà un cos i només anem a
fan que el cos diu hola per lo que podem mostrar als estudiants
com connectar-se a aquest nou La pàgina web que ells van fer.
Armaghan BEHLUM: Segur.
Així que anem a posar-lo de another--
>> TOMAS Reimers: Hola, hola món.
Així que un exemple molt bàsic.
En realitat només una demo.
>> Armaghan BEHLUM: I llavors aquí estem pot anar a, en diem HTML dot banda,
Oi?
I, oh!
Així que em pregunto què està malament amb això ara mateix.
Anem a afegir permisos de lectura a mà HTML punt.
TOMAS Reimers: Vostè desitja fer-ho al gran terminal de
pel que només podem mostrar-lo a ell--
>> Armaghan BEHLUM: Sí, això té sentit.
Bé.
Així que m'acaba d'afegir el permisos, però si
eren de revisar la permisos abans que
hauria vist que en realitat la mà dot HTML no tenia permisos de lectura
i per tant no vam poder fer-la.
Però ara, si ho fem, veiem la nostra petit món hola allà mateix.
>> TOMAS Reimers: Així que anem a realitat, mentre escrivia, hola món,
Vaig pensar en una manera podríem canviar això.
Anem a fer el que diu hola món, i després, quan li fa senyals, que diu adéu.
Dret?
Així hola, adéu.
>> Armaghan BEHLUM: Segur.
>> TOMAS Reimers: Això sona bastant bé.
>> Armaghan BEHLUM: Això sona bé per a mi, també.
>> TOMAS Reimers: Així que si som va a fer això a deixar sol
pensar a través de la pàgina web una mica.
Necessitarem una mica de guió que registra bàsicament
que vostè va agitar i un salt, una ona i un cop, el mateix.
Així que necessitarem un script que bàsicament registra per aquest cop.
I una altra cosa que estem necessitarà és que estem
necessitarà alguna cosa contingut real al canvi.
>> Així com vostè recorda, jQuery li permet canviar el contingut.
Així que una cosa que podríem voler incloure en això és la biblioteca jQuery.
I a continuació, ser capaç de seleccionar el de fet anem a canviar el contingut,
això necessitarà un ID o una classe, o alguna cosa
que podem fer servir per seleccionar-la.
Així que només haurem de donar-li una Identificació ràpida de canviar el text.
I llavors què vol agafar jQuery?
Armaghan BEHLUM: Llavors, què és el primer cosa a la nostra llista de tasques pendents, llavors ara?
TOMAS Reimers: Anem a agafar jQuery?
Armaghan BEHLUM: Anem a agafar jQuery, OK, fresc.
En aquest cas, em vaig a haver de actually--
Com podria millor lloc per fer això?
>> TOMAS Reimers: jQuery, així que si vostè Google jQuery, jQuery va colpejar, la primera
Armaghan BEHLUM: Molt primera.
TOMAS Reimers: O descàrrega.
Està bé.
Hit descàrrega v1 i v2 de l'esquerra.
Així que estem descrivint jQuery des en línia com vostè probablement ha fet.
Desplaceu-vos cap avall.
A dalt, a dalt.
>> Armaghan BEHLUM: Oh, aquí ara?
TOMAS Reimers: O això.
Sí.
Així que jQuery té una versió allotjada el que significa que vostè no ho fa realitat
que descarregar-lo, però vostè és més que
benvinguda per descarregar- i l'amfitrió de vostè mateix.
Armaghan BEHLUM: Cool.
Així que ara tenim jQuery.
Ara el que es ve a la nostra llista de tasques.
TOMAS Reimers: Awesome.
Així que la propera el que necessitem fer és que realment necessitem
per donar món p hola un identificador perquè puguem canviar-lo, oi?
Així que anem a donar-li una idea de, No sé, canviar el text?
Armaghan BEHLUM: Anem a simplement fer-ho d'aquesta manera, suposo.
TOMAS Reimers: changeText, fresc.
I ara anem a actualitzar la pàgina.
Fer tot funciona segur.
Així que de tornada al navegador.
Fresc.
Sempre és un bon recordatori que quan vostè està construint un lloc web,
probablement actualitzar cada vegada que faci qualsevol canvi poc significatiu només
perquè de vegades accidentalment caure una etiqueta,
o elimina accidentalment alguna cosa, i després es trenca alguna cosa petit,
però després, quan es realitza un canvi gran vostè és com, per què aquest gran canvi
aparentment trencar la cosa no relacionada.
Així que sempre és bo per ordenar de anar i fer aquestes comprovacions de sanitat.
>> De totes maneres així que ara farem una última comprovació de validesa,
que tractarem de canviar text sense Leap Motion,
sense res, només sobre la càrrega de la pàgina que va a
canviar hola món a adéu usant jQuery.
Així que si vostè recorda exposa jQuery aquesta funció mostra de dòlar,
que podem passar selector CSS per, és a dir, el text del canvi hashtag, que
selecciona l'element amb una identificació dels canvis de text.
I després anem per cridar al mètode HTML
en l'objecte torna amb el argument d'un comiat de cordes, que
canviarà els articles HTML per dir adéu.
Impressionant.
Això sembla molt bé.
I ara, quan refresquem la pàgina que veurem
que canvia instantàniament a l'adéu, oi?
Com que no espera res.
Una cosa tan aviat com aquest guió corre canvia a adéu.
Fresc.
>> Així que ara anem a acabar amb que en una funció.
Dreta.
Així que anem a voler per fer una funció.
L'anomenarem adéu.
Així que adéu funció és prendrà sense arguments
i en realitat no és va a tornar res.
I només va a fer això en JavaScript.
Excel·lent.
Així que la nostra funció adéu ara canvia el text de comiat, no?
Així que això ens dóna una manera bàsicament el canvi
que el text de comiat sempre cridem a aquesta funció.
Dret?
Així que això està molt bé.
>> Armaghan BEHLUM: Bé, També pot simplement assegureu-vos
que ara ja no estem trucant a la funció, si refresquem la pàgina,
compte que no va per canviar el text.
>> TOMAS Reimers: Excel·lent.
Així que ara anem a començar entrar en aquest salt coses
que estàvem parlant.
Així Armi, vols prendre des d'aquí o?
>> Armaghan BEHLUM: Sí.
És clar.
Probablement vaig a necessitar comprovar les coses,
però per exemple recordar ens va dir que volia
per assegurar-se que en les Opcions establir permetre gestos
TOMAS Reimers: Bona captura.
Armaghan BEHLUM: Per ser cert.
I després ens recomanàvem que vostès farien
executar bucle punt salt, que com hem dit abans,
té dues opcions, un objecte JSON que és les opcions per a la forma en què vol
per configurar el Leap Motion per treball, i després una funció que és
va a agafar un marc com una devolució de trucada funcionen com Tomas estava dient.
I després editar el que vulguis a veure amb aquesta funció.
>> Així que vam passar al opció i ara definim
una funció que tindrà en un marc.
I ara hem de definir el que fa aquesta funció.
És també pel bé de la futur, fer això per assegurar-se.
TOMAS Reimers: Excel·lent.
Així que ara tenim aquest funció de bucle de punts salt
cridar que bàsicament diu rellotge Salt amb aquestes opcions i cada vegada
alguna cosa canvia, criden a això marc de funció amb totes les dades
que són conscients en el marc.
Sona bastant bé.
Així que ara prova de seny ràpida, que jo sempre recomano,
és que només cal posar consola marc lògic punt.
I després, a Chrome obrir i mira al teu consola
i jugar amb salt per veure el marcs estan registrant perquè aquesta voluntat
de tenir una idea del que dades que té accés.
I com sempre, si vostè es confon, buscar la referència de l'API.
I anem a incloure l'enllaç perquè al final d'aquest.
>> Armaghan BEHLUM: Així que Actualitza la pàgina i després
anem i obrim la consola de nou.
I ara ens adonem que estem tenir marcs aprovades en,
aquests petits objectes que vam veure abans.
Així que si.
Aquests són els nostres marcs aparèixer a la consola.
Fresc.
>> Així que ara que ens hem agafat el marcs, com et poden recordar anterior
l'exemple que teníem, si comprovem gestos de punt de trama
tenim la llista dels gestos que el marc més recentment es va trobar.
Podem comprovar la longitud d'aquesta matriu per veure si salt atrapar cap gest.
Així que si aquest acord és més gran que zero llavors
Sabem que tenim algunes coses a fer.
>> Així que anem a acabar amb això en una condició if i ara aquí el que sabem és que
han vist un gest, actuarem en ell.
Així que ara que estem aquí som tenir un gest a la sortida.
TOMAS Reimers: Bé, el primer cosa és que no és només un gest,
podria ser tan molts gestos.
>> Armaghan BEHLUM: Molt cert.
TOMAS Reimers: Així per estil clàssic C aquí
probablement voldrem utilitzar un bucle for.
Armaghan BEHLUM: Aquí estem llavors.
Vam decidir recórrer a través dels gestos.
I anem a veure.
i més, més.
I ara si potser vam fer només un gest var és igual
gestos de punts marc suport i, ara tenim
gest en si, que és només un única instància d'un objecte gest
per a nosaltres treballar amb dins d'aquest bucle.
Bé.
TOMAS Reimers: el seny de Let comprovar de nou aquí i només consolar
dot ingressi gest per veure el que tenim.
>> Armaghan BEHLUM: Consola gest de registre de punts.
Dokie Okie.
I actualitzar una vegada més.
>> TOMAS Reimers: I anem a tracti de fer un gest.
Vas a veure que un munt de, quan llisca,
vostè aconsegueix un munt de gestos al consola i si tracta de fer un cercle,
és sol--
>> Armaghan BEHLUM: Cercles són realment agradable.
>> TOMAS Reimers: Ara hi ha una cosa estranya aquí, el que s'està fent un cercle,
però això està registrant 80 gestos, oi?
Això és un munt de gestos.
Així que el primer tipus de coses a s'adona, i això pot ser confús,
és que un gest No s'acaba de connectar una vegada.
>> En cada quadre, dreta, per la qual cosa si estic fent un cercle
Salt detectarà aquesta és un canvi, d'aquesta
és un canvi, a partir d'això és un canvi.
I va a registrar cada un d'ells.
Però en cada un d'ells, que dirà, oh,
hi ha un gest actualment en curs.
Així que permetin-me dir, hey, hi ha una gest i és actualment en curs.
Així que el que no volem fer és dir, oh, en cada un
d'aquests gestos que vol canviar el text.
El que volem fer és quan aquest gest s'atura, i podem comprovar que,
llavors volem canviar el text.
Armaghan BEHLUM: Mhmm.
Així que, com Tomás és explicant aquests gestos
podria semblar a través de múltiples marcs, però per exemple,
quan estàvem tenint aquest cercle, podem veure
que l'ID perquè un sol cercle que
podria haver estat tractant de completar era el mateix ID de llarg.
I, de fet, també pot revisar l'estat.
actualitzat.
>> I llavors aquest és probablement el últim cercle que, oh, bé, OK.
Així que de vegades mostra una estat de la detenció d'un gest
i també li mostra l'estat d'iniciar un nou gest quan
reconeix amb certesa que que ha començat un nou gest.
Per exemple en aquest cas.
TOMAS Reimers: Cool.
Armaghan BEHLUM: Així que si.
I després, anem a veure.
També pot notar encara estàvem fent
un cercle i el gest té un tipus de camp anomenat
que ens diu quin tipus del gest que és.
Així que podria ser útil per a nosaltres tractes de fer el que estem fent.
TOMAS Reimers: Així la transició de tornada a la JS,
el primer que se m'acut També, només la lectura a través d'aquest codi
és que hi ha una petita optimització, que és que en realitat
no necessiten aquesta condició si, no?
Perquè si els gestos de punts marc puntegen longitud és zero, que per al llaç de
no va a córrer de totes maneres.
Així que bé podem anar endavant i desfer d'això.
Un cop més, mentre estàs escrivint codi és important tornar i ordenar
de refactorizar com t'adones que vostè podria haver fet alguna cosa millor,
o que hi ha una altra manera de fer-ho.
Així que ara només anem a netejar aquest ràpidament i també netejar el seu codi.
Això és una gran cosa.
>> Armaghan BEHLUM: Good estil és molt apreciat.
>> TOMAS Reimers: Pot sempre dir quan algú
té codi on solia haver-hi un if estat i després es va treure,
però no descomentarla.
És molt obvi i és com que es veu lleig.
Armaghan BEHLUM: Quin és el següent en la nostra llista de tasques pendents?
TOMAS Reimers: Així que ara com dèiem, Suposo que el primer que volem fer
és assegurar-se que aquest gest de en realitat un cop, no?
>> Armaghan BEHLUM: Sí.
>> TOMAS Reimers: Així que si estem dient que nostre adéu és com un cop,
anirem amb ell és un cop, el El primer que hem de dir és, hey,
s'escrigui el gest un cop, no?
No és un cercle o una tapa, però és un cop?
Així que la manera com podem fer això Som nosaltres podem dir gest
Tipus de punt igual cop igual com una cadena.
>> Armaghan BEHLUM: [inaudible] gest tipus de punts és igual a igual a cop.
Aquí estem.
>> TOMAS Reimers: I a continuació, l'última pregunta
volem veure és el gest de punt parada igual igual estat, no?
Així que això és quan el Ha estat detingut gest.
En realitat, jo crec que per lliscar el dit, em saber això de la part superior del meu cap,
però us convidem a busqueu-, quan
lliscar cada vegada que es registra fins que el pari és un gest d'inici.
I a continuació, l'últim de només un gest de la parada.
Així que només hi haurà una parada gest, que és molt bo per a nosaltres.
Llavors, què podem fer és dir si gest dot escrigui cop igual igual i gest de punts
igualtat de condició igual parar, llavors anem al seny
marqui aquí consolar gest de registre de punts.
>> Així que anem a tornar aquí.
Anem a actualitzar la pàgina.
I ara l'única vegada que alguna cosa ha de ser punt de consola connectat és quan passada.
I tractem de passar el dit i no veiem res.
Dret?
Així que això és realment un gran problema.
No estem veient el que esperàvem.
I la depuració pot ser una gran part d'això.
Així que el primer que anem a dir és, OK, anem a consolar punt
sessió si gest dot escrigui igual cop igual.
Armaghan BEHLUM: Sí, farem això.
TOMAS Reimers: Així que estem tornarà a aquest.
Anem a refrescar.
Anem passada.
I anem a veure un munt d'ells.
D'acord.
Així que està clar que el problema era amb el nostre estatus gest de punts.
Així que si ens obrim un d'aquests anem a Esperem en els objectes i veurem,
bo, és una parada, però, oh, es diu Estat, no d'estat.
Així que si ens dirigim de nou a nostre codi podem dir
si el tipus de gest dot igual cop igual i la parada d'igual estat gest de punts iguals,
llavors anem a consolar punt registrar-lo.
I així refrescar.
Apropem.
I veurem que en cada cop, només estem
aconseguir un, que és el final, que és gran, no?
Això és el que volem.
>> Armaghan BEHLUM: Sí.
I també podem notar que les identificacions de cadascun d'aquests gestos són part.
Així com Tomàs estava dient perquè som la captura d'aquest estat una parada que
existeix al final d'un cop, estem aconseguir gestos individuals separades
de Leap Motion.
Gran.
>> TOMAS Reimers: Seguirem endavant i acaba de fer l'última cosa, que és,
>> Armaghan BEHLUM: Adéu.
>> TOMAS Reimers: Awesome.
I ara anem a veure el nostre lloc web.
Un
>> Armaghan BEHLUM: Segon.
Ho vam fer, sí, nosaltres ho dèiem Adéu.
Gran.
>> TOMAS Reimers: No, Goodbye és una funció real.
>> Armaghan BEHLUM: Sí.
Anem a fer això.
>> TOMAS Reimers: I quan ona adéu, que diu adéu.
>> Armaghan BEHLUM: Tenim la victòria.
>> TOMAS Reimers: les coses Tan bastant emocionant.
Esperem que es pot construir alguna cosa els altres, però s'entén la idea, oi?
Pot detectar gestos.
Vostè pot trucar a funcions.
I d'aleshores que realment et dóna alguns blocs de construcció fonamentals molt
a dir, oh, potser amb només passar cap amunt, perquè també es pot detectar coses
direcció similar.
Jo vull que facin alguna cosa.
O amb només passar bé, volen que facin alguna cosa.
I podem començar a aconseguir creatiu amb com exactament
anem a millorar el nostre lloc web l'ús d'aquests gestos banda magnètica o cercle
gestos o tap gestos, ja sigui aixetes o tocs de pantalla clau.
I a continuació, que no sigui que ets més que benvingut a jugar
amb les dades reals, però si vols fer
que li suggerim que vagi a la documentació perquè són realment bona.
Així que es va dirigir als docs ara.
O vols parlar d'això?
>> Armaghan BEHLUM: Sí.
Anem a fer això.
També un altre xafarderia d'assessorament, no tractar de pensar en això en 3D.
Així que en realitat anem a tirar cap amunt aquests gestos una vegada més el gest de registre de punts consola
i ho fem.
Anem de nou i ara anem a tractar d'una parell d'ells, un parell.
>> Si anem i sortida de l'hotel aquests gestos, així
com es pot veure que són dimensionalitat
és en tres direccions, en realitat.
Així que no només limitar Gaudiu d'una pantalla 2D
tot i que et poden estar en un lloc web 2D.
Vostè pot tractar de pensar com un usuari podria interactuar amb el lloc web en 3D.
TOMAS Reimers: En un espai 3D.
Armaghan BEHLUM: Exactament.
I sí.
Perquè pugui obtenir les direccions, les velocitats, tots aquests bits d'informació fresc.
>> TOMAS Reimers: I si no estàs familiaritzat amb això, va x, i,
i llavors z és aquesta última dimensió.
Només és una cosa que probablement són familiaritzats amb si vostè ha tractat amb 3D
plans de coordenades abans.
Si no té, és el mateix que un 2D un, excepte que hi ha una tercera dimensió.
L'anomenem z.
I tot, una mena de direcció, que és on va,
Position-- crec que fins i tot podria exposar l'acceleració, no estic segur.
>> Armaghan BEHLUM: Sí, jo crec.
Definitivament té velocitat.
En realitat no estic al 100% segur sobre l'acceleració.
>> TOMAS Reimers: Pot ser una opció es pot passar a alguna cosa.
Així que la posició i la velocitat estan exposats en aquest tipus de tres coordenades.
Així que x, i, z o delta x, delta i, delta z.
Així que ara ens dirigim a la documentació és developer.leapmotion.com
i llavors vostè pot fer clic en Documentació.
Un cop més, Leap Motion té tots aquests API meravellosos, un per JavaScript,
una per a C Sharp i Unitat, un per C ++, un per a Java, un per Python,
i un per Objective C. Personalment que empènyer cap JavaScript
o si vols aprendre nou idioma, intenti Python.
Tots dos d'aquests idiomes dels que he treballat abans i són molt fàcil d'aprendre
i vostè ja sap JavaScript, el que fa que sigui un bon candidat.
>> Una paraula d'advertència quan entres a la documentació.
Assegureu-vos que està en Docs v2.0.
Perquè si vostè està en versió un, no funcionarà.
També per la galeria exemple.
Passem uns bons 30 minuts tractant la depuració nostra Salt
abans que ens vam adonar que V1 no funciona amb V2.
Així que assegura't que estàs en la versió 2.
I llavors jo li vaig deixar mostrar les seves docs.
Armaghan BEHLUM: Sí.
Així que aquí està el resum d'API i després alguns fragments de la informació
que ja t'hem explicat.
Poc flotant Niça les mans per sobre d'un Leap Motion.
I un recordatori per pensar sobre l'espai en 3D.
Un dels primers objectes de pensar amb Leap Motion són les mans, és clar.
Vam veure els reconeguts pel visualitzador.
I llavors vostè podria tenir vist que reconeixia
part del canell i de la braç associat amb ell.
TOMAS Reimers: Per per aixecar el visualitzador.
Armaghan BEHLUM: Sí, farem això una altra vegada.
TOMAS Reimers: Vostè pot veure, sempre només un bon recordatori per veure més o menys,
Visualitzador intenta mostrar totes les dades que Salt veu.
Així podràs veure que tenim aquest tipus de quatre punts
pel canell i després el canell real.
I vostè també té aquesta bola al palmell de la mà.
Tots aquests són punts Reconèixer reconegut pel salt.
>> Armaghan BEHLUM: Exactament.
I així, amb aquest objecte mà cada quadre té un arsenal mà
així, on també es pot obtenir les mans esquerra i dreta.
Vostè pot aconseguir que direcció les mans són
enfronta amb la normal direcció del palmell de la mà,
o com en diuen el palmell normal.
Què més tenim?
També, oops.
Anem a tractar de desplaçar-se per aquest camí.
Els braços, els dits són representat pel dit
classe, que és un objecte orientable.
Així que, com dèiem, vam veure que varietat de pointables per cada mà.
Aquests són el petit dits per pensar.
Així que aquest és un bon panorama per anar a través de tractar d'entendre.
TOMAS Reimers: [inaudible] anatomia fins a la mà allà.
Armaghan BEHLUM: Sí, exactament.
Així que si.
Hi ha una gran quantitat de dades en brut que el Leap Motion té en interpreta bé
per a vostè, així que és un gran idea de passar per aquí
i tractar de trobar la manera Salt té ja consten les coses per a vostè
i pel que informació tenir disponible des d'allà.
I després des d'allà Recomanaria de cara a aquesta secció de l'esquerra aquí,
que va, bé, en realitat no, aquests són en realitat només més coses API sobre--
>> TOMAS Reimers: La referència de l'API al inferior sol ser un bon lloc per anar.
Vostès probablement va veure això quan vam fer el Google Maps PSET.
Però la referència realment només passa per totes
de les funcions i paràmetres disponible en l'objecte a vostè.
>> Armaghan BEHLUM: Sí.
Per exemple, això és el que Jo estava buscant abans.
Quan tenim una mà que pot anar i esbrinar
com Salt recomana a nosaltres per trobar una mà.
Com he dit abans, tenim una gran varietat mans.
Esbrineu si tenim les mans i a continuació, tractar d'agafar una sola mà
per interactuar amb aquesta manera.
Així que això és el que recomanar per a vostès.
Els gestos i coses així.
Aquesta documentació de l'API es va a ser una eina fantàstica per a vostès.
Té alguna altra recomanació?
>> TOMAS Reimers: no ho faig.
Crec que això és bo per ara.
>> Armaghan BEHLUM: Sí, Penso el mateix.
No dubti en enviar-nos un correu electrònic i obtenir en contacte sobre Leap Motion
si vostè està tenint potser qualsevol problema o necessita alguna recomanació.
I podem intentar esbrinar coses amb vostès també.
Gràcies.
>> TOMAS Reimers: Gran.