>> TOMAS REIMERS: Cool.
Tehát hi, mindenkinek.
A nevem Tomas.
Én vagyok a TF és ez
ARMAGHAN BEHLUM: Armi.
Örülök, hogy látlak titeket.
TOMAS REIMERS: Cool.
Így fogunk beszélni mintegy Leap Motion ma.
Tehát Leap Motion egy Nagyon tetszett, hogy
Lehetővé teszi interakcióba számítógépes másképp.
Tehát az egész ötlet mögött Leap Motion, hogy meg
is használja a kezét, kölcsönhatásba a számítógéppel.
Szóval itt van valami létre.
Beszélni fogok róla egy kicsit.
De az alapváltozat is lehet látom, hogy ott van a kezében előtt
A számítógépem és amikor mozgatni őket, kapsz az analóg a számítógépen
és tudod elemezni ezt.
Tudod, hogy gesztusokat.
Akkor használja a kezét, kölcsönhatásba a számítógéppel
új és érdekes módon.
>> Nos, én valójában először szeretnék átadni le Armi
hogy mutassa meg néhány nagyszerű demók, amit Néhány ember volna ezzel.
És akkor fogunk beszélni, hogyan ha valóban kód ezzel.
ARMAGHAN BEHLUM: Igen.
Helló.
Szóval mint láttuk, kevés itt az adatait, de lássuk,
amit egyesek végeztem ezzel.
Szóval hadd nyissa meg ezt a példát.
Aztán, olyan, például láthatjuk kezem analóg, de most, ebben az időben
Néhány ember használja Unity van úgy döntött, hogy egy kicsit több bőrt
meg ilyesmi körül kezét.
Szóval lehet, menjünk ezzel is, arról, kezem egymásra.
És tudod talán képzelni egy pár egyéb jó hasznos dolgok
hogy meg tudod csinálni ezzel.
Tehát ez legalább egy példa.
És akkor ugorjunk ki ebből.
>> És akkor egy másik remek egyet van, menjünk ezzel.
Plasmo labdát.
Ismétlem, nem feltétlenül számíthat ezen a szinten a komplexitás
egy végleges tervet CS50.
Ez csak, hogy mutassa meg néhány, adni nektek
egy kis inspiráció, amit srácok lehet csinálni Leap Motion.
Így például itt van egy klassz Fizika például, amely ott is vagyunk.
Van mindkét kezem, így most már Van ez a kis plazma labdát.
És a labda reagál a fizika rólam mozgó kezem körül a labdát.
Most ez az egész, bár a Unity, rendszeresen valamilyen eszközök és keretek
hogy nem tanítják srácok az osztályban,
de mint látható néhány szép Hűvös run átvezetéseket ezzel.
>> De egy dolog, hogy a fiúk szoktak Elindulás most a Leap Motion
a munka JavaScript.
Leap Motion egy JavaScript API srácok használhatja, és mi nagyon, nagyon
Javasoljuk, hogy a srácok építeni a projektek segítségével, hogy.
Tehát az, hogy hadd add vissza le, hogy Tomas
beszélni Leap A mozgás és a JavaScript.
TOMAS REIMERS: Cool.
Vagy azt akarja megmutatni nekik a megjelenítő első?
>> ARMAGHAN BEHLUM: Ó, igen.
Igen.
Beszéljünk inkább arról, hogy megjelenítő.
>> TOMAS REIMERS: Tehát a legalapvetőbb szinten, amikor először kap a Leap Motion
fogsz, hogy ezt a dobozt.
Itt akarja, hogy átvegye az irányítást?
>> ARMAGHAN BEHLUM: Igen, megy ez.
>> TOMAS REIMERS: Tehát, ha először kap Leap Motion
fogsz, hogy ezt a dobozt.
Ez egy eszköz, amely valahogy így néz ki.
Dugja be a számítógépbe, telepíteni a szükséges drivereket,
és akkor alapvetően létre.
Így a legegyszerűbb módja annak, hogy rendezni A helyzet a Leap Motion
A megnyitni ezt a programot telepíti úgynevezett Leap Motion megjelenítő.
És a megjelenítő szó amit én mutatja itt.
Ez lehetővé teszi, hogy a csontváz vázlatát a kezét.
És mi a Leap Motion interpretálja őket.
Tehát a Leap Motion használja a kamerát hogy egyfajta pillantást a kezét
majd megpróbálja kitalálni, hogy mi a az alapvető csontváz összetételét, hogy
lásd a képernyőn.
És ez az, ami megmutatja.
ARMAGHAN BEHLUM: Minden Egyetlen kis pont
és a dolog, hogy látod nincs adatok, hogy az Ön számára elérhető srácok
is használható.
Így látod, hogy ez az elfog, hogy Tomas
öt ujjak, egyenként ezek a különböző ujjak
is rendelkezésre áll, akkor az adatok pont használható bármilyen alkalmazás
hogy érdemes.
Ha azt szeretnénk, hogy ha Valaki csinál egy remek
láthatjuk, ha az ujjaikat gyűrött, és hogy ők
hüvelyk- ujját mutat felfelé, vagy ha a
a csukló vagy a tenyered és ez a fajta cucc.
TOMAS REIMERS: Cool.
Tehát láthatjuk néhány gesztust is megérti jobban, mint mások.
Ne feledje, hogy nézi a kéz egy fényképezőgépet alulról,
így amikor a kezedbe, mint Ebből megérti őket teljesen,
de ha egyszer elkezd próbálni, és nem a remek, néha elolvassa,
néha lehet kitalálni, de őszintén A kamera csak nem látni a hüvelykujját.
Tehát ez nem igazán arról, hogy mi történik.
Csak néhány korlátozás szem előtt tartani, ha éppen fejlődő ezzel.
>> Különben is, így megy vissza erre.
A megjelenítő ténylegesen van egy csomó hasznos eszközök.
Tehát a Leap Motion programozott oly módon
hogy nem várom el, hogy kölcsönhatásba, hogy a felvételekkel.
Nem igazán várom el, hogy megértse
mi történik a színfalak mögött.
Mit csinálnak a ki egy csomó API-k az Ön számára
úgy, hogy tudsz kölcsönhatásba ezekkel az adatokkal
közvetlenül megértés nélkül mi folyik a motorháztető alatt.
>> Tehát, ha elérünk H itt a megjelenítő akkor megjelenik egy csomó lehetőséget.
A fontos az itt mégis van, ha bejön O, majd nyomja H,
látni fogod, hogy lehetővé teszi, hogy dolgozzon gesztusok.
Tehát a gesztus, látni fogod Felhívja egy nyíl szerte.
A gesztus az egyik módja, amely Leap Motion fajta engedi, hogy az adatokat
anélkül, hogy azt feldolgozni.
Tehát ahelyett, hogy velem kelljen kitalálni ki, ó, a keze mozgott,
akkor is, ha én pont hozzáférést, a API fajta csak mondd,
Hé, tették ezt a gesztust.
Szóval lehet, hogy az alapvető nyíl gesztusok.
Tudod, hogy körbe gesztusok.
Tudod, hogy megérinti gesztusok.
És tudod, hogy gombnyomás gesztusok.
Igen.
És az ilyen dolgok.
Tehát most, hogy már egyfajta láttam, milyen Leap Motion tehet,
láthatjuk, hogy képes olvasni a csomó gesztusok.
Azt hiszem, fogok add vissza azokat Armi
és ő fog beszélni, hogyan kapsz ezeken a JavaScript,
hogyan is kezdjük a projekt ezzel.
És akkor majd beszélni néhány Hűvös helyen érhetők el vele.
ARMAGHAN BEHLUM: Igen.
Jól hangzik.
Szóval igen, a legelső dolog, amit eldönthetjük, hogy ezt természetesen
ez után kap a Leap Motion, hogy menj leapmotion.com létrehozott, telepítse
A vezetők és a cucc.
Miután ezzel, hogy mehetsz győződjön meg arról, hogy csatlakozik.
Ha látsz a kis tálcát a Leap Motion ikont, és ez a zöld,
akkor tudod, akkor készen is van.
És persze nézd meg pontosan, mit Tomas csak azt mutatta meg a gesztusok
és ezzel a képernyő csapok, és kulcs csapok, és ez a fajta cucc.
>> Ezután még mi magunk, ismét, ahogy mondtam,
mi való mindezen dolgokat JavaScript is.
Az ideális létre, hogy Azt javasoljuk,
srácok, hogy menjen be a vhostod könyvtár, a helyi befogadó,
Nyilvános a CS50 készüléket.
És ha ott mit fog lásd a jelzőpont HTML fájlt.
Most, hogy jelzőpont HTML fájlt vagy jelzőpont
PHP fájlt, amelyik finom, mit lehet majd csinálni
ez megy a fő operációs rendszer.
És ha megy az IP-cím ami szerepel a jobb alsó
sarkában a készülék éppen itt, mint látható, akkor mi történik
van akkor menjen el az oldalra, ami hivatkozik, hogy jelzőpont HTML fájlt.
Tehát az összes kódot, amit tehet az ott lesz elküldve, és itt használható.
>> TOMAS REIMERS: Szóval ez is Fontos csak referencia
hogy ha a srácok tényleg tudja, hogyan kell beállítani a szerveren magát,
vagy szeretné, hogy ezt a világ web, szívesen csinálja, amit.
Ne feledje, hogy ezek Csak JavaScript fájlok
és minden a Leap feldolgozás történik az ügyfél.
Tehát ez nem igazán számít ahol a szerver életét
mindaddig, amíg a számítógép Ön által megtekintett weboldalon a
a Leap Motion telepítve.
ARMAGHAN BEHLUM: Abszolút.
Mint mondta Tomas, igen, Bármi használható srácok.
Ez csak az egyik ajánlásokat.
Most kezdi el használni Leap Motion mit tenne,
te fognak importálni a JavaScript fájlt Leap Motion.
Majd onnan mit amit tehetünk, most
Én csak azt az e bekezdés tag létrehozott azonosítóval rendelkező szöveget.
Dolgokat, hogy azt javasoljuk, állítunk vezérlő opciók
A Leap Motion a lehetővé gesztusok, hogy igaz legyen.
Tehát alapértelmezés szerint azoknak gesztusok, hogy megmutattuk,
srácok, a kör, és a gombot érintse meg, és a swipes,
ezek nem jelennek meg a srácok alapból.
De nagyon ajánlom azoknak szóval nem újra feltalálja a kereket.
Tegye lehetővé az igaz, átadva azokat vezérlő lehetőségek ugrani dot loop
és akkor készen is van, hogy menjen.
Mert akkor csak kell, meghatározott egy névtelen függvény
hogy lesz egy frame-re Leap Motion
és hogy a keret az összes információ, hogy lesz szüksége.
>> TOMAS REIMERS: Tehát csak Összegezve, van egy tárgy.
Ön rendelkezik ezzel a funkcióval úgynevezett ugrást dot loop.
És te nevezed két érvet.
Te nevezed, egy, A vezérlő lehetőséget.
És van egy csomó opciók akkor tedd oda.
Az egyik megyünk hangsúlyozni lehetővé gesztusok.
És ha meg azt, egyenlő igaz, akkor akkor kap hozzáférést ezen gesztusok
hogy megmutattuk a megjelenítő.
>> Majd a második argumentum funkciót, ez olyan, mint egy visszahívás
akkor jelenik meg, minden időben minden képkocka Leap,
így minden alkalommal ugrást regiszterek kezed mozog, hogy van egy új vázat.
És arra kéri ezt a funkciót egy érv, amely a keret objektum.
És hogy keretobjektumot leírja A képkeretet Leap látja.
ARMAGHAN BEHLUM: Pontosan.
Tehát ez tartalmazza az összes hasznos apró információ
hogy beszéltünk korábban.
Ellenőrzése frame dot gesztusok egy sor gesztusok
hogy a Leap Motion fogott el kezét csinál az utolsó képkocka.
Így például, mire vagyunk keresek itt van bejelentkeznénk,
Hé, Leap, hogy az utolsó képkocka volt elkapni minden gesztusok, hogy én nem?
És ha igen, mi döntjük el, hogy nem A halad végig azon gesztusok
és megpróbál és kap néhány hasznos információ tőlük.
Minden gesztus egyedülálló ID társul hozzá.
Nekik van típusok.
Akkor nézd meg, amely az ujjak vett részt a gesztusok
megnézni ezt a pointable cucc.
Tehát, ha, ha valaki átmegy a Leap Motion JavaScript API cucc,
amikor beszélve pointables, ők beszélnek ezek az ujjak.
Majd kezét, természetesen, Az egész kéz objektumot.
>> Mi kell még?
Meg tudja nézni, hogy mennyi ideig A mozgás ment
a és, igen, minden hasznos dolgokat.
Szóval, mit csinálok most Itt van bejelentkeztem a keret,
majd frissítem a HTML megjelenítésére az összes ilyen bit információt
a keretről.
Úgyhogy nézze meg, hogy ki.
>> Így hát itt van.
Itt a jelzőpont HTML fájlt.
És ahogy az imént látott, amikor Most költöztünk kezem Leap fogott egy kört mozgást.
Tehát láthatjuk, nekem kéne egy kör alatt Itt, frissítések kört információkat.
Doing swipes, elkap swipes.
Próbáljuk a képernyőn fület.
Oda megyünk.
Képernyőérintéssel és kulcsfontosságú csapot.
Annyira kulcsfontosságú csapok is, a Így van, ha bejön le.
Így el lehet képzelni Talán játszik a zongorán.
>> És akkor képernyőn csapok ha bejön a képernyő.
Így el lehet képzelni hogy tényleg egy érintőképernyős előtted
és te üti az érintés képernyő előtt van.
És akkor mi is megragad egy ezen objektumok itt.
Úgy emlékszem, azt mondta, hogy én halad a keretet konzol log.
És így is nézd meg az összes apró információ
hogy a rendelkezésre álló hogy a keret is használható.
>> Mint már mondtam, pointables vannak az ujjak.
Abban a pillanatban nem volt meg kéz előtt a Leap Motion
így regisztrált nulla, de ez hogyan
kezdene, hogy megtudja, talán hány ujját a képernyőn.
És ez a fajta információ.
TOMAS REIMERS: és emlékezés ez csak egy tárgy.
Szóval mindent lehet elérni Valahogy úgy, mint egy struct
A C-be úgy a tárgy megnevezni dot a tulajdonság nevét.
Aztán pedig, hogy van tömbök és van más tárgyak,
de ne feledje, hogy ez csak egy tárgy.
Nincs semmi különös mert mi használ Leap.
ARMAGHAN BEHLUM: Igen.
Cool.
Amennyiben nézzük meg egy pár A JavaScript példák?
>> TOMAS REIMERS: Tehát Gyorsan emlékszem, hogy
azt mondta, hogy Leap lehet ténylegesen futtatható bármely honlapján.
LeapJS csak arra szolgált, hogy egy ügyfél.
És így végig, mint az ügyfél Leap Motion mellékelt működni fog.
Tehát Leap Motion van weboldal, ahol az emberek
megoszthatják egymással példák A dolgok már tette.
Szóval csak fog menni egy pár közülük
hogy mi lehetséges, mielőtt búvárkodás még valamit megtudni, hogyan
ez lehetséges.
Így
ARMAGHAN BEHLUM: Lássuk.
TOMAS REIMERS: Most meg kell dolgozni.
ARMAGHAN BEHLUM: Tehát most előtt láttunk egy példát
a Unity, hogy a nyújtott kezünket csinos lenyűgöző grafikus skins,
de most láthatjuk, amit tehetünk a Ugyanez belsejében egy web böngésző.
Ez mind benne Chrome Csak a JavaScript.
És akkor a másik jó dolog, ha azt szeretné,
tudni, hogy ezt tették A példákat JavaScript
is opciókat, hogy akkor nézd meg, és aztán majd meglátjuk,
hogy ez a személy volt rángatás kéz és kódok és ilyen.
>> Szóval ez minden megtalálható A developer.leapmotion.com.
Mehetsz, és nézd meg JavaScript példák, hogy van ott.
Szóval igen.
Itt vannak ezek, hoppá bocs.
Próbáljuk meg újra.
Oh.
Van két jobb kezét.
Szóval igen.
>> TOMAS REIMERS: Tehát újra és újra, emlékszem néha Leap elrontja.
Csak adj neki egy második.
Nem tökéletes, de ez elég jó.
ARMAGHAN BEHLUM: Egy további javaslatokat is
az, hogy nem megy a közvetlen napfényt.
Tehát ahogy Leap Motion művek, valójában
ha megmutatom a kamera ezt a valamint, infravörös fényt.
Szóval küld ki azokat, majd olvassa őket, amikor jönnek vissza.
Tehát, ha akarsz csináld közvetlen napfénynek,
Például ez valószínűleg Nem fog működni,
vagy ez lesz szükség Néhány kalibrációs erre.
>> Még egy ajánlás, hogy törölje mögötti tér Leap
és előtte a Leap.
Gondold azt, hogy dolgozik belsejében egy kupola, hogy ez
körülvevő Leap Motion objektumot.
Ha van cucc van mögötte is,
ami szintén fog beavatkozni azzal, ahogyan a Leap Motion megpróbálja
felismerni a kezed és ez a fajta cucc.
>> Így például, azt hiszem, ebben a esetében ez az én laptop ténylegesen
ez a fajta teszi a Leap Motion.
Igen, ott is vagyunk.
Szóval, ha egyértelmű, ki a laptop mögötte a kéz jelenik meg elég jól.
Szóval igen.
Van, hogy.
Szóval mi mást csinált mutatunk nekik.
TOMAS REIMERS: Azt hiszem, Most lenne itt az ideje
hogy egyfajta belevetik magukat, és nézzük csak hogy egy demo teljesen a semmiből.
Ez lesz igazán egyszerű.
Alapvetően mi megyünk próbálni tennie, hogy ez
úgy, hogy ha ellop a kezét, a háttérben fog indulni, mint a vörös,
és ha ellop a kezét, a háttérben fog zöldre.
OK?
Igazán egyszerű.
És ez alapvetően csak megyek keresztül, sok
A fogalmak mögött Leap hogy mi lehet
bejutni ezt az ideológiát, hogyan működik Leap és hogyan építhetünk dolgokat vele.
Majd onnan fogunk Valószínűleg csak megmutatom
Az API Dokumentáció és hol tud tovább erről.
És akkor majd nevezni nap.
Szóval nem akarsz kódolni, vagy akarsz kódolni?
ARMAGHAN BEHLUM: Igen.
Nos, azt hiszem, fel tudjuk dolgozni együtt ebben, és próbálja
>> TOMAS REIMERS: így fogunk nem néhány pár kódolás.
ARMAGHAN BEHLUM: Oda megyünk.
Pontosan ez az, amit én akarta, hogy nézd meg.
Cool.
Így például itt, lássuk.
Miközben iterációjával a gesztusok már,
TOMAS REIMERS: Szeretnénk, hogy Csak egy teljesen új fájlt?
ARMAGHAN BEHLUM: Teljesen új fájlt?
Ja, persze.
>> TOMAS REIMERS: Igen.
>> ARMAGHAN BEHLUM: Tehát lássuk, hogy.
>> TOMAS REIMERS: így fogunk hogy egy teljesen fájlt.
Hívjuk meg kézzel dot HTML.
Ez jó nekem.
Úgy emlékszem, te egy HTML tag, aztán pedig, hogy van egy vezetője.
Hogy feje van címe benne.
Tehát fülön a másik irányba.
Tessék.
Cím, hívjuk meg Leap példa.
Ja.
>> ARMAGHAN BEHLUM: Hoppá.
Cím.
>> TOMAS REIMERS: Aha.
>> ARMAGHAN BEHLUM: ott vagyunk.
>> TOMAS REIMERS: És Ezután tegyük a szervezetben.
>> ARMAGHAN BEHLUM: Várj, hadd is győződjön meg róla, hogy importálni.
TOMAS REIMERS: Ó, persze.
Az én hibám.
Így mindig győződjön meg róla, hogy a Leap script, hogy egy script fogja kapni,
a Leap Motion, mely alapvetően lehetővé teszi a böngésző segítségével kapcsolódjon
hogy a készülék a felhasználó számítógépén.
És akkor ebben is Szükségem van egy test és nézzük csak
hogy a szervezet azt hi így hogy meg tudjuk mutatni a diákok
hogyan lehet csatlakozni az új web oldalon, hogy készül.
ARMAGHAN BEHLUM: Persze.
Úgyhogy csak tedd another--
>> TOMAS REIMERS: Hi, hello world.
Tehát egy nagyon egyszerű példa.
Tényleg csak egy demo.
>> ARMAGHAN BEHLUM: És akkor itt vagyunk lehet menni, hívtuk meg kézzel dot HTML,
ugye?
És oh!
Szóval kíváncsi vagyok, mi a baj ezzel most.
Adjuk hozzá az olvasási engedélyeket kézre dot HTML.
TOMAS REIMERS: Akarsz kell csinálni a nagy terminál
hogy mi is csak azt mutatják, hogy a a--
>> ARMAGHAN BEHLUM: Igen, van értelme.
Rendben van.
Szóval én csak hozzá a engedélyeket, de ha
volt, hogy ellenőrizze a engedélyeket, mielőtt
láthatták volna, hogy valóban kézzel dot HTML nem volt olvasási joggal,
és ezért nem tudtuk teszik.
De most, ha így teszünk, azt látjuk, mi kis hello world ott.
>> TOMAS REIMERS: Akkor most tényleg, ahogy írtam, hello world,
Arra gondoltam, hogy egy utat tudnánk változtatni.
Legyünk mondják hello world, és majd amikor hullám, akkor elköszön.
Ugye?
Szóval hello, viszlát.
>> ARMAGHAN BEHLUM: Persze.
>> TOMAS REIMERS: Ez elég jól hangzik.
>> ARMAGHAN BEHLUM: Ez hangzik nekem is.
>> TOMAS REIMERS: Tehát, ha mi vagyunk fog tenni, hogy mondjuk csak
végiggondolni a weboldal egy kicsit.
Mi lesz szüksége script ami alapvetően regisztrál
hogy intett, és a Leap, hullám és ellop, ugyanaz a dolog.
Tehát szükségünk lesz egy script, hogy Alapvetően regisztrál, hogy ellop.
És még egy dolog vagyunk Szükségem lesz a mi
lesz szüksége tényleges tartalmát megváltoztatni.
>> Tehát, amikor eszébe jut, jQuery lehetővé teszi, hogy módosítsa a tartalom.
Tehát az egyik dolog, amit érdemes közé ebben van a jQuery könyvtár.
És akkor, hogy ki tudják választani, hogy mit mi ténylegesen megváltoztatja a tartalom,
hogy lesz szüksége egy azonosítót vagy egy osztály, vagy valami
hogy tudjuk használni a kiválasztásához.
Ezért most is csak, hogy ez egy Gyors ID változás szöveget.
És akkor akarsz megragad jQuery?
ARMAGHAN BEHLUM: Tehát mi az első dolog, a mi a teendő lista, akkor most?
TOMAS REIMERS: kaparintsuk jQuery?
ARMAGHAN BEHLUM: Nézzük megragad jQuery, OK, hűvös.
Ebben az esetben, megyek , hogy meg kell actually--
hol a legjobb hely erre?
>> TOMAS REIMERS: jQuery, így ha Google jQuery, hit jQuery, az első
ARMAGHAN BEHLUM: Nagyon elsőt.
TOMAS REIMERS: vagy töltse le.
Ez rendben van.
Hit letöltés V1 és V2 a bal oldalon.
Szóval leíró jQuery-re Online mint még talán történik.
Lapozzunk lefelé.
Fel, fel.
>> ARMAGHAN BEHLUM: Ó, itt most?
TOMAS REIMERS: vagy azt.
Ja.
Tehát jQuery egy tárolt változatra ami azt jelenti, hogy valójában nem
kell letölteni, de te több mint
Üdvözlöm, hogy töltse le és a fogadó magad.
ARMAGHAN BEHLUM: Cool.
Tehát most van jQuery.
Most mi a következő lépés a mi teendők.
TOMAS REIMERS: Awesome.
Így a következő, amire szükségünk van tennie, hogy mi valójában szüksége
hogy p hello world egy azonosítót így tudjuk megváltoztatni, ugye?
Akkor most, hogy egy ötlet, Nem tudom, módosíthatja a szöveg?
ARMAGHAN BEHLUM: Nézzük csak ezt így, azt hiszem.
TOMAS REIMERS: changeText, hűvös.
És most nézzük csak frissíteni kell az oldalt.
Hogy minden rendben működik.
Tehát vissza a böngészőben.
Cool.
Mindig jó emlékeztető arra, hogy ha éppen épület egy honlapot,
Valószínűleg frissíteni minden alkalommal, amikor minden valamelyest jelentős változás csak
mivel időnként véletlenül csepp egy tag,
vagy véletlenül törli a valamit, és akkor tört valami kicsi,
de aztán amikor egy nagyobb változás Ön, mint, miért ez a nagy változás
látszólag megtöri a független dolog.
Tehát ez mindig jó, hogy egyfajta menj és csináld azokat alapvető ellenőrzést.
>> Különben is, így most csináljuk Egy utolsó józanság ellenőrzés,
amely próbáljuk megváltoztatni szöveget anélkül Leap Motion,
anélkül, hogy bármi, csak Az oldalon terhelést ez lesz
megváltoztatni hello world hogy búcsút a jQuery.
Tehát, ha emlékszel jQuery kiteszi ez a dollár jel funkció,
amely tudjuk átadni CSS választót, nevezetesen hashtag változás szöveget, amely
kiválasztja az elemet Az azonosító szöveg megváltoztatása.
És akkor megyünk hogy hívja a módszer HTML
Az objektum visszatér a érv egy string búcsút, amely
meg fogja változtatni a tételek HTML elbúcsúzni.
Félelmetes.
Ez úgy tűnik, elég jó.
És most, amikor a frissítési Az oldal fogunk látni
azt azonnal megváltoztatja a búcsút, ugye?
Mert nem vár semmit.
Valahogy úgy, amint ez a script fut változik, hogy búcsút.
Cool.
>> Tehát most hadd csomagolja, hogy a funkció.
Jobb.
Így fogunk szeretnénk hogy a funkció.
Hívjuk meg viszlát.
Tehát funkció búcsút a fog tartani nincsenek viták
és ez nem igazán fog vissza semmit.
És ez csak fog Ehhez a JavaScript.
Kitűnő.
Így a funkció búcsút most megváltoztatja a szöveget búcsút, ugye?
Szóval ez ad nekünk egy utat hogy alapvetően a változás
a szöveget, hogy búcsút, amikor hívtuk, hogy a funkciót.
Ugye?
Szóval ez elég jó.
>> ARMAGHAN BEHLUM: Nos, is csak arról,
hogy most mivel mi nem keresi a funkciót, ha frissítse az oldalt,
észre, hogy nem fog változtatni a szöveget.
>> TOMAS REIMERS: Kitűnő.
Tehát most fogunk kezdeni bejutni, hogy Leap cucc
hogy beszéltünk.
Tehát Armi, nem akarsz vedd itt?
>> ARMAGHAN BEHLUM: Igen.
Persze.
Én talán lesz szüksége Ellenőrizni dolgokat,
de például emlékezni azt mondta akartunk
hogy megbizonyosodjon arról, a beállítások elindultunk lehetővé gesztusok
TOMAS REIMERS: Jó fogás.
ARMAGHAN BEHLUM: hogy igaz legyen.
És akkor mi ajánlották hogy a srácok lenne
fuss ugrás dot loop, amely mint már jeleztem,
Két választási lehetőség van, a JSON objektumot a lehetőségeket, hogy hogyan szeretné
beállítani a Leap Motion, hogy munkáját, majd egy funkciót, ami
elkapja a keretben, mint a visszahívási működnek, mint Tomas mondott.
Majd szerkeszteni, amit akar köze, hogy a funkció.
>> Így adja át a opciót, és most mi határozza
függvénye, hogy lesz a keretben.
És most meg kell határoznunk hogy ez mit függvény.
Ez is a kedvéért a jövőben csinálni, hogy a biztonság kedvéért.
TOMAS REIMERS: Kitűnő.
Tehát most van ez a ugrás dot hurokfunkció
hívja, amely alapvetően azt nézni Leap ezeket a lehetőségeket, és minden alkalommal
valami változik, hívja ezt funkciót keret összes adat
hogy tisztában vannak a keretben.
Elég jól hangzik.
Tehát most gyorsan józan ellenőrzés, amit én mindig ajánlom,
van, hogy az imént konzol dot keretfeljegyzést.
És akkor a Chrome megnyitásához up és nézd meg a konzolt
és játsszunk Leap, hogy a kocka vagy bejelentkezve, mert az akarat
kap egy ötletet, hogy mi adatok hozzáférése van.
És mint mindig, ha összezavarodnak, nézz fel az API referencia.
És mi lesz többek között a kapcsolatot számára, hogy a végén a jelen.
>> ARMAGHAN BEHLUM: Tehát frissítse az oldalt, majd
megyünk, és nyissa meg újra a konzolt.
És most azt vesszük észre, hogy mi vagyunk miután keretek telt el,
ezek a kis tárgyakat láttunk korábban.
Szóval igen.
Ezek a mi keretek felbukkan a konzol.
Cool.
>> Tehát most, hogy már megragadta a keretek, mint talán emlékeznek korábbi
A példa arra, hogy mi volt, Ha megnézzük frame dot gesztusok
megkapjuk a fenti gesztusok A keret legutóbb fogott.
Megnézhetjük a hossza a tömbben hogy ha Leap fogott minden gesztusok.
Tehát ha ez tömb nagyobb, mint nulla, akkor mi
tudom, hogy van néhány dolog, hogy nem.
>> Úgyhogy csomagolja, hogy akár egy sérült állapota és most itt, mi tudjuk, hogy mi
láttam egy gesztus, hadd cselekedni.
Most, hogy itt vagyunk mi Van egy gesztus, hogy nézd meg.
TOMAS REIMERS: Nos, az első dolog, hogy nem csak egy gesztus,
Ez lehet olyan sok gesztusok.
>> ARMAGHAN BEHLUM: Nagyon igaz.
TOMAS REIMERS: Tehát per classic C stílusú itt
akkor valószínűleg szeretné használni a for ciklus.
ARMAGHAN BEHLUM: Itt vagyunk akkor.
Úgy döntöttünk, hogy iterálására a gesztusok.
És lássuk.
i plus, plus.
És most, ha lehet, tette Csak egy var gesztus értéke
frame dot gesztusok konzol i, most már
gesztus, ami csak egy egyetlen példánya a gesztus célja
nekünk dolgozni belsejében ez a for ciklus.
Rendben van.
TOMAS REIMERS: Let józanság ellenőrizze újra itt, és csak vigasztalni
dot jelentkezzen gesztus, hogy mit kapunk.
>> ARMAGHAN BEHLUM: Console dot log gesztus.
Okie dokie.
És frissítse még egyszer.
>> TOMAS REIMERS: Nézzünk próbáljon egy gesztus.
Látni fogod, hogy egy csomó Az, amikor kiüti,
kapsz egy csomó gesztusokat konzol és ha megpróbál megtenni egy kört,
ez hogy--
>> ARMAGHAN BEHLUM: Körök csak igazán szép.
>> TOMAS REIMERS: Most van egy furcsa dolog Itt, amelyet csinál egy kört,
de ez bejelentkezik 80 gesztusok, ugye?
Ez a sok gesztusok.
Tehát az első fajta dolog, hogy megvalósítani, és ez zavaró lehet,
az, hogy egy gesztus nem csak bejelentkezve egyszer.
>> Minden kockánál, igaz, Tehát, ha csinálok egy kört
Leap felismeri ezt egy változás, ebből
egy változás, ebből egy változás.
És akkor jelentkezzen közül mindkettő.
De minden egyes ilyen, ez fog mondani, ó,
van egy gesztus folyamatban van.
Szóval hadd mondjam el, hé, van egy gesztus, és ez jelenleg folyamatban van.
Tehát mi nem akarjuk, hogy tennie, hogy azt mondják, ó, az emberre
e gesztusok meg akarja változtatni a szöveget.
Mit akarunk csinálni, ha ezt a gesztust megáll, és tudjuk ellenőrizni, hogy
aztán meg akarjuk változtatni a szöveget.
ARMAGHAN BEHLUM: Mhmm.
Szóval, mint Tomas elmagyarázza ezeket a gesztusokat
jelenhetnek meg a több keretek, de például,
amikor voltunk, amelynek ez a kör, azt látjuk,
hogy az azonosítót, hogy az egyik egyetlen kört, hogy mi
Lehet, hogy próbálják befejezni ugyanaz volt ID egész.
És valóban, akkor is nézd meg az állapotát.
frissítve.
>> És akkor valószínűleg ez a Ez utóbbi kör, hogy, jaj, nos, OK.
Így néha megmutatja a állapotának megállás gesztus
és azt is megmutatja, a status Az induló új gesztust, amikor
elismeri az biztos, hogy elkezdte egy új gesztus.
Például ebben az esetben.
TOMAS REIMERS: Cool.
ARMAGHAN BEHLUM: Szóval igen.
És akkor lássuk.
Azt is észre bár voltunk téve
egy kör, és a gesztus van egy mező nevezett típus
hogy elmondja, milyen A gesztus ez.
Szóval, ami hasznos lehet számunkra megpróbálja, és tedd, amit csinálunk.
TOMAS REIMERS: Tehát visszaállás JS,
Az első dolog, ami eszembe jut is, csak olvasó a kóddal
van egy kis optimalizálás, ami valójában
Nem kell ezt, ha a feltétel, ugye?
Mert ha frame dot gesztusok dot hossza nulla, hogy a hurok
Nem fog futni egyébként.
Tehát itt meg is csak megy előre, és megszabadulni a.
Ismét, míg írsz kódot ezért fontos, hogy menjen vissza, és egyfajta
A Refactor mint rájössz, hogy tehetett volna valami jobb,
vagy hogy van egy másik módja, hogy.
Szóval most mi csak fogja tisztítani ezt a gyorsan és kódok megtisztítására.
Ez egy nagy dolog.
>> ARMAGHAN BEHLUM: Jó A stílus nagyon nagyra értékelik.
>> TOMAS REIMERS: Tudod Mindig tudhatod, mikor valaki
kódszámú, ahol ott szokott lenni egy if állapotban, és akkor levette,
de nem megjegyzésből is.
Ez nagyon nyilvánvaló és Ez a fajta néz csúnya.
ARMAGHAN BEHLUM: Szóval mi Következik a mi teendők?
TOMAS REIMERS: Tehát most, mint mondtuk, Azt hiszem, az első dolog, amit szeretnénk csinálni
A győződjön meg arról, hogy ez a gesztus valójában egy ellop, ugye?
>> ARMAGHAN BEHLUM: Igen.
>> TOMAS REIMERS: Tehát, ha azt mondjuk, hogy mi búcsút olyan, mint egy ellop,
elmegyünk vele egy ellop, a első dolog, amit meg kell mondani, hé,
a mozdulat írja ellop, ugye?
Nem kör, vagy a felső, de ez egy ellop?
Tehát az utat, amit tehetünk, hogy A elmondhatjuk, gesztus
dot típusú egyenlő egyenlő ellop egy húr.
>> ARMAGHAN BEHLUM: [hallható] gesztus dot típus megegyezik egyenlő ellop.
Ott vagyunk.
>> TOMAS REIMERS: És majd az utolsó kérdés
szeretnénk látni a gesztus dot állam egyenlő egyenlő megálló, ugye?
Tehát ez az, amikor a gesztus leállt.
Igazából szerintem a ellop, azt Ismerem ezt le a fejem búbját,
de nyugodtan nézni, hogy ki, mikor
ellop minden alkalommal jegyzi be amíg le nem állítja a kezdet gesztus.
És akkor az utolsó ember Csak egy megálló gesztus.
Így már csak egy megálló gesztus, ami nagyszerű számunkra.
Tehát mi nem tehetünk, mondom, ha gesztus dot írja egyenlő egyenlő ellop és gesztus dot
status egyenlő egyenlő megállítani, akkor nézzük józanság
ellenőrizze itt vigasztalni dot log gesztus.
>> Szóval megyünk vissza ide.
Majd frissíteni kell az oldalt.
És most az egyetlen alkalom, valamit meg legyen konzol dot bejelentkezett az, amikor ellop.
És igyekszünk, hogy ellop, és semmit nem látunk.
Ugye?
Tehát ez valójában egy nagy kérdés.
Nem látunk, amit mi várható.
Hibakeresés és lehet egy nagy része ennek.
Tehát az első dolog megyünk mondani, OK, nézzük vigasztalni dot
jelentkezzen, ha gesztus dot írja egyenlő egyenlő ellop.
ARMAGHAN BEHLUM: Igen, csináljuk meg.
TOMAS REIMERS: így vagyunk megyek vissza erre.
Majd frissíteni.
Majd ellop.
És fogunk látni egy csomó őket.
OK.
Tehát egyértelműen az volt a probléma a mi gesztus dot állapotát.
Tehát, ha nyitunk egy ilyen fogunk nézz a tárgyakat, és majd meglátjuk,
Nos, ez egy megálló, de, ó, ezt hívják állam, nem állapot.
Tehát, ha elindulunk vissza kódunk azt mondhatjuk,
Ha gesztus dot típusú egyenlő egyenlő ellop és gesztus dot állam egyenlő egyenlő megálló,
aztán majd vigasztalni dot be is.
És így frissíteni.
Mi ellop.
És majd meglátjuk, hogy a Minden ellop, mi csak
szerzés egy, amely a végén, ami jó hír, nem?
Ez az, amit mi akarunk.
>> ARMAGHAN BEHLUM: Aha.
És azt is észre, hogy az azonosítók Minden ilyen gesztusok külön.
Így Tomas mondott, mert mi vagyunk fogása ez az egyablakos állapotban, hogy
létezik végén egy ellop vagyunk egyre különálló, gesztusok
a Leap Motion.
Nagy.
>> TOMAS REIMERS: Menjünk előre, és csak nem a végső dolog, ami,
>> ARMAGHAN BEHLUM: Goodbye.
>> TOMAS REIMERS: Awesome.
És most nézzük meg honlapunkat.
Egy
>> ARMAGHAN BEHLUM: Second.
Mi nem, igen, nem nevezném Goodbye.
Nagy.
>> TOMAS REIMERS: Nem, Goodbye egy igazi funkciója.
>> ARMAGHAN BEHLUM: Igen.
Csináljuk meg.
>> TOMAS REIMERS: És amikor Wave Goodbye, hogy elköszön.
>> ARMAGHAN BEHLUM: Van győzelmet.
>> TOMAS REIMERS: Szóval nagyon izgalmas dolog.
Remélhetőleg meg lehet építeni valamit mást, de az ötlet, ugye?
Ön képes észlelni gesztusok.
Akkor hívja funkciókat.
És, hogy ez valóban ad néhány nagyon alapvető építőkövei
mondani, ó, talán ha ellop fel, mert akkor is érzékeli a dolgokat
mint irányba.
Azt akarom, hogy tegyen valamit.
Vagy amikor lapozzunk jobbra, I akar tőlük valamit.
És akkor kezdenek kreatív pontosan hogyan
fogunk javítani honlapunkon Ezekkel ellop gesztusok vagy kör
gesztusok, vagy érintse gesztusok, Bármelyik gomb csapok vagy a képernyő érintésére.
És akkor nem, hogy te több mint szívesen játszanak
A tényleges adatok, de ha akarod
hogy mi lenne javasoljuk, hogy menjen a docs mert ők tényleg nagyon jó.
Szóval elindultunk a docs most.
Vagy akarsz beszélni?
>> ARMAGHAN BEHLUM: Igen.
Csináljuk meg.
Még egy másik apróságot tanácsot, ne próbálja meg, és gondolom, ez a 3D-ben.
Tehát tulajdonképpen Húzzuk össze azokat a gesztusokat még egyszer konzol dot log gesztus
és ezt tesszük.
Gyere vissza, és most próbáljuk a pár ilyen, pár ilyen.
>> Ha elmegyünk, és nézd meg Ezek a gesztusok is
mint látod, hogy ők dimenzionalitás
a három irányban, valóban.
Tehát nem csak korlátozni magát egy 2D-s képen
Bár lehet, lennie a 2D honlapján.
Meg lehet próbálni, és hiszem, hogy a felhasználó kölcsönhatásba léphet a honlap 3D-ben.
TOMAS REIMERS: Egy 3D-s térben.
ARMAGHAN BEHLUM: Pontosan.
És igen.
Szóval útvonaltervet, sebességek, Mindezen hűvös bit információt.
>> TOMAS REIMERS: És ha nem ismeri, hogy megy x, y,
majd z ez utóbbi dimenzió.
Csak valami, ami valószínűleg úgy is van megismerni, ha már foglalkozott 3D
koordináta-sík előtt.
Ha még nem, hogy ez ugyanaz, mint a 2D-s Egy kivételével van egy harmadik dimenzió.
Hívjuk meg az részt.
És mindent, vagyis afféle irányba, ami hová megy,
position-- azt hiszem, talán még tegye gyorsulás, nem vagyok benne biztos.
>> ARMAGHAN BEHLUM: Igen, azt hiszem.
Ez nem feltétlenül a sebesség.
Én tényleg nem vagyok 100% biztos gyorsulást.
>> TOMAS REIMERS: Ez lehet egy lehetőség akkor át kell valamit.
Tehát helyzete és sebessége vannak kitéve Ezekben a fajta három koordinátát.
Tehát x, y, z vagy delta x, y delta, delta z.
Tehát most elindult a dokumentációt ez developer.leapmotion.com
és akkor kattintson dokumentáció.
Ismét Leap Motion az összes ezeket a Csodálatos API-k, az egyik a JavaScript,
az egyik a C Sharp és a Unity, az egyik a C ++, az egyik a Java, az egyik a Python,
és egy a cél C. Én személy tolna reád JavaScript
vagy ha azt szeretné, hogy megtanulják a új nyelv, próbálja Python.
E két nyelv, akivel valaha dolgoztam előtt és ők nagyon könnyen megtanulható
és már tudja, JavaScript, amely teszi, hogy egy igazán jó versenyző.
>> Egy szó az óvatosság amikor belép a docs.
Győződjön meg róla, a Docs v2.0.
Mert ha a verziója az egyik, hogy nem fog működni.
Szintén a példa galériában.
Mi töltött egy jó 30 perc megpróbálja a debug mi Leap
mielőtt rájöttünk, hogy V1 nem működik a V2.
Úgyhogy győződjön meg róla Ön a verziót kettő.
És akkor megengedem neki, mutasd meg a docs.
ARMAGHAN BEHLUM: Igen.
Tehát itt a API áttekintése, majd Néhány apró információ
hogy már elmondtam.
Szép kis lebegő kezek fölött a Leap Motion.
És egy emlékeztető arra gondolni, a tér 3D-ben.
Az egyik első tárgy gondolkodni A Leap Motion a kezében, persze.
Láttuk azokra, A megjelenítő.
És akkor lehet, Látható, hogy elismerte
része a csukló és a kar társul hozzá.
TOMAS REIMERS: Ha azt szeretné, hogy húzza fel a megjelenítő.
ARMAGHAN BEHLUM: Igen, csináljuk meg újra.
TOMAS REIMERS: Láthatjuk, mindig Csak egy jó emlékeztető, hogy egyfajta látni,
A megjelenítő igyekszik megmutatni minden adat, Leap lát.
Így látni fogod, hogy van ezek a fajta négy pont
a csuklóját, majd a tényleges csuklóját.
És akkor is ezt a labdát a tenyerét.
Mindezek a pontok felismerni által elismert ugrást.
>> ARMAGHAN BEHLUM: Pontosan.
És így az, hogy kézzel objektum minden egyes képkocka egy kézzel tömb
valamint, ahol akkor is kap A bal és a jobb kezét.
Tudod kap, amely irányba a kezek
nézzen a normál irányt a tenyér,
vagy ahogy ők nevezik a tenyér normális.
Mi más van még?
Azt is, hoppá.
Próbáljuk lépjünk le így.
A karok, az ujjak képviseli az ujj
osztály, amely egy pointable objektum.
Szóval, mint mondtuk, láttuk, hogy tömb pointables minden kéz.
Ezek a kis ujjai gondolni.
Szóval ez egy jó áttekintést menni keresztül próbálják megérteni.
TOMAS REIMERS: [hallható] kéz anatómiai ott.
ARMAGHAN BEHLUM: Igen, pontosan.
Szóval igen.
Van egy csomó nyers adatok, hogy a Leap Motion vesz értelmezi is
az Ön számára, így ez egy nagyszerű ötlet, hogy menjen át itt
és megpróbálja kitalálni, hogyan Leap van Már kitaláltam dolgokat az Ön számára
és így milyen információkat rendelkezésünkre álló onnan.
Majd onnan tudom ajánlani megy ez a baloldali részen át ide,
ami megy, illetve ténylegesen nem, ezek valójában csak több API cucc about--
>> TOMAS REIMERS: Az API hivatkozást alján általában egy jó hely, hogy menjen.
Srácok valószínűleg látta ezt, amikor megcsináltuk a Google Maps PSET.
De a referencia igazán Csak végigmegy az összes
A funkciók és paraméterek elérhető az objektum az Ön számára.
>> ARMAGHAN BEHLUM: Igen.
Például, ez az, amit Kerestem előtt.
Ha van egy kézzel is lehet menni, és kitalálni,
hogyan Leap ajánlja nekünk megtalálni a kezét.
Mint már mondtam, van egy kéz tömb.
Tudja meg, ha van keze és majd megpróbálja megragadni egy kézzel
hogy befolyásolja az említett módon.
Szóval ez az, amit Javasoljuk a srácok.
A gesztusok és a cucc is.
Ez az API dokumentációt fog egy fantasztikus eszköz a srácok.
Van más ajánlást?
>> TOMAS REIMERS: én nem.
Azt hiszem, hogy ez jó most.
>> ARMAGHAN BEHLUM: Igen, Azt hiszem, erre is.
Nyugodtan írjon nekünk, és kap kapcsolatba mintegy Leap Motion
ha miután talán olyan kérdéseket vagy szüksége ajánlásokat.
És mi is megpróbálja kitalálni dolgokat out veletek is.
Köszönöm.
>> TOMAS REIMERS: Nagy.