>> TOMAS Reimers: Cool.
Svo hæ, allir.
Tomas Ég heiti.
Ég er TF og þetta er
ARMAGHAN BEHLUM: Armi.
Gaman að sjá ykkur.
TOMAS Reimers: Cool.
Þannig að við erum að fara að tala um stökkið Motion dag.
Svo er Leap Motion a virkilega flott vara sem
gerir þér kleift að hafa samskipti við a tölva á annan hátt.
Svo allt hugmynd á bak stökk hreyfing er að þér
Hægt er að nota hendurnar til að hafa samskipti við tölvuna.
Svo hérna ég hef eitthvað sett upp.
Ég tala um það í smá.
En undirstöðu útgáfa er hægt að sjá að ég hef hendur mínar í framan
af tölvunni minni og þegar ég flyt þá, þú færð analog á tölvunni
og þú getur greina þetta.
Þú getur gert athafnir.
Þú getur notað hendurnar til hafa samskipti við tölvuna
í nýjum og áhugaverðum hætti.
>> Jæja, ég fyrst í raun vilt fara burt til Armi
til að sýna þér sumir kaldur demo af hvað sumir hafa gert með þetta.
Og þá munum við tala um hvernig þú kóða í raun með þessu.
ARMAGHAN BEHLUM: Já.
Hello.
Svo eins og við sáum, lítið gögn hér, en við skulum sjá
það sem sumir hafa gert með þetta.
Svo láta mig opna bara upp þetta dæmi.
Og þá, svo, til dæmis, er hægt að sjá hönd hliðstæðum minn þar, en nú í þetta sinn
sumir nota Unity hafa ákvað að setja smá meiri húð
og efni í kringum hönd.
Svo ég get, við skulum fara með þennan, viss um að hendur mínar samskipti.
Og þú geta sennilega ímyndað a par af öðrum flottum gagnlegur hlutur
að þú getur gert með þetta.
Svo er þetta að minnsta kosti eitt dæmi.
Og þá skulum hoppa út úr þessu.
>> Og svo annað flott eitt er, við skulum fara með þessu.
Plasmo boltanum.
Aftur, við viljum ekki endilega búast við þessu stigi flókið
frá lokaverkefni til CS50.
Þetta er bara til að sýna þér sumir af the, gefa ykkur
smá innblástur fyrir það þú krakkar geta gert við stökkið Motion.
Svo til dæmis hér er kaldur eðlisfræði dæmi, sem þar við förum.
Hefur báðum höndum mínum svo nú þú hafa þetta litla plasma boltanum.
Og boltanum er að bregðast við eðlisfræði af mér að flytja hönd mína í kringum boltann.
Nú er þetta allt þó að nota Unity, nota konar verkfæri og ramma
að við höfum ekki kennt þú krakkar í bekknum,
en eins og þú sérð sumir laglegur kaldur hlaupa gegnsæi með það.
>> En eitt sem þú krakkar geta gert byrja á núna með stökkið Motion
er að vinna í JavaScript.
Leap Motion hefur JavaScript API sem þú krakkar geta notað og við mjög, mjög
mæli með að þú krakkar að byggja verkefnum með það.
Svo með því að láta mig gefa það aftur burt til Tomas
að tala um Stökk Hreyfing og JavaScript.
TOMAS Reimers: Cool.
Eða viltu að sýna þá er Visualizer fyrst?
>> ARMAGHAN BEHLUM: Oh já.
Já.
Við skulum tala meira um það Visualizer.
>> TOMAS Reimers: Svo á a undirstöðu stigi, þegar þú færð fyrst að stökkva Motion
þú ert að fara að hafa þennan reit.
Hér langar mig til að taka stjórn?
>> ARMAGHAN BEHLUM: Já, ráðast á það.
>> TOMAS Reimers: Svo þegar þú fyrst að fá að stökkva Motion
þú ert að fara að hafa þennan reit.
Það er með búnaði sem lítur eitthvað eins og this.
Þú stinga því inn í tölvuna þína, setja nauðsynlegar ökumenn,
og þá mun það í rauninni verið sett upp.
Svo auðveldasta leiðin til að raða samningur við stökkið Motion
er opinn upp þetta forrit það setur kallast stökkið Motion Visualizer.
Og Visualizer er bókstaflega það sem ég er að sýna hérna.
Það gerir þér kleift að sjá Yfirlit beinagrind af höndum þínum.
Og hvað stökkið Motion er túlkað svo.
Svo stökkið Motion notar myndavélina að raða á líta á hendurnar
og þá reynir hann að giska á hvað undirstöðu samsetning beinagrind að þér
sjá á skjánum er.
Og það er það sem hún sýnir þér.
ARMAGHAN BEHLUM: Sérhver einn lítill punktur
og hlutur sem þú sérð að það er gögn sem er í boði fyrir ykkur
sem og til að nota.
Svo þú sérð að það er handtaka sem Tomas
hefur fimm fingur hvor um þessi mismunandi fingur
eru einnig í boði fyrir þig sem gögn stig til að nota í hvaða forriti
sem þú vilt kannski.
Ef þú vilt til að sjá hvort einhver er að gera thumbs up
þú getur séð hvort fingur þeirra eru hrokkinblaða og hvort þeir eru
thumb fingur bendir upp, eða þar
úlnlið þeirra eða lófa er og þessi tegund af efni.
TOMAS Reimers: Cool.
Svo þú getur séð nokkur athafnir það skilur betur en aðrir.
Mundu, að það er að horfa á þinn hönd frá á myndavél frá botni,
þannig að þegar þú ert hendurnar eins þetta það skilur þær að fullu,
en þegar þú byrjar að reyna að gera a thumbs up, stundum les það það,
stundum getur giska, en heiðarlega myndavélin bara get ekki séð þumalfingur.
Svo það er í raun ekki viss hvað er að gerast.
Bara nokkrar takmarkanir að hafa í huga þegar þú ert að þróa með þetta.
>> Engu að síður, svo að fara aftur á þetta.
The Visualizer raun hefur mikið af gagnlegur tól.
Svo er stökkið Motion forritað á þann hátt
að þeir búast við þér að samskipti við þessa mynd gögn.
Þeir gera í raun ekki ætlast til að þú skiljir
hvað er að gerast á bak við tjöldin.
Það sem þeir gera er að fletta ofan af fullt af API fyrir þig
þannig að þú getur samskipti við þessi gögn
beint án þess að skilja hvað er að gerast undir hetta.
>> Þannig að ef við högg H hér á Visualizer þú munt sjá mikið af valkostum.
The mikilvægt hér þó er ef þú högg O og ýta síðan H,
þú munt sjá að það gerir þér kleift að draga athafnir.
Svo bending, munt þú sjá það dregur ör yfir.
A bending er ein af þeim leiðum sem Leap Hreyfing konar leyfir þér að fá á gögnum
án þess að þurfa að vinna það.
Svo frekar en mig þurfa að reikna út, ó, að hönd var áhrifamikill,
jafnvel ef ég hef benda aðgang, á API mun konar bara segja mér,
hey, gerði þau þetta látbragði.
Svo er hægt að gera undirstöðu ör athafnir.
Þú getur gert hring athafnir.
Þú getur gert tapping athafnir.
Og þú getur gert stutt er á takka athafnir.
Já.
Og þannig dót.
Svo nú er að við höfum konar séð hvað Leap Motion getur gert,
þú getur séð það er hægt að lesa a allt fullt af látbragði.
Ég held að ég ætla að gefa það aftur til Armi
og hann er að fara að tala um hvernig þú færð á þessum með JavaScript,
hvernig þú byrjar jafnvel verkefni með þetta.
Og þá munum við tala um einhverja kaldur stöðum sem þú getur farið með það.
ARMAGHAN BEHLUM: Já.
Hljómar vel.
Svo já, the mjög fyrstur hlutur sem við mun vilja að þú gerir auðvitað,
er eftir að þú færð að stökkið Hreyfing er að fara til leapmotion.com, setja upp, setja
ökumenn og efni.
Eftir að gera að þú getur farið ganga úr skugga um að það er tengt.
Ef þú sérð í litlu bakki sem Leap Motion icon og það er grænt,
þá veistu að þú ert allur setja.
Og auðvitað kíkja nákvæmlega hvað Tomas bara sýndi þér athafnir
og gera á skjánum taps, og lykill krönum, og þessi tegund af efni.
>> Eftir það þó við, aftur, eins og ég sagði,
höfum við aðgang að öllum þessum hlutir í JavaScript eins og heilbrigður.
Hin fullkomna sett upp sem Við mælum með að
krakkar er að fara inn í þinn vhost skrá, heimamaður gestgjafi,
opinber í CS50 tæki þínu.
Og þegar þú ferð þarna hvað þú munt sjá er vísitalan punktur HTML skrá.
Nú þegar vísitalan punktur HTML skrá eða vísitölu punktur
PHP skrá, hvort sem er fínn, hvað þú getur þá gera
er að fara í stýrikerfið þitt.
Og ef þú ferð til the IP heimilisfang sem er skráð í neðst til hægri
horni tækið þitt hérna, eins og þú sérð, þá hvað gerist
er þú ferð á síðuna sem er vísað af þeim Vísitala punktur HTML skrá.
Svo alla kóða sem þú gætir sett í það fær sent og er nothæft hér.
>> TOMAS Reimers: Svo er það líka mikilvægt bara fyrir tilvísun
að ef þú krakkar raunverulega vita hvernig á að setja upp miðlara sjálfur,
eða ef þú vilt setja þetta á heimsvísu vefur, þú ert velkominn að gera hvað sem er.
Mundu að þetta eru bara JavaScript skrár
og allt stökkið vinnslu er gert á viðskiptavinur.
Svo það skiptir ekki máli þar miðlara lífi þínu
svo lengi sem tölva þú ert að skoða vefsíðu um
hefur Leap Motion uppsett.
ARMAGHAN BEHLUM: Algjörlega.
Eins Tomas sagði, já, hvað virkar fyrir ykkur.
Þetta er bara ein af tillögum okkar.
Nú til að byrja að nota Stökk Hreyfing hvað þú myndir gera
er þú vildi flytja JavaScript skrá frá Leap Motion.
Og þá þaðan hvað þú getur gert er, núna
Ég hef bara þessa málsgrein tag sett upp með ID texta.
Hlutir sem við myndum mæla eru að setja stjórnandi valkosti
fyrir stökkið hreyfingar með gera bendingar til að vera satt.
Svo sjálfgefið þeim athafnir sem við sýndum þér
krakkar, hring, og lykill tappa, og swipes,
þeir eru ekki sýnt fram á að þú krakkar sjálfgefið.
En við mælum með mjög að nota þá svo þú ert ekki að reinventing hjólinu.
Gera þeim satt, sem liggur þeim stjórnandi valkostir til að stökkva punktur lykkja
og þú ert allur setja til að fara.
Því þá þarf bara skilgreint nafnlaus aðgerð
sem mun taka í ramma úr Leap Motion
og að rammi hefur allt upplýsingar sem þú ert að fara að þurfa.
>> TOMAS Reimers: Svo bara til ágrip, hefur þú einn hlut.
Þú hefur þessa aðgerð kallað hlaupár punktur lykkja.
Og þú kallar það með tveimur rökum.
Þú kalla það með einn, Ábyrgðaraðili valkosti.
Og það eru fullt af möguleikar sem þú getur sett í það.
Sá sem við erum að fara að áherslu er að gera athafnir.
Og ef þú setur það jafn satt þá þú getur fengið aðgang á þetta athafnir
að við sýndum þér í Visualizer.
>> Og þá er annað rifrildi a virka, það er góður af eins og að hringja til baka
sem verður kallað hvert tími á hverjum ramma Stökk,
Svo í hvert skipti stökk skráir sem hönd hreyfa þinn, það hefur nýtt ramma.
Og það kallar þessa aðgerð með einum rök, sem er ramminn mótmæla.
Og það ramma mótmæla lýsir ramminn sem Stökk sér það.
ARMAGHAN BEHLUM: Einmitt.
Svo inniheldur þetta allt gagnlegt bitar og stykki af upplýsingar
að við vorum að tala um áðan.
Checking ramma punktur bendingar er fylki á athafnir
að stökk hreyfing caught þinn hendur að gera í síðasta ramma.
Svo til dæmis, hvað við erum að gera hér er að við erum að athuga,
hey, Leap, í því síðasta ramma gerði þú grípa einhverjar bendingar sem ég gerði?
Og ef svo er hvað við ákveðum að gera er kunnugt um þær athafnir
og reyna að fá sumir gagnlegur Upplýsingar frá þeim.
Hver bending hefur einstakt ID í tengslum við það.
Þeir hafa tegundir.
Þú getur litið á hvaða fingur tóku þátt í athafnir
með því að skoða þessa pointable efni.
Svo ef þegar þú ferð í gegnum Leap Motion JavaScript API efni,
þegar þeir nefna pointables, þeir eru að tala um þessa fingur.
Og þá hendur eru að sjálfsögðu, allt hönd mótmæla.
>> Hvað annað?
Þú getur séð hversu lengi Tillagan fór
fyrir og, já, allir þessir gagnlegur hlutur.
Svo það sem ég er að gera núna hér er ég skráður rammann,
og þá er ég að uppfæra HTML mína til að sýna allar þessar bits af upplýsingum
frá rammanum.
Svo skulum við athuga það út.
>> Svo hér er það.
Hér er vísitalan punktur HTML skrá.
Og eins og þú sást bara þegar ég flutti bara hönd mín Leap caught hring hreyfingu.
Svo þú getur séð mig gera hring yfir hér, uppfærir með hring upplýsingar.
Aðgerð swipes, grípur swipes.
Við skulum reyna skjár flipann.
Það sem við förum.
Screen bankaðu og lykill pikkaðu á.
Svo helstu taps Einnig, með því Þannig eru þegar þú högg niður.
Svo þú getur ímyndað kannski að spila á píanó.
>> Og svo skjár taps eru þegar þú högg the skjár.
Svo þú getur ímyndað kannski þú í raun Hafa a snerta skjár fyrir framan þig
og þú ert hitting snerta skjár fyrir framan þig.
Og þá getum við grípa einn af þessum hlutum í hér.
Svo man ég sagði að ég væri liggur á ramma í vélinni þig inn.
Og svo við getum kíkja alla bitar og stykki af upplýsingar
sem eru í boði í að ramma eins og heilbrigður að nota.
>> Eins og ég sagði áðan, pointables eru fingur.
Á því augnabliki sem við ekki hafa okkar hendur í framan stökkið Motion
svo það skráð núll, en þetta er hvernig þú
myndi byrja að finna út kannski hversu margir fingur eru á skjánum.
Og þessi tegund af upplýsingar.
TOMAS Reimers: Og muna þetta er bara hlutur.
Svo allt er hægt að nálgast svona eins og strúktúrinn
í C. Þú hefur hlut nafn punktur eign nafni.
Og þá innan sem þú ert fylki og þú hefur aðra hluti,
en muna að það er bara hlutur.
Það er ekkert sérstakt vegna þess að við erum að nota Stökk.
ARMAGHAN BEHLUM: Já.
Cool.
Ættum við að kíkja á nokkra Javascript dæmi?
>> TOMAS Reimers: Svo fljótt muna að við
sagði að Leap getur beinlínis keyrt á hvaða vefsíðu sem er.
LeapJS er bara setið við viðskiptavini.
Og svo eftir sem viðskiptavinurinn hefur Leap Motion fest það mun virka.
Svo hefur Leap Motion a website þar sem fólk
geta deilt dæmi þeirra af hlutum sem þeir hafa gert.
Þannig að við erum bara að fara að fara í gegnum a par af þeim
til að sjá hvað er hægt áður köfun í fleiri sérstöðu um hvernig
það er hægt.
Svo
ARMAGHAN BEHLUM: Við skulum sjá.
TOMAS Reimers: Nú ætti að vera að vinna.
ARMAGHAN BEHLUM: Svo nú áður en við sáum dæmi
nota Unity sem veitt hendur okkar með ansi áhrifamikill grafík skinn,
en nú er hægt að sjá að þú getur gert sama inni a vefur flettitæki.
Þetta er allt inni Chrome bara að nota JavaScript.
Og þá er annar ágætur Málið er ef þú vilt
að vita hvernig þeir gerðu þetta, dæmin um JavaScript
einnig að innihalda kóða valkosti sem þú geta skrá sig út og þá sjá
hvernig þessi manneskja var grabbing hendur og númer og þess háttar.
>> Svo það er allt sem þú getur fundið á developer.leapmotion.com.
Þú getur farið og kíkja JavaScript dæmi að þeir hafa það.
Svo já.
Hér eru þessir, Úps miður.
Við skulum reyna aftur.
Oh.
Ég á tvo rétt hendur.
Svo já.
>> TOMAS Reimers: Svo og aftur, man stundum Leap boðberi upp.
Bara gefa það a second.
Það er ekki fullkominn, en það er nokkuð gott.
ARMAGHAN BEHLUM: One önnur tilmæli einnig
er að ekki gera það í beinu sólarljósi.
Svo á leiðinni Leap Motion Verkin er, í raun
ef ég sýna myndavélina þetta eins og heilbrigður, innrautt ljós.
Svo það sendir þá út og þá les þær þegar þeir koma til baka.
Svo ef þú ert að reyna að gera það sólarljósi,
til dæmis, það er líklega ekki að fara að vinna,
eða það er að fara að krefjast sumir kvörðun að gera það.
>> Einnig er annar meðmæli til hreinsa pláss á bak við stökkið
og fyrir framan Stökk.
Hugsaðu um það eins og að vinna inni í hvelfingu sem er
nærliggjandi þetta Leap Motion hlut.
Ef það er efni rétt á bak við það eins og heilbrigður,
sem er líka að fara að trufla með hvernig Leap Motion er að reyna
að viðurkenna hendinni og þessi tegund af efni.
>> Svo, til dæmis, held ég í þessu ef það er laptop minn raun
það er góður af gera stökkið Motion.
Já, það sem við förum.
Svo ef ég hreinsa út fartölvuna mína frá á bak við það að hönd mæta nokkuð vel.
Svo já.
Það er það.
Svo hvað gerði við sýna þeim.
TOMAS Reimers: Ég held nú væri tíminn
að raða af kafa í og ​​við skulum bara gera kynningu algerlega frá grunni.
Það er að fara að vera mjög einfalt.
Í grundvallaratriðum það sem við erum að fara að reyna að gera er að það
þannig að þegar þú högg hönd þína, á bakgrunnur er að fara að byrja út eins og rauður,
og þegar þú högg hönd þína, sem bakgrunnur er að fara að snúa grænu.
OK?
Mjög einfalt.
Og það er í rauninni bara að fara að fara í gegnum mikið
af hugtök á bak Leap svo að við getum
komast inn í þetta hugmyndafræði hvernig Leap virkar og hvernig við getum byggt efni með það.
Og þá þaðan munt sennilega bara að sýna þér
API Docs og hvar þú getur lesið meira um þetta.
Og þá munum við kalla það dag.
Svo þú vilt að kóða eða viltu að ég að kóða?
ARMAGHAN BEHLUM: Já.
Jæja, held ég að við getum unnið saman á þessu og reyna
>> TOMAS Reimers: þannig að við munum gera sumir par kóðun.
ARMAGHAN BEHLUM: Þar fara.
Það er einmitt það sem ég langaði til að kíkja.
Cool.
Svo til dæmis í hér, við skulum sjá.
Meðan við erum iterating gegnum athafnir nú þegar,
TOMAS Reimers: Viltu gera bara alveg ný skrá?
ARMAGHAN BEHLUM: Alveg ný skrá?
Já, viss.
>> TOMAS Reimers: Já.
>> ARMAGHAN BEHLUM: Svo skulum gera það.
>> TOMAS Reimers: Þannig að við erum að fara að gera alveg skrá.
Við munum kalla það hönd punktur HTML.
Það er kaldur með mér.
Svo muna að þú gera HTML merki, þá innan sem þú ert með höfuð.
Að höfuð hefur titil í henni.
Svo flipann öllu.
There þú fara.
Title, munum við kalla það Leap Dæmi.
Jebb.
>> ARMAGHAN BEHLUM: Oops.
Title.
>> TOMAS Reimers: Já.
>> ARMAGHAN BEHLUM: Það erum við.
>> TOMAS Reimers: Og þá skulum gera líkama.
>> ARMAGHAN BEHLUM: Bíddu, við skulum einnig ganga úr skugga um að flytja.
TOMAS Reimers: Oh, auðvitað.
Slæmt minn.
Svo alltaf að tryggja að þú ert að stökkið handrit svo það er handrit gefið þér
með stökkið Motion sem í grundvallaratriðum gerir vefur flettitæki til að tengja
að tækinu á tölvu notandans.
Og þá í þessu við líka þarf líkama og við skulum bara
gera líkamanum segja hæ svo að við getum sýnt nemendur
hvernig á að tengja þetta nýja Vefsíða sem þeir gerðu.
ARMAGHAN BEHLUM: Jú.
Svo skulum við setja bara another--
>> TOMAS Reimers: Hi, halló heimur.
Svo mjög einfalt dæmi.
Í raun bara demo.
>> ARMAGHAN BEHLUM: Og þá í hér við getur farið til, heitir við það hönd punktur HTML,
ekki satt?
Og ó!
Svo ég velti því hvað er rangt með þetta núna.
Við skulum bæta lesa heimildir að afhenda punktur HTML.
TOMAS Reimers: Viltu að gera það í stóru flugstöðinni
þannig að við getum bara að sýna það á the--
>> ARMAGHAN BEHLUM: Já, það er vit í.
Allt í lagi.
Svo ég bætti bara heimildir, en ef við
voru að kíkja á heimildir áður en við
hefði séð að í raun hönd punktur HTML ekki hafa lesið heimildir
og því gátum við ekki láta það.
En nú ef við gerum það, sjáum við okkur lítið halló heimur þarna.
>> TOMAS Reimers: Svo skulum raunverulega, eins og hann var að skrifa, halló heimur,
Ég hugsaði um leið við gætum breytt þessu.
Við skulum gera það að segja Halló heimur, og svo þegar þú veifa, segir það bless.
Ekki satt?
Svo halló, bless.
>> ARMAGHAN BEHLUM: Jú.
>> TOMAS Reimers: Það hljómar nokkuð vel.
>> ARMAGHAN BEHLUM: Það hljómar vel við mig líka.
>> TOMAS Reimers: Svo ef við erum að fara að gera sem við skulum bara
held gegnum vefsíðu svolítið.
Við erum að fara að þurfa sumir handrit sem í grundvallaratriðum skráir
að þú veifaði og stökk, bylgja og högg, sama.
Þannig að við erum að fara að þurfa handrit sem grundvallaratriðum skráir fyrir þessi högg.
Og annar hlutur sem við erum fara til þörf er að við erum
að fara að þurfa sumir raunverulegt innihald til að breyta.
>> Svo eins og þú manst, jQuery gerir þér kleift að breyta efni.
Svo eitt sem við might vilja til að fela í þetta er jQuery bókasafn.
Og þá að vera fær um að velja hvað við erum í raun að fara að breyta efni,
það er að fara að þurfa að ID eða flokki, eða eitthvað
að við getum notað til að velja það.
Þannig að við verðum bara að gefa það a fljótur ID breytinganna texta.
Og þá ekki þú vilt að grípa jQuery?
ARMAGHAN BEHLUM: Svo er fyrst hvað hlutur á okkar til að gera lista þá nú?
TOMAS Reimers: Við skulum grípa jQuery?
ARMAGHAN BEHLUM: Við skulum grípa jQuery, OK, kaldur.
Í því tilviki, ég er að fara að þurfa að actually--
þar yrði Besti staðurinn til að gera það?
>> TOMAS Reimers: jQuery, þannig að ef þú Google jQuery, högg jQuery, fyrsta
ARMAGHAN BEHLUM: Very fyrsta.
TOMAS Reimers: Eða sækja.
Það er allt í lagi.
Högg sækja V1 og V2 á vinstri.
Þannig að við erum að lýsa jQuery frá á netinu eins og þú hefur líklega gert.
Skruna niður.
Upp, upp.
>> ARMAGHAN BEHLUM: Oh, hérna núna?
TOMAS Reimers: Eða það.
Jebb.
Svo hefur jQuery farfuglaheimili útgáfa sem þýðir að þú ert ekki í raun
þarf að sækja hana, en þú ert meira en
velkomið að sækja það og hýsa það sjálfur.
ARMAGHAN BEHLUM: Cool.
Svo nú höfum við jQuery.
Nú er það næst á okkar til að gera lista.
TOMAS Reimers: Awesome.
Svo næst það sem við þurfum gera er að við þurfum í raun
að gefa p Halló heimur kenni svo við getum breytt því, ekki satt?
Svo skulum gefa hugmynd um, Ég veit ekki, breyta texta?
ARMAGHAN BEHLUM: Við skulum bara gera það með þessum hætti, held ég.
TOMAS Reimers: changeText, kaldur.
Og nú skulum hressa bara síðuna.
Gakktu úr skugga um að allt virki.
Svo aftur í vafranum.
Cool.
Alltaf góð áminning sem þegar þú ert að byggja upp vef,
sennilega hressa hvert skipti sem þú gerir allir nokkuð veruleg breyting bara
því stundum þú tilviljun falla merki,
eða þú eyðir óvart eitthvað, og þá brjóta eitthvað lítið,
en svo þegar þú gera stærri breytingar þú ert eins og, af hverju gerði þetta mikil breyting
virðist brjóta ótengdum hlutur.
Svo það er alltaf gott að raða á fara og gera þeim heilindarathugunum.
>> Engu að síður svo nú skulum gera Eitt síðasta geðheilbrigði stöðva,
sem er við skulum reyna að breyta texti án Leap Motion,
án þess að nokkuð, bara á síðunni hlaða það verður
breyta Halló heimur til bless að nota jQuery.
Svo ef þú manst jQuery afhjúpar þetta dollaramerki virka,
sem við getum framhjá CSS val til, nefnilega hashtag breyting texta, sem
velur þáttarins er auðkenni breyta texta.
Og þá erum við að fara að hringja í aðferð HTML
á hlutnum sem það skilar með því rök streng bless, sem
mun breyta atriði HTML til að kveðja.
Awesome.
Það virðist nokkuð kaldur.
Og nú þegar við hressa síðan erum við að fara að sjá
það breytist þegar í stað að bless, ekki satt?
Vegna þess að það er ekki að bíða eftir neinu.
Raða af eins fljótt og þeim handriti rekur það breytist það til bless.
Cool.
>> Svo nú skulum vefja það í aðgerð.
Hægri.
Þannig að við erum að fara til að vilja að gera aðgerð.
Við munum kalla það kveðja.
Svo er virka kveðja fara að taka neinar röksemdir
og það er í raun ekki fara að fara aftur eitthvað.
Og það er bara að fara að gera það í JavaScript.
Excellent.
Svo virka kveðja okkar núna breytir texta bless, ekki satt?
Svo gefur þetta okkur leið að grundvallaratriðum breyta
þessi texti til bless í hvert skipti við kölluðum að virka.
Ekki satt?
Svo er þetta nokkuð flott.
>> ARMAGHAN BEHLUM: Jæja, við getur líka bara ganga úr skugga um
að nú þar sem við erum ekki að hringja í virka, ef við endurnýja síðuna
eftir það er ekki að fara að breyta textanum.
>> TOMAS Reimers: Excellent.
Svo nú erum við að fara að byrja að fá inn í þessi Leap efni
að við vorum að tala um.
Svo Armi, viltu taka það áfram eða?
>> ARMAGHAN BEHLUM: Já.
Viss.
Ég er líklega að fara að þurfa að tvöfalda athuga hluti,
en til dæmis muna ég sagði við vildum
að ganga úr skugga um í Valkostir við setjum gera bendingar
TOMAS Reimers: Góður fengur.
ARMAGHAN BEHLUM: Til að vera satt.
Og þá vorum við að mæla með að þið myndu
hlaupa stökk punktur lykkja, sem eins og ég sagði áðan,
hefur tvo valkosti, a JSON hlut sem er valkostur fyrir hvernig þú vilt
til að stilla stökkið Motion til vinna, og þá virkni sem er
að fara að veiða ramma sem svarhringingu virka eins og Tomas var að segja.
Og síðan breyta það sem þú vilt að gera með að virka.
>> Svo erum við að gefa í valkostur og nú við skilgreinum
fall sem mun taka í ramma.
Og nú höfum við að skilgreina hvað sem virka gerir.
Það er einnig fyrir sakir að framtíð, gera það til að tryggja.
TOMAS Reimers: Excellent.
Svo nú höfum við þetta stökk punktur lykkja virka
kalla sem í grundvallaratriðum segir horfa Stökk með þessum valkostum og hvert skipti
eitthvað breytist, kalla þetta virka ramma með öllum gögnum
að þú ert meðvituð um í ramma.
Hljómar nokkuð vel.
Svo nú fljótur geðheilbrigði stöðva, sem ég mæli alltaf,
er í að setja bara vélinni punktur Log ramma.
Og þá í Króm opna hana upp og líta á vélinni
og leika í kring með Stökktu til að sjá rammar verið skráður af því sem mun
fá þér hugmynd um hvað gögn sem þú hefur aðgang að.
Og eins og alltaf ef þú færð rugla, líta upp API tilvísun.
Og við munum meðal annars á tengilinn fyrir að í lok þessa.
>> ARMAGHAN BEHLUM: Þannig að við endurnýja síðuna og þá
við förum og opna stjórnborðið aftur.
Og núna erum við tilkynningu að við erum hafa ramma liðin í,
þessi litlu hlutir sem við sáum áðan.
Svo já.
Þetta eru rammar okkar sýning upp í vélinni.
Cool.
>> Svo nú er að við höfum greip rammar, eins og þú might muna fyrr
í dæminu að við höfðum, ef við athugum ramma punktur bendingar
fáum við lista yfir athafnir sem ramma caught nýlega.
Við getum athuga lengd þeirrar array til að sjá hvort Leap caught einhverjar athafnir.
Svo ef það fylki er stærra en núll þá erum við
veit að við höfum smá dót til að gera.
>> Svo skulum vefja það upp í ef ástand og nú í hér það sem við vitum er að við
hafa séð látbragði, við skulum starfa á það.
Svo nú er að við erum í hér við hafa látbragði til að kíkja á.
TOMAS Reimers: Jæja, fyrsta Málið er að það er ekki bara einn látbragði,
það gæti verið eins og margir athafnir.
>> ARMAGHAN BEHLUM: Mjög satt.
TOMAS Reimers: Svo á klassískt C stíl hér
við munum sennilega vilja til nota a for lykkju.
ARMAGHAN BEHLUM: Hér erum við svo.
Við ákváðum að kunnugt gegnum athafnir.
Og við skulum sjá.
ég plús, plús.
Og nú ef við kannski gert bara var bending jafngildir
ramma punktur athafnir krappi i, nú höfum við
látbragði sjálft, sem er bara einn Eitt tilvik af látbragði hlut
fyrir okkur að vinna með inni þetta fyrir lykkju.
Allt í lagi.
TOMAS Reimers: geðheilbrigði skulum athuga hér aftur og bara hugga
punktur að skrá þig látbragði til að sjá hvað við fáum.
>> ARMAGHAN BEHLUM: Console punktur Log látbragði.
Okie dokie.
Og hressa einu sinni enn.
>> TOMAS Reimers: Og við skulum reyna að gera bending.
Þú munt sjá að fullt af, þegar hann swipes,
þú færð fullt af athafnir í vélinni og ef hann reynir að gera hring,
það er just--
>> ARMAGHAN BEHLUM: Circles eru bara mjög gott.
>> TOMAS Reimers: Nú er það undarlegt hlutur hér, sem hann er að gera einn hring,
en þetta er skógarhögg 80 athafnir, ekki satt?
Það er a einhver fjöldi af látbragði.
Svo fyrsta svoleiðis til átta sig á, og það getur verið ruglingslegt,
er að látbragði er ekki bara skráður einu sinni.
>> Á hverjum ramma, hægri, þannig að ef ég er að gera hring
Leap mun uppgötva þetta er breyting frá þessu
er breyting, frá þessu er breyting.
Og það mun tengja hvert og eitt af þeim.
En í hvert og eitt af þeim, það er að fara að segja, ó,
það er bending nú í gangi.
Svo láta mig segja bara, hey, það er látbragði og það er nú í gangi.
Svo það sem við viljum ekki að gera er að segja, ó, á hvern
af þeim bendingar þú vilja til að breyta texta.
Það sem við viljum gera er þegar það bending hættir, og við getum athuga það,
þá viljum við breyta texta.
ARMAGHAN BEHLUM: Mhmm.
Svo eins og Tomas er útskýra þessi athafnir
gæti birst í mörgum ramma, en til dæmis,
þegar við vorum með sem hring, getum við séð
að auðkenni fyrir það eitt einn hring sem við
gæti hafa verið að reyna að ljúka var það sama ID gegn.
Og í raun, getur þú einnig kíkja á stöðuna.
uppfærð.
>> Og þá er þetta líklega síðasta hring sem, ó, jæja, OK.
Svo stundum sýnir það þér Staða stöðvaði látbragði
og það sýnir einnig þér stöðu að stofna nýja látbragði þegar
það viðurkennir fyrir víst að þú hefur hafið nýja látbragði.
Til dæmis í þessu tilfelli.
TOMAS Reimers: Cool.
ARMAGHAN BEHLUM: Svo já.
Og þá, við skulum sjá.
Þú getur einnig taka þó að við vorum að gera
hring og látbragði hefur akur kallast tegund
sem segir okkur hvers konar af látbragði sem er.
Svo það gæti verið gagnlegt fyrir okkur þú reynir að gera það sem við erum að gera.
TOMAS Reimers: Svo breyting aftur til JS,
það fyrsta sem kemur til mín Einnig, bara að lesa í gegnum þennan kóða
er að það er lítið hagræðingu, sem er við í raun
þarft ekki þetta ef ástand, ekki satt?
Vegna þess að ef ramma punktur athafnir punktur lengd er núll, að fyrir lykkja er
ekki að fara að keyra samt.
Svo við getum svo bara fara undan og fá losa af það.
Aftur, á meðan þú ert að skrifa kóða það er mikilvægt að fara til baka og raða
af refactor sem þú grein fyrir því að þig hefði getað gert eitthvað betur,
eða að það er önnur leið til að gera það.
Svo nú erum við bara að fara að þrífa þetta upp fljótt og einnig hreinn upp kóðann þinn.
Það er stór samningur.
>> ARMAGHAN BEHLUM: Good stíll er mjög vel þegið.
>> TOMAS Reimers: Þú getur alltaf segja þegar einhver
hefur kóðann þar sem það er notað til að vera ef ástand og þá fjarlægt hana,
en þeir ekki uncomment það.
Það er mjög augljóst og það lítur konar ljót.
ARMAGHAN BEHLUM: Svo er það hliðina á okkar til að gera lista?
TOMAS Reimers: Svo nú eins og við vorum að segja, Ég held það fyrsta sem við viljum gera
er að tryggja að þessi bending er í raun högg, ekki satt?
>> ARMAGHAN BEHLUM: Já.
>> TOMAS Reimers: Svo ef við erum að segja að kveðja okkar er góður af eins og a högg,
við munum fara með það er högg, sem fyrsta sem við þurfum að segja er, hey,
er bending slá högg, ekki satt?
Ekki hring eða efst, en er það högg?
Svo hvernig við getum gert það er að við getum sagt látbragði
punktur tegund jafn jöfn högg sem streng.
>> ARMAGHAN BEHLUM: [inaudible] bending punktur tegund jafngildir jafngildir högg.
Þar sem við erum.
>> TOMAS Reimers: Og þá síðasta spurningin
við viljum sjá er bending punktur ástand jafnt jafn stöðva, ekki satt?
Svo er það þegar bending hefur verið hætt.
Ég held í raun fyrir högg, I veit þetta burt the toppur af minn höfuð,
en þú ert velkomin til líta upp, þegar þú
högg í hvert skipti sem það skráir það þar til þú hættir að er að byrja látbragði.
Og þá er það síðasta bara hætta látbragði.
Þannig að það verður aðeins einn stöðva látbragði, sem er frábært fyrir okkur.
Svo það sem við getum gert er að segja ef látbragði punktur slá jafn jöfn högg og látbragði punktur
Staða jafnt jafnt stöðva, þá skulum geðheilbrigði
athuga hér hugga punktur log látbragði.
>> Þannig að við munum fara aftur hingað.
Við munum uppfæra síðuna.
Og nú er bara tími eitthvað ætti vera hugga punktur skráður er þegar við strjúka.
Og við reynum að strjúka og við sjáum ekkert.
Ekki satt?
Svo er þetta í raun stórt mál.
Við erum ekki að sjá það sem við ráð fyrir að.
Og kembiforrit getur verið stór hluti af þessu.
Svo það fyrsta sem við erum að fara að segja er, OK, við skulum hugga punktur
log það ef látbragði punktur slá jafnan jafnan högg.
ARMAGHAN BEHLUM: Já, við skulum gera það.
TOMAS Reimers: Þannig að við erum fara að fara aftur til þessa.
Við munum hressa.
Við munum strjúka.
Og við erum að fara að sjá helling af þeim.
OK.
Svo greinilega vandamálið var með látbragði punktur stöðu okkar.
Svo ef við opna einn af þessum við munum líta á hlutum og við munum sjá,
vel, það er hætta, en ó, það heitir ríki, ekki stöðu.
Svo ef við höfuðið aftur til númer okkar getum við sagt
ef látbragði punktur gerð jafn jöfn högg og látbragði punktur ríkisins jafnt jafn stöðva,
þá munum við hugga punktur skrá þig það.
Og svo hressa.
Við högg.
Og við munum sjá að á hvert högg, erum við aðeins
fá einn, sem er enda, sem er frábært, ekki satt?
Það er það sem við viljum.
>> ARMAGHAN BEHLUM: Já.
Og við getum líka tekið eftir því að auðkenni fyrir hver þessara athafnir eru aðskilin.
Svo eins og Tomas var að segja því við erum smitandi þetta einn stöðva ríki sem
staðar á the endir af a högg, erum við fá einstaka sérstakar athafnir
frá Leap Motion.
Great.
>> TOMAS Reimers: Við skulum fara á undan og bara gera endanlega hlutur, sem er,
>> ARMAGHAN BEHLUM: Goodbye.
>> TOMAS Reimers: Awesome.
Og nú skulum kíkja á heimasíðu okkar.
One
>> ARMAGHAN BEHLUM: Second.
Við vildum, já, við gerðum kalla það Goodbye.
Great.
>> TOMAS Reimers: Nei, Kveðja er alvöru virka.
>> ARMAGHAN BEHLUM: Já.
Við skulum gera það.
>> TOMAS Reimers: Og þegar við veifa bless, segir það bless.
>> ARMAGHAN BEHLUM: Við höfum sigur.
>> TOMAS Reimers: Svo mjög spennandi efni.
Vonandi er hægt að byggja eitthvað annars, en þú fá the hugmynd af, ekki satt?
Þú getur uppgötva athafnir.
Þú getur hringt í aðgerðir.
Og frá því sem raunverulega gefur þér sumir mjög grundvallaratriði kubbar
að segja, ó, kannski þegar þeir strjúka upp, vegna þess að þú getur einnig uppgötva hluti
eins átt.
Ég vil þá að gera eitthvað.
Eða þegar þeir högg í lagi, ég vilja þá til að gera eitthvað.
Og við getum byrjað að fá skapandi með hvernig nákvæmlega
við erum að fara að bæta vefinn okkar nota þessar Strjúka bendingar eða hring
athafnir eða pikkaðu látbragði, annaðhvort lykill taps eða skjár taps.
Og þá annað en að þú ert meira en velkomið að spila
með raunverulegum gögnum, en ef þú vilt gera
að við myndum stinga þú ferð í docs vegna þess að þeir eru í raun mjög gott.
Svo fórum við docs núna.
Eða viltu tala um það?
>> ARMAGHAN BEHLUM: Já.
Við skulum gera það.
Einnig eitt annað lostæti ráðgjöf, ekki reyna að hugsa um þetta í 3D.
Svo í raun skulum draga upp þá athafnir einu sinni vélinni punktur Log látbragði
og við gerum það.
Komdu aftur inn og nú skulum reyna a par af þessu, par af þeim.
>> Ef við förum í og ​​kíkja Þessar athafnir eins og heilbrigður
eins og þú sérð að þeir eru dimensionality
er í þrjár áttir, reyndar.
Svo er ekki bara takmarkað sjálfur að 2D skjár
jafnvel þó að þú gætir vera á 2D vefsíðu.
Þú getur prófað og hugsa hvernig notandi gæti hafa samskipti við vefsvæðið í 3D.
TOMAS Reimers: Í 3D rúm.
ARMAGHAN BEHLUM: Einmitt.
Og já.
Svo þú fá leiðbeiningar velocities, allar þessar kaldur bita af upplýsingum.
>> TOMAS Reimers: Og ef þú ert ekki þekki það, fer það x, y,
og þá er z þetta síðasta vídd.
Bara eitthvað sem þú ert sennilega kynnast ef þú hefur brugðist við 3D
samræma flugvélar áður.
Ef þú ert ekki, það er það sama og 2D einn nema það er þriðja vídd.
Við köllum það z.
Og allt, tegund af eins átt, sem er þar sem það er að fara,
position-- Ég held að það gæti jafnvel Haldið hröðun, ég er ekki viss.
>> ARMAGHAN BEHLUM: Já, ég tel.
Það hefur örugglega hraða.
Ég er reyndar ekki 100% viss um hröðun.
>> TOMAS Reimers: Það kann að vera kostur þú geta fara framhjá í eitthvað.
Svo stöðu og hraða verða í þessum konar þremur hnit.
Svo x, y, z eða Delta X, Delta Y, Delta z.
Svo nú stefnir að gögnum það er developer.leapmotion.com
og þá getur þú smellt Documentation.
Aftur, Leap Motion hefur allt þetta dásamlegt API, einn fyrir JavaScript,
einn fyrir C Sharp og Unity, einn fyrir C ++, einn fyrir Java, einn fyrir Python,
og einn fyrir Objective C ég persónulega myndi ýta þér að JavaScript
eða ef þú vilt læra a nýtt tungumál, reyna Python.
Bæði af þeim tungumálum sem ég hef unnið með áður og þeir eru mjög auðvelt að læra
og þú veist nú þegar JavaScript, sem gerir það mjög gott keppinautur.
>> Eitt orð af varúð þegar þú slærð inn docs.
Gakktu úr skugga um að þú ert á v2.0 Docs.
Vegna þess að ef þú ert á útgáfa einn, mun það ekki vinna.
Einnig fyrir td galleríinu.
Við eyddum góðum 30 mínútur að reyna að kemba stökkið okkar
áður en við komust að því að V1 virkar ekki með V2.
Svo bara vera viss um að þú ert á útgáfa tveimur.
Og þá mun ég láta hann sýna skjölin.
ARMAGHAN BEHLUM: Já.
Svo er hér API yfirlit og síðan sumir bitar og stykki af upplýsingar
að við höfum þegar sagt þér.
Nice lítið fljótandi hendur ofan stökk Motion.
Og áminning til að hugsa um pláss í 3D.
Eitt af fyrstu hlutum til að hugsa um með stökkið Motion eru hendur, að sjálfsögðu.
Við sáum þá viðurkennd af Visualizer.
Og þá þú might hafa séð að það viðurkennt
hluti af úlnlið og þess arminum í tengslum við það.
TOMAS Reimers: Ef þú vilt að draga upp Visualizer.
ARMAGHAN BEHLUM: Já, skulum gera það aftur.
TOMAS Reimers: Þú getur séð, alltaf bara góð áminning til að raða í sjá,
að Visualizer reynir að sýna öll gögn sem Leap sér.
Svo þú munt sjá að við höfum þessi tegund af fjórum stigum
með úlnlið og þá raunverulegu úlnlið.
Og þú ert líka þessum bolta á lófa.
Allt eru þetta atriði viðurkenna viðurkennd af stökk.
>> ARMAGHAN BEHLUM: Einmitt.
Og svo með að höndin hlut Hver rammi hefur hendi array
eins vel þar sem þú getur líka fengið vinstri og hægri hendur.
Þú getur fengið sem átt hendurnar eru
frammi með eðlilegt átt að lófa,
eða eins og þeir kalla það í lófa eðlilegt.
Hvað annað höfum við?
Við líka, úbbs.
Við skulum reyna að fletta niður þessa leið.
Armar eru fingur fulltrúa með fingri
flokki, sem er pointable mótmæla.
Svo eins og við vorum að segja, sáum við að array af pointables fyrir hverja hendi.
Þeir eru lítið fingur til að hugsa um.
Svo er þetta góð yfirlit til að fara gegnum til að reyna að skilja.
TOMAS Reimers: [inaudible] hönd líffærafræði upp þar.
ARMAGHAN BEHLUM: Já, einmitt.
Svo já.
There er a einhver fjöldi af hráefni gagna sem Leap Motion tekur í túlkar vel
fyrir þig, svo það er a mikill hugmynd að fara í gegnum hér
og reyna að reikna út hvernig Leap hefur þegar mynstrağur það út fyrir þig
og svo hvaða upplýsingar þig hafa í boði þaðan.
Og síðan frá þar sem ég mæli með fara inn í þennan vinstri hluta hérna,
sem fer vel í raun ekki, þá eru reyndar bara meira API efni about--
>> TOMAS Reimers: The API tilvísun botninn er yfirleitt góður staður til að fara.
Þið sennilega sá þetta þegar við gerðum Google Maps PSET.
En tilvísun raun bara fer í gegnum allt
aðgerðir og breytur í boði á hlut við þig.
>> ARMAGHAN BEHLUM: Já.
Til dæmis, þetta er það Ég var að leita að áður.
Þegar við höfum bóginn við getur farið og reikna út
hvernig Leap mælir okkur að finna hönd.
Eins og ég sagði áðan, við höfum hendur fylkisins.
Finna út ef við höfum hendur og þá reyna og grípa einni hendi
að hafa samskipti við á þann hátt.
Svo er það sem við mæla fyrir ykkur.
Athafnir og efni eins og heilbrigður.
Þessi API skjöl er að fara að vera a frábær tæki fyrir ykkur.
Ert þú hefur einhverjar aðrar tillögur?
>> TOMAS Reimers: Ég er ekki.
Ég held að er gott í bili.
>> ARMAGHAN BEHLUM: Já, Ég held það eins og heilbrigður.
Feel frjáls til að senda okkur tölvupóst og fá í sambandi um stökkið Motion
ef þú ert með kannski einhverjar málefni eða þurfa einhverjar tillögur.
Og við getum reynt og reikna efni út með ykkur eins og heilbrigður.
Þakka þér.
>> TOMAS Reimers: Great.