1
00:00:00,000 --> 00:00:11,010

2
00:00:11,010 --> 00:00:11,965
>> TOMAS REIMERS: Cool.

3
00:00:11,965 --> 00:00:13,230
Dus hi, iedereen.

4
00:00:13,230 --> 00:00:14,300
Tomas Mijn Naam.

5
00:00:14,300 --> 00:00:15,744
Ik ben een TF en dit is

6
00:00:15,744 --> 00:00:16,660
ARMAGHAN BEHLUM: Armi.

7
00:00:16,660 --> 00:00:17,637
Leuk om jullie te zien.

8
00:00:17,637 --> 00:00:18,470
TOMAS REIMERS: Cool.

9
00:00:18,470 --> 00:00:20,740
Dus we gaan praten
over Leap Motion vandaag.

10
00:00:20,740 --> 00:00:22,800
Dus Leap Motion is een
echt cool product dat

11
00:00:22,800 --> 00:00:25,900
laat je interactie met een
computer op een andere manier.

12
00:00:25,900 --> 00:00:28,560
Dus het hele idee achter
Leap Motion is dat je

13
00:00:28,560 --> 00:00:31,430
kan je handen gebruiken om
interactie met de computer.

14
00:00:31,430 --> 00:00:33,610
Dus hier heb ik iets opzetten.

15
00:00:33,610 --> 00:00:34,790
Ik zal praten over het in een beetje.

16
00:00:34,790 --> 00:00:37,540
Maar de basisversie is dat je kunt
zie dat ik mijn handen in de voorkant

17
00:00:37,540 --> 00:00:42,840
van mijn computer en als ik ze te verplaatsen,
krijg je de analoge op de computer

18
00:00:42,840 --> 00:00:44,170
en u kunt dit te analyseren.

19
00:00:44,170 --> 00:00:46,230
U kunt gebaren te maken.

20
00:00:46,230 --> 00:00:49,176
U kunt uw handen te gebruiken om
interactie met de computer

21
00:00:49,176 --> 00:00:50,300
in nieuwe en interessante manier.

22
00:00:50,300 --> 00:00:55,550

23
00:00:55,550 --> 00:00:57,520
>> Nou, ik eigenlijk voor het eerst
willen laten doorgaan naar Armi

24
00:00:57,520 --> 00:01:00,400
aan te tonen u een aantal leuke demo van wat
sommige mensen hebben gedaan met dit.

25
00:01:00,400 --> 00:01:02,816
En dan gaan we praten over hoe
je eigenlijk coderen met dit.

26
00:01:02,816 --> 00:01:04,800
ARMAGHAN BEHLUM: Ja.

27
00:01:04,800 --> 00:01:05,300
Hello.

28
00:01:05,300 --> 00:01:08,870
Dus zoals we zagen, weinig
gegevens hier, maar laten we eens kijken

29
00:01:08,870 --> 00:01:11,680
wat sommige mensen hebben gedaan met dit.

30
00:01:11,680 --> 00:01:15,130
Dus laat me gewoon openstellen dit voorbeeld.

31
00:01:15,130 --> 00:01:20,770
En dan, dus, bijvoorbeeld, je kunt zien
mijn hand analoge daar, maar nu deze keer

32
00:01:20,770 --> 00:01:26,680
sommige mensen met behulp van Unity hebben
besloten om een ​​beetje meer huid gezet

33
00:01:26,680 --> 00:01:28,670
en spullen rond de kant.

34
00:01:28,670 --> 00:01:35,900
Dus ik kan, laten we gaan met deze,
zeker, heb mijn handen interactie.

35
00:01:35,900 --> 00:01:41,050
En kun je waarschijnlijk denken aan een
paar andere leuke nuttige dingen

36
00:01:41,050 --> 00:01:42,840
dat je kunt doen met deze.

37
00:01:42,840 --> 00:01:45,530
Dus dit is ten minste één voorbeeld.

38
00:01:45,530 --> 00:01:48,910
En dan laten we springen uit dit.

39
00:01:48,910 --> 00:01:56,590
>> En dan nog een koele één
is, laten we gaan met deze.

40
00:01:56,590 --> 00:01:58,390
Plasmo bal.

41
00:01:58,390 --> 00:02:03,510
Nogmaals, zouden we niet per se
verwachten dat dit niveau van complexiteit

42
00:02:03,510 --> 00:02:06,450
uit een afstudeerproject voor CS50.

43
00:02:06,450 --> 00:02:10,029
Dit is gewoon om te laten zien
een aantal van de, geven jullie

44
00:02:10,029 --> 00:02:14,570
een beetje inspiratie voor wat
jullie kunnen doen met Leap Motion.

45
00:02:14,570 --> 00:02:20,500
Dus bijvoorbeeld hier is een koele
natuurkunde bijvoorbeeld, die daar gaan we.

46
00:02:20,500 --> 00:02:24,305
Heeft mijn beide handen, zodat je nu
hebben deze kleine plasma bal.

47
00:02:24,305 --> 00:02:31,030
En de bal reageert op de fysica
van mij bewegen mijn hand rond de bal.

48
00:02:31,030 --> 00:02:36,920
Nu is dit alles echter met behulp van Unity,
behulp soort tools en frameworks

49
00:02:36,920 --> 00:02:39,510
dat we niet hebben geleerd
jullie in de klas,

50
00:02:39,510 --> 00:02:46,590
maar zoals je kunt een aantal mooie zien
koele keer doorlopen met dat.

51
00:02:46,590 --> 00:02:51,750
>> Maar één ding dat jullie kunnen doen
wegrijden nu met Leap Motion

52
00:02:51,750 --> 00:02:53,260
is het werk in JavaScript.

53
00:02:53,260 --> 00:02:58,960
Leap Motion heeft een JavaScript API die
jullie kunnen gebruiken en we zeer, zeer

54
00:02:58,960 --> 00:03:02,040
raden jullie bouwen
uw projecten met behulp van dat.

55
00:03:02,040 --> 00:03:04,350
Dus met dat, laat me
passeert het terug af naar Tomas

56
00:03:04,350 --> 00:03:06,582
om te praten over Leap
Motion en JavaScript.

57
00:03:06,582 --> 00:03:07,415
TOMAS REIMERS: Cool.

58
00:03:07,415 --> 00:03:09,230
Of wilt u zien
hen de Visualizer eerste?

59
00:03:09,230 --> 00:03:09,670
>> ARMAGHAN BEHLUM: Oh ja.

60
00:03:09,670 --> 00:03:10,170
Ja.

61
00:03:10,170 --> 00:03:11,900
Laten we praten over dat Visualizer.

62
00:03:11,900 --> 00:03:14,983
>> TOMAS REIMERS: Dus op een meest elementaire
niveau, als je eerst naar Leap Motion

63
00:03:14,983 --> 00:03:16,940
je gaat aan de box hebben.

64
00:03:16,940 --> 00:03:18,330
Hier willen me om controle te nemen?

65
00:03:18,330 --> 00:03:19,180
>> ARMAGHAN BEHLUM: Ja, ga ervoor.

66
00:03:19,180 --> 00:03:20,530
>> TOMAS REIMERS: Dus als u
eerst naar Leap Motion

67
00:03:20,530 --> 00:03:21,780
je gaat aan de box hebben.

68
00:03:21,780 --> 00:03:24,460
Het heeft een inrichting die
ziet er iets als dit.

69
00:03:24,460 --> 00:03:28,990
Je sluit hem aan op uw computer,
de benodigde drivers te installeren,

70
00:03:28,990 --> 00:03:30,950
en dan zal het in principe worden opgezet.

71
00:03:30,950 --> 00:03:34,160
Dus de makkelijkste manier om te sorteren
van de deal met Leap Motion

72
00:03:34,160 --> 00:03:39,240
wordt het openstellen van dit programma installeert
riep de Leap Motion Visualizer.

73
00:03:39,240 --> 00:03:41,490
En de Visualizer is letterlijk
wat ik hier laten zien.

74
00:03:41,490 --> 00:03:45,340
Het staat u toe om het te zien
skelet schets van je handen.

75
00:03:45,340 --> 00:03:49,940
En wat de Leap Motion
wordt ze interpreteren als.

76
00:03:49,940 --> 00:03:53,750
Dus de Leap Motion maakt gebruik van de camera
voor het sorteren van kijken naar je handen

77
00:03:53,750 --> 00:03:59,176
en dan probeert te raden wat de
basic skelet samenstelling die u

78
00:03:59,176 --> 00:04:00,460
ziet op het scherm is.

79
00:04:00,460 --> 00:04:01,669
En dat is wat het toont u.

80
00:04:01,669 --> 00:04:03,418
ARMAGHAN BEHLUM: Elke
enkele weinig zin

81
00:04:03,418 --> 00:04:06,580
en wat je ziet is er
gegevens die beschikbaar is voor jullie

82
00:04:06,580 --> 00:04:07,270
ook te gebruiken.

83
00:04:07,270 --> 00:04:09,670
Zo zie je maar dat het
vastleggen dat Tomas

84
00:04:09,670 --> 00:04:12,160
vijf vingers, elk
deze verschillende vingers

85
00:04:12,160 --> 00:04:17,110
zijn ook beschikbaar voor u als data
punten voor ongeacht applicatie

86
00:04:17,110 --> 00:04:18,256
die je zou willen.

87
00:04:18,256 --> 00:04:20,339
Als u wilt zien of
iemand doet een thumbs up

88
00:04:20,339 --> 00:04:23,860
u als hun vingers kunnen zien
zijn gekruld en of ze

89
00:04:23,860 --> 00:04:25,850
duim vinger wijst
boven, of indien

90
00:04:25,850 --> 00:04:30,037
hun pols of handpalm
en dat soort dingen.

91
00:04:30,037 --> 00:04:30,870
TOMAS REIMERS: Cool.

92
00:04:30,870 --> 00:04:35,186
Dus je kunt een aantal gebaren zien
begrijpt beter dan anderen.

93
00:04:35,186 --> 00:04:38,310
Vergeet niet, dat het kijken naar je
de hand uit naar een camera van de bodem,

94
00:04:38,310 --> 00:04:41,630
dus als je hebt je handen als
Dit begrijpt hen volledig,

95
00:04:41,630 --> 00:04:44,509
maar als je eenmaal begint te proberen en doen een
duimen omhoog, soms is het leest,

96
00:04:44,509 --> 00:04:47,550
soms kan het raden, maar eerlijk gezegd
de camera kan het gewoon niet zien van de duim.

97
00:04:47,550 --> 00:04:49,810
Dus het is niet echt
zeker wat er gebeurt.

98
00:04:49,810 --> 00:04:54,910
Slechts enkele beperkingen in gedachten te houden
als je te ontwikkelen met dit.

99
00:04:54,910 --> 00:04:56,540
>> Hoe dan ook, dus ga terug naar deze.

100
00:04:56,540 --> 00:04:59,040
De Visualizer eigenlijk
heeft veel handige tools.

101
00:04:59,040 --> 00:05:01,780
Dus de Leap Motion is
geprogrammeerd zodanig

102
00:05:01,780 --> 00:05:04,280
dat ze je niet verwachten
interageren met dat beeldgegevens.

103
00:05:04,280 --> 00:05:06,230
Ze doen niet echt
verwachten dat u begrijpt

104
00:05:06,230 --> 00:05:08,060
wat er gebeurt achter de schermen.

105
00:05:08,060 --> 00:05:11,620
Wat ze doen is bloot
een bos van API's voor u

106
00:05:11,620 --> 00:05:13,420
zodanig dat u kunt
interageren met deze gegevens

107
00:05:13,420 --> 00:05:18,400
direct zonder te begrijpen
wat er onder de motorkap.

108
00:05:18,400 --> 00:05:27,790
>> Dus als we geraakt H hier in de Visualizer
zie je een heleboel opties.

109
00:05:27,790 --> 00:05:35,450
Het belangrijkste is hier wel
is als je O geraakt en vervolgens sloeg H,

110
00:05:35,450 --> 00:05:38,080
je zult zien dat het
laat je gebaren te tekenen.

111
00:05:38,080 --> 00:05:43,380
Dus een gebaar, zult u zien
het trekt een pijl dwars.

112
00:05:43,380 --> 00:05:47,010
Een gebaar is een van de manieren waarop Leap
Motion soort kunt u krijgen bij de gegevens

113
00:05:47,010 --> 00:05:48,462
zonder deze te verwerken.

114
00:05:48,462 --> 00:05:51,170
Dus in plaats van mij te moeten uitzoeken
uit, oh, was de hand bewoog,

115
00:05:51,170 --> 00:05:54,970
zelfs als ik punt toegang, de
API zal een soort van mij gewoon vertellen,

116
00:05:54,970 --> 00:05:56,380
hey, maakten ze dit gebaar.

117
00:05:56,380 --> 00:05:58,920
Dus je kunt eenvoudige pijl gebaren te maken.

118
00:05:58,920 --> 00:06:00,590
U kunt cirkel gebaren maken.

119
00:06:00,590 --> 00:06:03,530
U kunt maken tikken gebaren.

120
00:06:03,530 --> 00:06:07,630
En u kunt toetsaanslag gebaren te maken.

121
00:06:07,630 --> 00:06:09,394
Yeah.

122
00:06:09,394 --> 00:06:10,800
En dat soort dingen.

123
00:06:10,800 --> 00:06:14,370
Dus nu dat we hebben een soort van
gezien wat Leap Motion kan doen,

124
00:06:14,370 --> 00:06:17,792
je kunt zien dat het kan lezen een
heleboel gebaren.

125
00:06:17,792 --> 00:06:19,500
Ik denk dat ik ga
doorgeven terug naar Armi

126
00:06:19,500 --> 00:06:22,300
en hij gaat praten over hoe
je krijgt bij deze met JavaScript,

127
00:06:22,300 --> 00:06:24,520
hoe je ook een project met deze beginnen.

128
00:06:24,520 --> 00:06:27,724
En dan gaan we praten over een aantal
koele plekken waar je kunt gaan met dat.

129
00:06:27,724 --> 00:06:28,640
ARMAGHAN BEHLUM: Ja.

130
00:06:28,640 --> 00:06:29,300
Klinkt goed.

131
00:06:29,300 --> 00:06:31,950
Dus ja, het eerste wat we
zal willen dat je doet natuurlijk,

132
00:06:31,950 --> 00:06:37,170
is nadat je de Leap Motion is om
ga naar leapmotion.com, opzetten, installeren

133
00:06:37,170 --> 00:06:38,420
de chauffeurs en spullen.

134
00:06:38,420 --> 00:06:42,520
Na het doen van dat u kunt gaan
zorg ervoor dat deze is aangesloten.

135
00:06:42,520 --> 00:06:46,910
Als je in je kleine lade van de
Leap Motion icoon en het is groen,

136
00:06:46,910 --> 00:06:48,640
dan weet je dat je bent klaar.

137
00:06:48,640 --> 00:06:53,710
En controleer natuurlijk precies wat
Tomas net liet zien met de gebaren

138
00:06:53,710 --> 00:06:59,320
en het doen van het tikken op het scherm, en
key kranen, en dat soort dingen.

139
00:06:59,320 --> 00:07:02,180
>> Daarna hoewel wij,
nogmaals, zoals ik al zei,

140
00:07:02,180 --> 00:07:06,530
hebben we toegang tot al deze
dingen in JavaScript ook.

141
00:07:06,530 --> 00:07:09,020
De ideale set up die
We zouden u adviseren

142
00:07:09,020 --> 00:07:16,440
jongens is in te gaan uw
vhost directory, lokale host,

143
00:07:16,440 --> 00:07:19,340
publiek in uw CS50 apparaat.

144
00:07:19,340 --> 00:07:24,790
En als je daar heen te gaan wat je zult
zien is een index dot HTML-bestand.

145
00:07:24,790 --> 00:07:28,180
Nu index dot
HTML-bestand of index dot

146
00:07:28,180 --> 00:07:32,740
PHP-bestand, welke is
prima, wat kunt u dan doen

147
00:07:32,740 --> 00:07:35,150
is ga naar uw belangrijkste besturingssysteem.

148
00:07:35,150 --> 00:07:38,650
En als je naar het IP-adres
dat is opgenomen in de rechterbenedenhoek

149
00:07:38,650 --> 00:07:45,180
hoek van uw apparaat hier,
zoals je kunt zien, wat gebeurt er dan

150
00:07:45,180 --> 00:07:51,240
wordt u naar de pagina die is
verwezen door die index dot HTML-bestand.

151
00:07:51,240 --> 00:07:56,610
Dus alle code die u misschien in te zetten
er wordt verzonden en is bruikbaar hier.

152
00:07:56,610 --> 00:07:58,960
>> TOMAS REIMERS: Dus het is ook
belangrijke enkel voor verwijzing

153
00:07:58,960 --> 00:08:06,554
dat als jullie eigenlijk weten
hoe je jezelf het opzetten van een server,

154
00:08:06,554 --> 00:08:09,720
of wilt u dit op het wereldwijde zetten
web, je bent van harte welkom om wat dan ook te doen.

155
00:08:09,720 --> 00:08:11,594
Vergeet niet dat deze zijn
gewoon JavaScript-bestanden

156
00:08:11,594 --> 00:08:14,250
en al de Leap verwerking
wordt gedaan op de client.

157
00:08:14,250 --> 00:08:16,510
Dus het maakt eigenlijk niet uit
waar uw server levens

158
00:08:16,510 --> 00:08:19,660
zolang de computer
u bekijkt de website op

159
00:08:19,660 --> 00:08:22,024
heeft Leap Motion geïnstalleerd.

160
00:08:22,024 --> 00:08:23,190
ARMAGHAN BEHLUM: Absoluut.

161
00:08:23,190 --> 00:08:25,680
Zoals Tomas zei, ja,
wat werkt voor jullie.

162
00:08:25,680 --> 00:08:28,570
Dit is slechts een van onze aanbevelingen.

163
00:08:28,570 --> 00:08:31,660
Nu aan de slag met Leap
Motion wat u zou doen

164
00:08:31,660 --> 00:08:36,640
wordt u zou importeren
JavaScript-bestand van Leap Motion.

165
00:08:36,640 --> 00:08:39,610
En dan vanaf daar wat
je kunt doen is, op dit moment

166
00:08:39,610 --> 00:08:44,250
Ik heb net deze paragraaf
tag opgezet met een ID van de tekst.

167
00:08:44,250 --> 00:08:48,690
Dingen die we zouden aanbevelen
instelt controlleropties

168
00:08:48,690 --> 00:08:52,012
voor Leap Motion met de
staat gebaren om waar te zijn.

169
00:08:52,012 --> 00:08:53,970
Dus standaard die
gebaren die toonden wij u

170
00:08:53,970 --> 00:08:57,010
jongens, de cirkel, en de
sleutel tap, en de swipes,

171
00:08:57,010 --> 00:09:00,330
deze worden niet getoond
jullie standaard.

172
00:09:00,330 --> 00:09:04,450
Maar we raden het gebruik van deze
zodat je niet het wiel opnieuw uitvinden.

173
00:09:04,450 --> 00:09:09,489
Het mogelijk maken om waar, het passeren van deze
controller opties om dot lus springen

174
00:09:09,489 --> 00:09:10,530
en je bent klaar om te gaan.

175
00:09:10,530 --> 00:09:13,270
Want dan hoef je alleen
een anonieme functie gedefinieerd

176
00:09:13,270 --> 00:09:16,910
dat zal plaatsvinden in een
frame uit Leap Motion

177
00:09:16,910 --> 00:09:21,150
en dat frame heeft alle
informatie die u gaat nodig hebben.

178
00:09:21,150 --> 00:09:25,310
>> TOMAS REIMERS: Dus gewoon naar
recap, heb je één object.

179
00:09:25,310 --> 00:09:28,250
U hebt deze functie
riep sprong dot lus.

180
00:09:28,250 --> 00:09:30,460
En noem je het met twee argumenten.

181
00:09:30,460 --> 00:09:33,134
Jullie noemen het met een,
de controller opties.

182
00:09:33,134 --> 00:09:35,300
En er zijn een heleboel
opties die u kunt daar zetten.

183
00:09:35,300 --> 00:09:38,170
De ene we gaan
benadrukken is mogelijk gebaren.

184
00:09:38,170 --> 00:09:41,230
En als je instellen dat gelijk is aan waar is dan
U kunt de toegang op deze gebaren te krijgen

185
00:09:41,230 --> 00:09:42,940
dat wij u toonde in de Visualizer.

186
00:09:42,940 --> 00:09:47,500
>> En dan het tweede argument is een
functie, het is net zoiets als een telefoontje terug

187
00:09:47,500 --> 00:09:53,010
die zal elke heten
tijd elk frame van de Sprong,

188
00:09:53,010 --> 00:09:57,340
dus elke keer sprong registers die
je hand zet, het heeft een nieuw frame.

189
00:09:57,340 --> 00:10:02,130
En deze functie met één noemt
argument, dat het object frame.

190
00:10:02,130 --> 00:10:05,909
En dat frame object beschrijft
het frame als Leap ziet.

191
00:10:05,909 --> 00:10:06,950
ARMAGHAN BEHLUM: Precies.

192
00:10:06,950 --> 00:10:10,450
Dus dit bevat alle nuttige
stukjes en beetjes van informatie

193
00:10:10,450 --> 00:10:12,550
dat we hadden het over vroeger.

194
00:10:12,550 --> 00:10:18,010
Controleren kader dot gebaren
is een reeks van gebaren

195
00:10:18,010 --> 00:10:23,680
dat de sprong beweging gevangen uw
handen doet in de laatste frame.

196
00:10:23,680 --> 00:10:26,470
Dus bijvoorbeeld, waar we
hier doen is dat we de controle,

197
00:10:26,470 --> 00:10:31,820
hey, Sprong, in dat laatste frame deed
u gebaren die ik deed vangen?

198
00:10:31,820 --> 00:10:36,350
En zo ja, wat we ook besluit te doen
wordt doorlopen die gebaren

199
00:10:36,350 --> 00:10:39,760
en proberen en krijgen een aantal nuttige
informatie van hen.

200
00:10:39,760 --> 00:10:44,290
Elk gebaar heeft een unieke
ID die ermee verbonden zijn.

201
00:10:44,290 --> 00:10:46,280
Ze hebben types.

202
00:10:46,280 --> 00:10:50,220
U kunt kijken naar welke vingers
betrokken waren bij de gebaren

203
00:10:50,220 --> 00:10:52,770
door het controleren van deze richtbare spul.

204
00:10:52,770 --> 00:10:56,490
Dus als wanneer je door de
Leap Motion JavaScript API spul,

205
00:10:56,490 --> 00:10:59,630
wanneer zij pointables noemen,
ze praten over deze vingers.

206
00:10:59,630 --> 00:11:04,480
En handen, natuurlijk
de hele hand object.

207
00:11:04,480 --> 00:11:05,210
>> Wat anders?

208
00:11:05,210 --> 00:11:08,630
U kunt controleren hoe lang
de motie ging over

209
00:11:08,630 --> 00:11:11,640
voor en, ja, al die nuttige dingen.

210
00:11:11,640 --> 00:11:16,490
Dus wat ik nu doe
hier wordt ik ingelogd zijn het frame,

211
00:11:16,490 --> 00:11:24,350
en dan heb ik mijn HTML updaten om weer te geven
al deze stukjes informatie

212
00:11:24,350 --> 00:11:25,820
van het frame.

213
00:11:25,820 --> 00:11:28,010
Dus laten we dat nagaan.

214
00:11:28,010 --> 00:11:29,440
>> Dus hier is het.

215
00:11:29,440 --> 00:11:34,730
Hier is de index dot HTML-bestand.

216
00:11:34,730 --> 00:11:38,560
En als je net zag, toen ik net verhuisd
mijn hand Leap ving een cirkel beweging.

217
00:11:38,560 --> 00:11:44,960
Zodat u kunt zien me het doen van een cirkel over
hier, werkt met cirkel informatie.

218
00:11:44,960 --> 00:11:48,332
Doet jat, vangt jat.

219
00:11:48,332 --> 00:11:49,290
Laten we proberen een tabblad te vinden.

220
00:11:49,290 --> 00:11:50,090
Daar gaan we.

221
00:11:50,090 --> 00:11:52,370
Scherm kraan en een sleutel kraan.

222
00:11:52,370 --> 00:11:55,040
Dus sleutel kranen ook, door de
Zo zijn wanneer je geraakt beneden.

223
00:11:55,040 --> 00:11:57,260
Zodat u zich kunt voorstellen
misschien is het spelen van een piano.

224
00:11:57,260 --> 00:11:59,869
>> En dan tikken op het scherm zijn
wanneer u het scherm raken.

225
00:11:59,869 --> 00:12:02,910
Dus je kunt misschien eigenlijk voorstellen dat u
hebben een touchscreen aan de voorkant van je

226
00:12:02,910 --> 00:12:05,190
en je bent het raken van de aanraking
scherm voor je.

227
00:12:05,190 --> 00:12:08,470
En dan kunnen we pak een
van deze objecten in hier.

228
00:12:08,470 --> 00:12:12,960
Dus onthoud ik zei dat ik was
het passeren van het frame in de console log.

229
00:12:12,960 --> 00:12:17,160
En zo kunnen we controleren alles uit de
stukjes en beetjes van informatie

230
00:12:17,160 --> 00:12:22,500
die beschikbaar zijn in
dat frame ook te gebruiken.

231
00:12:22,500 --> 00:12:26,320
>> Zoals ik al eerder zei,
pointables zijn vingertoppen.

232
00:12:26,320 --> 00:12:30,260
Op dat moment hadden we niet onze
handen in de voorkant van de Leap Motion

233
00:12:30,260 --> 00:12:32,010
dus het geregistreerde nul,
maar dit is hoe je

234
00:12:32,010 --> 00:12:35,980
zou beginnen om misschien te weten komen
Hoeveel vingers het scherm.

235
00:12:35,980 --> 00:12:37,810
En dat soort informatie.

236
00:12:37,810 --> 00:12:40,060
TOMAS REIMERS: En herinneren
dit is gewoon een object.

237
00:12:40,060 --> 00:12:42,185
Dus alles kan worden benaderd
als een soort struct

238
00:12:42,185 --> 00:12:45,540
in C. Je hebt het object
noem dot de naam van de eigenschap.

239
00:12:45,540 --> 00:12:48,830
En dan binnen die je hebt
arrays en je hebt andere objecten,

240
00:12:48,830 --> 00:12:50,850
maar vergeet niet het is gewoon een object.

241
00:12:50,850 --> 00:12:53,788
Er is niets bijzonders
omdat we met behulp van Leap.

242
00:12:53,788 --> 00:12:54,704
ARMAGHAN BEHLUM: Ja.

243
00:12:54,704 --> 00:12:56,544
Cool.

244
00:12:56,544 --> 00:12:58,710
Moeten we uitchecken een paar
van JavaScript voorbeelden?

245
00:12:58,710 --> 00:13:05,070

246
00:13:05,070 --> 00:13:07,810
>> TOMAS REIMERS: Dus
snel vergeten dat we

247
00:13:07,810 --> 00:13:12,470
zei dat Leap daadwerkelijk kan
uitgevoerd op een website.

248
00:13:12,470 --> 00:13:15,250
LeapJS is gewoon geserveerd aan een cliënt.

249
00:13:15,250 --> 00:13:19,850
En dus mee als de klant heeft
Leap Motion bevestigd dat het zal werken.

250
00:13:19,850 --> 00:13:22,540
Dus Leap Motion heeft een
website waar mensen

251
00:13:22,540 --> 00:13:24,540
hun voorbeelden delen
van de dingen die ze hebben gemaakt.

252
00:13:24,540 --> 00:13:26,623
Dus we gaan gewoon om te gaan
door een paar van hen

253
00:13:26,623 --> 00:13:29,980
om te zien wat er mogelijk is vóór
duiken in meer details over de manier waarop

254
00:13:29,980 --> 00:13:32,510
het is mogelijk.

255
00:13:32,510 --> 00:13:33,346
Zo

256
00:13:33,346 --> 00:13:34,470
ARMAGHAN BEHLUM: Laten we eens kijken.

257
00:13:34,470 --> 00:13:36,136
TOMAS REIMERS: Nu is het zou moeten werken.

258
00:13:36,136 --> 00:13:38,520
ARMAGHAN BEHLUM: Dus nu
voordat we een voorbeeld zagen

259
00:13:38,520 --> 00:13:45,280
met behulp van Unity dat onze handen gerenderd
met mooie indrukwekkende grafische skins,

260
00:13:45,280 --> 00:13:50,200
maar nu je kunt zien kun je het doen
zelfde ding in een webbrowser.

261
00:13:50,200 --> 00:13:54,640
Dit is allemaal in Chrome
alleen met behulp van JavaScript.

262
00:13:54,640 --> 00:13:57,460
En dan de andere leuke
ding is als je wilt

263
00:13:57,460 --> 00:14:02,610
om te weten hoe ze dit deden,
de voorbeelden op JavaScript

264
00:14:02,610 --> 00:14:07,540
omvatten ook code opties die
u kunt controleren en dan zien

265
00:14:07,540 --> 00:14:12,570
hoe deze persoon werd grijpen
handen en codes en dergelijke.

266
00:14:12,570 --> 00:14:16,730
>> Dus dat is alles wat je kunt vinden
bij developer.leapmotion.com.

267
00:14:16,730 --> 00:14:20,810
U kunt gaan en uitchecken JavaScript
voorbeelden die ze daar hebben.

268
00:14:20,810 --> 00:14:23,280
Dus ja.

269
00:14:23,280 --> 00:14:25,205
Hier zijn deze, oeps sorry.

270
00:14:25,205 --> 00:14:27,680
Laten we dat nog eens proberen.

271
00:14:27,680 --> 00:14:29,002
Oh.

272
00:14:29,002 --> 00:14:29,960
Ik heb twee rechter handen.

273
00:14:29,960 --> 00:14:32,540

274
00:14:32,540 --> 00:14:34,380
Dus ja.

275
00:14:34,380 --> 00:14:37,440
>> TOMAS REIMERS: Zo en weer,
herinner me soms Leap messes up.

276
00:14:37,440 --> 00:14:40,790
Geef het gewoon een tweede.

277
00:14:40,790 --> 00:14:42,784
Het is niet perfect, maar het is vrij goed.

278
00:14:42,784 --> 00:14:44,700
ARMAGHAN BEHLUM: Eén
andere aanbeveling ook

279
00:14:44,700 --> 00:14:48,780
is om het niet te doen in direct zonlicht.

280
00:14:48,780 --> 00:14:51,260
Dus de manier Leap Motion
werken is, eigenlijk

281
00:14:51,260 --> 00:14:54,500
als ik op de camera dit
als goed, infrarood licht.

282
00:14:54,500 --> 00:14:57,375
Dus het stuurt deze naar buiten en vervolgens
leest ze als ze terug komen.

283
00:14:57,375 --> 00:14:59,250
Dus als je probeert te
doe het direct zonlicht,

284
00:14:59,250 --> 00:15:01,610
bijvoorbeeld, is het waarschijnlijk
niet gaan werken,

285
00:15:01,610 --> 00:15:05,850
of het gaat om eisen
wat calibratie te doen.

286
00:15:05,850 --> 00:15:10,450
>> Ook een andere aanbeveling is om
de ruimte achter de Sprong te wissen

287
00:15:10,450 --> 00:15:12,740
en aan de voorzijde van de Sprong.

288
00:15:12,740 --> 00:15:15,520
Zie het als het werken
binnenkant van een koepel die

289
00:15:15,520 --> 00:15:18,360
rond deze Leap Motion-object.

290
00:15:18,360 --> 00:15:20,550
Als er dingen recht
achter het net zo goed,

291
00:15:20,550 --> 00:15:24,740
dat gaat ook bemoeien
met de manier waarop de Leap Motion's proberen

292
00:15:24,740 --> 00:15:26,690
om uw hand te herkennen
en dat soort dingen.

293
00:15:26,690 --> 00:15:30,010
>> Dus, bijvoorbeeld, ik denk dat in dit
geval is het mijn laptop eigenlijk

294
00:15:30,010 --> 00:15:34,351
dat is een soort van het maken van de Leap Motion.

295
00:15:34,351 --> 00:15:35,100
Ja, daar gaan we.

296
00:15:35,100 --> 00:15:41,021
Dus als ik duidelijk uit mijn laptop uit
daarachter de kant te laten zien vrij goed.

297
00:15:41,021 --> 00:15:41,520
Dus ja.

298
00:15:41,520 --> 00:15:42,061
Er is dat.

299
00:15:42,061 --> 00:15:44,650

300
00:15:44,650 --> 00:15:46,417
Dus wat deden we laten zien.

301
00:15:46,417 --> 00:15:48,250
TOMAS REIMERS: Ik denk dat
Nu zou de tijd

302
00:15:48,250 --> 00:15:52,039
voor het sorteren van de duik in en laten we gewoon
maak een demo helemaal vanaf nul.

303
00:15:52,039 --> 00:15:53,330
Het gaat heel eenvoudig te zijn.

304
00:15:53,330 --> 00:15:55,250
Eigenlijk wat we gaan
om te proberen te doen is het

305
00:15:55,250 --> 00:15:58,570
zodat wanneer u uw hand, het vegen
achtergrond gaat om te beginnen als rood,

306
00:15:58,570 --> 00:16:01,361
en als je je hand vegen, de
achtergrond gaat om groen te worden.

307
00:16:01,361 --> 00:16:01,970
OK?

308
00:16:01,970 --> 00:16:03,709
Echt eenvoudig.

309
00:16:03,709 --> 00:16:05,750
En het is eigenlijk gewoon
gaan om te gaan door een veel

310
00:16:05,750 --> 00:16:08,360
van de concepten achter
Sprong, zodat we kunnen

311
00:16:08,360 --> 00:16:12,630
krijgen in deze ideologie van hoe Leap werkt
en hoe kunnen we dingen te bouwen met dat.

312
00:16:12,630 --> 00:16:16,760
En dan vanaf daar we zullen
waarschijnlijk gewoon je laten zien

313
00:16:16,760 --> 00:16:19,710
de API documentatie en waar u
kan hier meer over lezen.

314
00:16:19,710 --> 00:16:21,030
En dan zullen we het dag noemen.

315
00:16:21,030 --> 00:16:24,294
Dus wil je code of
wil je dat ik aan de code?

316
00:16:24,294 --> 00:16:25,210
ARMAGHAN BEHLUM: Ja.

317
00:16:25,210 --> 00:16:28,350
Nou, ik denk dat we kunnen werken
samen op deze en probeer

318
00:16:28,350 --> 00:16:30,292
>> TOMAS REIMERS: Dus we zullen
doe wat pair codering.

319
00:16:30,292 --> 00:16:31,500
ARMAGHAN BEHLUM: Daar gaan we.

320
00:16:31,500 --> 00:16:33,250
Dat is precies wat ik
wilden uitchecken.

321
00:16:33,250 --> 00:16:34,700
Cool.

322
00:16:34,700 --> 00:16:38,750
Dus bijvoorbeeld hier, laten we eens kijken.

323
00:16:38,750 --> 00:16:40,979
Terwijl we itereren
door de gebaren al,

324
00:16:40,979 --> 00:16:43,270
TOMAS REIMERS: Wilt u ervoor
gewoon een volledig nieuw bestand?

325
00:16:43,270 --> 00:16:43,870
ARMAGHAN BEHLUM: Geheel nieuw bestand?

326
00:16:43,870 --> 00:16:44,246
Ja tuurlijk.

327
00:16:44,246 --> 00:16:45,000
>> TOMAS REIMERS: Ja.

328
00:16:45,000 --> 00:16:45,920
>> ARMAGHAN BEHLUM: Dus laten we dat doen.

329
00:16:45,920 --> 00:16:48,253
>> TOMAS REIMERS: Dus we gaan
te maken van een volledig dossier.

330
00:16:48,253 --> 00:16:51,290
We noemen het overhandigen dot HTML.

331
00:16:51,290 --> 00:16:52,670
Dat is cool met mij.

332
00:16:52,670 --> 00:16:59,020
Dus onthoud je een HTML-tag,
vervolgens binnen dat u een hoofd.

333
00:16:59,020 --> 00:17:02,982
Dat hoofd heeft een titel binnen het.

334
00:17:02,982 --> 00:17:04,349
Dus tabblad andersom.

335
00:17:04,349 --> 00:17:05,589
Daar ga je.

336
00:17:05,589 --> 00:17:09,359
Titel, wij noemen het Leap Voorbeeld.

337
00:17:09,359 --> 00:17:12,163
Yep.

338
00:17:12,163 --> 00:17:13,540
>> ARMAGHAN BEHLUM: Oeps.

339
00:17:13,540 --> 00:17:14,040
Titel.

340
00:17:14,040 --> 00:17:14,474
>> TOMAS REIMERS: Yep.

341
00:17:14,474 --> 00:17:15,776
>> ARMAGHAN BEHLUM: Daar zijn we.

342
00:17:15,776 --> 00:17:18,180
>> TOMAS REIMERS: En
dan laten we maken een lichaam.

343
00:17:18,180 --> 00:17:20,852
>> ARMAGHAN BEHLUM: Wacht, laten we
Ook zorg ervoor dat u wilt importeren.

344
00:17:20,852 --> 00:17:22,060
TOMAS REIMERS: Oh, natuurlijk.

345
00:17:22,060 --> 00:17:22,560
Mijn fout.

346
00:17:22,560 --> 00:17:28,700
Dus altijd voor zorgen dat je de Leap
script dus dat is een script aan u gegeven

347
00:17:28,700 --> 00:17:31,810
door Leap Motion die in feite
Hiermee kan de webbrowser aan te sluiten

348
00:17:31,810 --> 00:17:35,580
het apparaat op de computer van de gebruiker.

349
00:17:35,580 --> 00:17:38,510
En in dit ook
een orgaan nodig hebben en laten we gewoon

350
00:17:38,510 --> 00:17:40,580
maken het lichaam say hi dus
dat we de leerlingen kunnen laten zien

351
00:17:40,580 --> 00:17:42,704
hoe aan te sluiten op deze nieuwe
webpagina die ze maakte.

352
00:17:42,704 --> 00:17:44,260
ARMAGHAN BEHLUM: Tuurlijk.

353
00:17:44,260 --> 00:17:45,724
Dus laten we gewoon another-- zetten

354
00:17:45,724 --> 00:17:48,730
>> TOMAS REIMERS: Hallo, hallo wereld.

355
00:17:48,730 --> 00:17:50,210
Dus een zeer eenvoudig voorbeeld.

356
00:17:50,210 --> 00:17:53,400
Eigenlijk gewoon een demo.

357
00:17:53,400 --> 00:17:58,505
>> ARMAGHAN BEHLUM: En dan in hier zijn we
kan gaan, we noemden het de hand dot HTML,

358
00:17:58,505 --> 00:18:00,000
toch?

359
00:18:00,000 --> 00:18:00,810
En oh!

360
00:18:00,810 --> 00:18:04,310
Dus ik vraag me af wat er mis is
met dit recht nu.

361
00:18:04,310 --> 00:18:07,639
We voegen leesrechten
om dot HTML overhandigen.

362
00:18:07,639 --> 00:18:09,930
TOMAS REIMERS: Wilt u
om het te doen in de grote terminal

363
00:18:09,930 --> 00:18:11,080
zodat we kunnen laten zien dat het op the--

364
00:18:11,080 --> 00:18:12,501
>> ARMAGHAN BEHLUM: Ja, dat is logisch.

365
00:18:12,501 --> 00:18:13,001
Prima.

366
00:18:13,001 --> 00:18:15,720
Dus ik voegde de
toestemmingen, maar als we

367
00:18:15,720 --> 00:18:18,350
waren om te controleren of de
permissies voordat we

368
00:18:18,350 --> 00:18:22,560
zou hebben gezien dat daadwerkelijk de hand
dot HTML had geen leesrechten

369
00:18:22,560 --> 00:18:25,570
en daarom konden we niet maken het.

370
00:18:25,570 --> 00:18:30,850
Maar nu, als we dat doen, zien wij ons
weinig hallo wereld daar.

371
00:18:30,850 --> 00:18:33,580
>> TOMAS REIMERS: Dus laten we eigenlijk,
als hij aan het schrijven was, hello wereld,

372
00:18:33,580 --> 00:18:35,371
Ik dacht na over een manier
konden we dit veranderen.

373
00:18:35,371 --> 00:18:41,150
Laten we het zeggen hallo wereld, en
dan wanneer je zwaaien, het zegt vaarwel.

374
00:18:41,150 --> 00:18:41,650
Rechts?

375
00:18:41,650 --> 00:18:42,210
Dus hallo, tot ziens.

376
00:18:42,210 --> 00:18:42,560
>> ARMAGHAN BEHLUM: Tuurlijk.

377
00:18:42,560 --> 00:18:44,010
>> TOMAS REIMERS: Dat klinkt best goed.

378
00:18:44,010 --> 00:18:45,120
>> ARMAGHAN BEHLUM: Dat
klinkt goed voor mij, ook.

379
00:18:45,120 --> 00:18:46,920
>> TOMAS REIMERS: Dus als we
gaan doen dat gewoon laten

380
00:18:46,920 --> 00:18:48,980
denk dat via de webpagina een beetje.

381
00:18:48,980 --> 00:18:51,800
We gaan een script nodig
die registreert in principe

382
00:18:51,800 --> 00:18:56,470
dat je zwaaide en een Leap,
een golf en een uithaal, hetzelfde.

383
00:18:56,470 --> 00:18:59,584
Dus we gaan naar een script nodig dat
registreert in principe voor dat uithaal.

384
00:18:59,584 --> 00:19:01,500
En een ander ding dat we
gaat nodig hebben is dat we

385
00:19:01,500 --> 00:19:04,360
ga wat nodig
werkelijke gehalte veranderen.

386
00:19:04,360 --> 00:19:07,850
>> Dus als je nog, jQuery
stelt u in staat om de inhoud te wijzigen.

387
00:19:07,850 --> 00:19:13,017
Dus een ding dat we zouden willen behoren
in deze is de jQuery bibliotheek.

388
00:19:13,017 --> 00:19:16,100
En dan kunnen kiezen welke
we daadwerkelijk gaat om de inhoud te veranderen,

389
00:19:16,100 --> 00:19:18,224
dat gaat om een ​​ID nodig
of een klasse, of iets

390
00:19:18,224 --> 00:19:20,100
die we kunnen gebruiken om het te selecteren.

391
00:19:20,100 --> 00:19:25,010
Dus we zullen gewoon geef het een
quick ID van verandering tekst.

392
00:19:25,010 --> 00:19:26,974
En dan wil je jQuery te grijpen?

393
00:19:26,974 --> 00:19:29,890
ARMAGHAN BEHLUM: Dus wat is het eerste
ding op onze lijst te doen dan nu?

394
00:19:29,890 --> 00:19:30,620
TOMAS REIMERS: Laten we grijpen jQuery?

395
00:19:30,620 --> 00:19:32,494
ARMAGHAN BEHLUM: Let's
grijpen jQuery, OK, cool.

396
00:19:32,494 --> 00:19:34,502
In dat geval ga ik
moeten actually--

397
00:19:34,502 --> 00:19:36,210
waar zou zijn de
beste plaats om dat te doen?

398
00:19:36,210 --> 00:19:39,677
>> TOMAS REIMERS: jQuery, dus als je
Google jQuery, raakte jQuery, de eerste

399
00:19:39,677 --> 00:19:41,010
ARMAGHAN BEHLUM: Allereerste één.

400
00:19:41,010 --> 00:19:42,135
TOMAS REIMERS: Of download.

401
00:19:42,135 --> 00:19:42,650
Het is goed.

402
00:19:42,650 --> 00:19:46,482
Hit downloaden V1 en V2 aan de linkerkant.

403
00:19:46,482 --> 00:19:49,190
Dus we beschrijven jQuery uit
online zoals je hebt waarschijnlijk gedaan.

404
00:19:49,190 --> 00:19:50,440
Naar beneden scrollen.

405
00:19:50,440 --> 00:19:51,260
Omhoog, omhoog.

406
00:19:51,260 --> 00:19:53,502
>> ARMAGHAN BEHLUM: Oh, hier nu?

407
00:19:53,502 --> 00:19:54,460
TOMAS REIMERS: Of dat.

408
00:19:54,460 --> 00:19:54,960
Yep.

409
00:19:54,960 --> 00:20:00,150
Dus jQuery heeft een gehoste versie
wat betekent dat je eigenlijk niet doen

410
00:20:00,150 --> 00:20:01,890
nodig om het te downloaden,
maar u meer dan bent

411
00:20:01,890 --> 00:20:07,734
van harte welkom om het te downloaden
en gastheer het zelf.

412
00:20:07,734 --> 00:20:08,650
ARMAGHAN BEHLUM: Cool.

413
00:20:08,650 --> 00:20:09,566
Dus nu hebben we jQuery.

414
00:20:09,566 --> 00:20:11,122
Nu, wat is het volgende op onze lijst te doen.

415
00:20:11,122 --> 00:20:12,080
TOMAS REIMERS: Awesome.

416
00:20:12,080 --> 00:20:13,910
Dus volgende wat we nodig hebben
doen is dat we eigenlijk nodig

417
00:20:13,910 --> 00:20:17,750
p hallo wereld een ID geven
zodat we het kunnen veranderen, toch?

418
00:20:17,750 --> 00:20:24,514
Dus laten we een idee te geven,
Ik weet het niet, de tekst veranderen?

419
00:20:24,514 --> 00:20:26,680
ARMAGHAN BEHLUM: Laten we gewoon
doe het op deze manier, denk ik.

420
00:20:26,680 --> 00:20:28,013
TOMAS REIMERS: changeText, cool.

421
00:20:28,013 --> 00:20:29,830
En laten we nu gewoon de pagina te vernieuwen.

422
00:20:29,830 --> 00:20:31,142
Zorg ervoor dat alles werkt.

423
00:20:31,142 --> 00:20:32,100
Dus terug in de browser.

424
00:20:32,100 --> 00:20:35,820

425
00:20:35,820 --> 00:20:36,922
Cool.

426
00:20:36,922 --> 00:20:39,380
Altijd een goede herinnering dat
als je het bouwen van een website,

427
00:20:39,380 --> 00:20:44,450
waarschijnlijk elke keer dat je te maken vernieuwen
elke enigszins significante verandering net

428
00:20:44,450 --> 00:20:47,993
want soms moet je
per ongeluk een tag te laten vallen,

429
00:20:47,993 --> 00:20:51,640
of je per ongeluk iets verwijdert,
en dan iets kleins te breken je,

430
00:20:51,640 --> 00:20:55,880
maar dan als je een grotere verandering te maken
je bent zoals, waarom heeft deze grote verandering

431
00:20:55,880 --> 00:20:57,910
schijnbaar breken de ongerelateerde zaak.

432
00:20:57,910 --> 00:21:02,840
Dus het is altijd goed om te sorteren van
gaan en doen die sanity controles.

433
00:21:02,840 --> 00:21:05,610
>> Toch dus nu laten we het doen
een laatste sanity check,

434
00:21:05,610 --> 00:21:09,800
die is laten we proberen te veranderen
tekst zonder Leap Motion,

435
00:21:09,800 --> 00:21:11,820
zonder iets, gewoon
Op de pagina te laden het zal

436
00:21:11,820 --> 00:21:17,140
veranderen hallo wereld
afscheid met behulp van jQuery.

437
00:21:17,140 --> 00:21:21,400
Dus als je nog jQuery bloot
Dit dollarteken functie,

438
00:21:21,400 --> 00:21:28,640
die wij CSS selector kunnen doorgeven aan,
namelijk hashtag tekst verandering, die

439
00:21:28,640 --> 00:21:31,590
selecteert het element met
een ID van verandering tekst.

440
00:21:31,590 --> 00:21:34,980
En dan gaan we
de methode HTML bellen

441
00:21:34,980 --> 00:21:40,390
op het object retourneert de
argument van een string afscheid, die

442
00:21:40,390 --> 00:21:45,600
zullen de items veranderen
HTML om afscheid te nemen.

443
00:21:45,600 --> 00:21:46,210
Geweldig.

444
00:21:46,210 --> 00:21:48,790
Dat lijkt me wel cool.

445
00:21:48,790 --> 00:21:52,365
En als we nu vernieuwen
de pagina we gaan zien

446
00:21:52,365 --> 00:21:54,040
Het verandert direct vaarwel, toch?

447
00:21:54,040 --> 00:21:55,910
Omdat het niet wachten voor niets.

448
00:21:55,910 --> 00:21:59,200
Soort van zodra dat script
loopt het verandert het afscheid nemen.

449
00:21:59,200 --> 00:22:00,430
Cool.

450
00:22:00,430 --> 00:22:03,790
>> Dus laten we nu wikkel die in een functie.

451
00:22:03,790 --> 00:22:04,290
Rechts.

452
00:22:04,290 --> 00:22:06,270
Dus we gaan te willen
een functie maken.

453
00:22:06,270 --> 00:22:08,160
We zullen het afscheid noemen.

454
00:22:08,160 --> 00:22:11,570
Dus functie afscheid is
ga geen argumenten te nemen

455
00:22:11,570 --> 00:22:14,170
en het is niet echt
van plan om iets terug te keren.

456
00:22:14,170 --> 00:22:18,850
En het zal alleen maar
dat doen in JavaScript.

457
00:22:18,850 --> 00:22:22,240

458
00:22:22,240 --> 00:22:23,140
Excellent.

459
00:22:23,140 --> 00:22:27,000
Dus nu onze functie vaarwel
verandert de tekst om afscheid te nemen, toch?

460
00:22:27,000 --> 00:22:28,930
Dus dit geeft ons een manier
om in principe verandering

461
00:22:28,930 --> 00:22:32,871
die tekst om afscheid te nemen wanneer
noemden we die functie.

462
00:22:32,871 --> 00:22:33,370
Rechts?

463
00:22:33,370 --> 00:22:35,290
Dus dit is wel cool.

464
00:22:35,290 --> 00:22:37,430
>> ARMAGHAN BEHLUM: Nou, we
kan ook gewoon ervoor zorgen

465
00:22:37,430 --> 00:22:41,040
dat nu omdat we niet te bellen naar de
functie, als we de pagina te vernieuwen,

466
00:22:41,040 --> 00:22:44,460
opmerken dat het niet gaat
om de tekst te veranderen.

467
00:22:44,460 --> 00:22:45,509
>> TOMAS REIMERS: Excellent.

468
00:22:45,509 --> 00:22:47,800
Dus nu gaan we om te beginnen
te krijgen in dat Leap stuff

469
00:22:47,800 --> 00:22:49,880
dat we het over hadden.

470
00:22:49,880 --> 00:22:52,240
Dus Armi, wilt u
neem het vanaf hier of?

471
00:22:52,240 --> 00:22:52,640
>> ARMAGHAN BEHLUM: Ja.

472
00:22:52,640 --> 00:22:53,139
Tuurlijk.

473
00:22:53,139 --> 00:22:56,260
Ik ga waarschijnlijk nodig
om dubbel te controleren dingen,

474
00:22:56,260 --> 00:22:58,250
maar bijvoorbeeld niet vergeten
we zeiden dat we wilden

475
00:22:58,250 --> 00:23:02,627
om ervoor te zorgen dat in Opties
we stellen gebaren

476
00:23:02,627 --> 00:23:03,710
TOMAS REIMERS: Goede vangst.

477
00:23:03,710 --> 00:23:06,250
ARMAGHAN BEHLUM: Om waar zijn.

478
00:23:06,250 --> 00:23:08,960
En toen werden we bevelen
dat jullie zou doen

479
00:23:08,960 --> 00:23:12,230
run sprong dot lus, die
zoals we al eerder zei,

480
00:23:12,230 --> 00:23:18,140
heeft twee opties, een JSON object dat
is de opties voor de manier waarop je wilt

481
00:23:18,140 --> 00:23:22,030
om de Leap Motion configureren om
werk, en dan is een functie die is

482
00:23:22,030 --> 00:23:27,640
gaat om een ​​kader te vangen als een callback
functie als Tomas zei.

483
00:23:27,640 --> 00:23:30,470
En geef dan wat je wilt
te maken met die functie.

484
00:23:30,470 --> 00:23:33,890
>> Dus we pas in de
optie en nu zijn we definiëren

485
00:23:33,890 --> 00:23:36,117
een functie die zal plaatsvinden in een frame.

486
00:23:36,117 --> 00:23:38,200
En nu moeten we definiëren
wat die functie doet.

487
00:23:38,200 --> 00:23:42,569
Het is tevens terwille van de
toekomst, dat doen om ervoor te zorgen.

488
00:23:42,569 --> 00:23:43,610
TOMAS REIMERS: Excellent.

489
00:23:43,610 --> 00:23:45,940
Dus nu hebben we dit
sprong dot loop functie

490
00:23:45,940 --> 00:23:52,420
noemen die in feite zegt kijken Leap
met deze opties en elke keer

491
00:23:52,420 --> 00:23:55,710
iets verandert, noemen dit
functie frame met alle gegevens

492
00:23:55,710 --> 00:23:59,510
dat u zich bewust bent van de in frame.

493
00:23:59,510 --> 00:24:01,320
Klinkt best goed.

494
00:24:01,320 --> 00:24:03,680
Dus nu snel sanity check,
die ik altijd aanraden,

495
00:24:03,680 --> 00:24:07,020
is dat gewoon
console dot log frame.

496
00:24:07,020 --> 00:24:10,320
En dan in Chrome openen
up en kijk naar je console

497
00:24:10,320 --> 00:24:13,870
en spelen met sprong naar de zien
frames worden aangemeld omdat dat wil

498
00:24:13,870 --> 00:24:16,300
krijg je een idee van wat
gegevens heeft u toegang tot.

499
00:24:16,300 --> 00:24:20,680
En zoals altijd als je in de war raken,
opzoeken van de API-referentie.

500
00:24:20,680 --> 00:24:23,430
En we zijn onder de link
voor dat aan het eind van deze.

501
00:24:23,430 --> 00:24:26,300
>> ARMAGHAN BEHLUM: Dus we
Vernieuw de pagina en dan

502
00:24:26,300 --> 00:24:28,880
we gaan weer openstellen van de console.

503
00:24:28,880 --> 00:24:33,590
En nu merken we dat we
met frames doorgegeven,

504
00:24:33,590 --> 00:24:37,834
deze kleine objecten die we eerder zagen.

505
00:24:37,834 --> 00:24:38,690
Dus ja.

506
00:24:38,690 --> 00:24:42,870
Dit zijn onze frames
weergegeven in de console.

507
00:24:42,870 --> 00:24:43,370
Cool.

508
00:24:43,370 --> 00:24:46,970
>> Dus nu dat we pakte de
frames, zoals je misschien eerder herinneren

509
00:24:46,970 --> 00:24:51,800
uit het voorbeeld dat we hadden,
als we controleren kader dot gebaren

510
00:24:51,800 --> 00:24:56,270
krijgen we de lijst van gebaren die
het frame meest recent gevangen.

511
00:24:56,270 --> 00:25:01,510
We kunnen de lengte van die array controleren
om te zien of Leap gevangen elke gebaren.

512
00:25:01,510 --> 00:25:05,010
Dus als die array is
dan groter dan nul we

513
00:25:05,010 --> 00:25:07,570
weten dat we een aantal dingen te doen.

514
00:25:07,570 --> 00:25:15,040
>> Dus laten we wikkel die in een if conditie
en nu hier in wat we weten is dat we

515
00:25:15,040 --> 00:25:20,390
een gebaar hebben gezien, laten we handelen.

516
00:25:20,390 --> 00:25:25,721
Dus nu dat we in hier zijn we
hebben een gebaar uit te checken.

517
00:25:25,721 --> 00:25:28,470
TOMAS REIMERS: Nou, de eerste
ding is het is niet alleen een gebaar,

518
00:25:28,470 --> 00:25:29,840
het kan evenveel gebaren.

519
00:25:29,840 --> 00:25:30,964
>> ARMAGHAN BEHLUM: Helemaal waar.

520
00:25:30,964 --> 00:25:33,340
TOMAS REIMERS: Dus per
klassieke C-stijl hier

521
00:25:33,340 --> 00:25:36,334
we zullen waarschijnlijk willen een gebruiken voor lus.

522
00:25:36,334 --> 00:25:37,750
ARMAGHAN BEHLUM: Hier zijn we dan.

523
00:25:37,750 --> 00:25:42,870
We besloten om te herhalen
door de gebaren.

524
00:25:42,870 --> 00:25:46,412
En laten we zien.

525
00:25:46,412 --> 00:25:49,380
i plus, plus.

526
00:25:49,380 --> 00:25:56,150
En nu, als we misschien gemaakt
slechts een var gebaar gelijk

527
00:25:56,150 --> 00:26:01,210
frame van dot gebaren
beugel i, nu hebben we

528
00:26:01,210 --> 00:26:06,260
gebaar zelf, dat is slechts een
enkel exemplaar van een gebaar object

529
00:26:06,260 --> 00:26:10,582
voor ons om te werken met
binnenkant van deze lus.

530
00:26:10,582 --> 00:26:12,869
Prima.

531
00:26:12,869 --> 00:26:15,410
TOMAS REIMERS: Let's sanity
check hier weer en gewoon troosten

532
00:26:15,410 --> 00:26:17,370
dot aanmelden gebaar om te zien wat we krijgen.

533
00:26:17,370 --> 00:26:19,410
>> ARMAGHAN BEHLUM:
Console dot log gebaar.

534
00:26:19,410 --> 00:26:22,900

535
00:26:22,900 --> 00:26:23,780
Okie Dokie.

536
00:26:23,780 --> 00:26:26,250
En vernieuw nog een keer.

537
00:26:26,250 --> 00:26:30,030
>> TOMAS REIMERS: En laten we
proberen het maken van een gebaar.

538
00:26:30,030 --> 00:26:34,600
U zult zien dat een stelletje
van, toen hij veeg-,

539
00:26:34,600 --> 00:26:39,780
je krijgt een bos van gebaren in de
console en als hij probeert om een ​​cirkel te doen,

540
00:26:39,780 --> 00:26:40,470
het gewoon--

541
00:26:40,470 --> 00:26:41,750
>> ARMAGHAN BEHLUM: Circles
zijn gewoon echt leuk.

542
00:26:41,750 --> 00:26:45,000
>> TOMAS REIMERS: Nu is er een raar ding
hier, dat is hij aan het doen is een cirkel,

543
00:26:45,000 --> 00:26:48,730
maar dit is het aanmelden 80 gebaren, toch?

544
00:26:48,730 --> 00:26:50,070
Dat is een hoop gebaren.

545
00:26:50,070 --> 00:26:53,560
Dus de eerste soort dingen te
realiseren, en dit kan verwarrend zijn,

546
00:26:53,560 --> 00:26:57,050
is dat een gebaar
is niet alleen een keer ingelogd.

547
00:26:57,050 --> 00:27:01,107
>> Op elk frame, rechts,
dus als ik ben bezig met een cirkel

548
00:27:01,107 --> 00:27:02,940
Sprong zal deze detecteren
is een verandering, van deze

549
00:27:02,940 --> 00:27:04,398
is een verandering, van dit is een verandering.

550
00:27:04,398 --> 00:27:05,970
En het zal elk van deze log.

551
00:27:05,970 --> 00:27:08,200
Maar elk van deze,
het gaat om te zeggen, oh,

552
00:27:08,200 --> 00:27:10,050
er is een gebaar momenteel in volle gang.

553
00:27:10,050 --> 00:27:14,260
Dus laat me gewoon zeggen, hey, er is een
gebaar en het is momenteel in volle gang.

554
00:27:14,260 --> 00:27:17,000
Dus wat we niet willen
doen, is zeggen, oh, op ieder

555
00:27:17,000 --> 00:27:19,370
van die gebaren u
tekst wilt veranderen.

556
00:27:19,370 --> 00:27:23,660
Wat wij willen doen is wanneer dat gebaar
stopt, en we kunnen controleren op dat,

557
00:27:23,660 --> 00:27:24,974
dan willen we om tekst te veranderen.

558
00:27:24,974 --> 00:27:25,890
ARMAGHAN BEHLUM: Mhmm.

559
00:27:25,890 --> 00:27:30,550
Dus als Tomas is
uitleggen van deze gebaren

560
00:27:30,550 --> 00:27:33,580
misschien via meerdere verschijnen
frames, maar bijvoorbeeld,

561
00:27:33,580 --> 00:27:36,200
toen we het hebben
die cirkel, kunnen we zien

562
00:27:36,200 --> 00:27:40,140
dat de ID voor die ene
enkele cirkel die we

563
00:27:40,140 --> 00:27:43,950
zou hebben geprobeerd om te voltooien
was hetzelfde ID gehele.

564
00:27:43,950 --> 00:27:46,320
En in feite, kunt u ook
check out de status.

565
00:27:46,320 --> 00:27:49,500

566
00:27:49,500 --> 00:27:50,270
bijgewerkt.

567
00:27:50,270 --> 00:27:55,680
>> En dan is dit waarschijnlijk de
laatste cirkel die, oh, nou ja, OK.

568
00:27:55,680 --> 00:28:00,480
Dus soms het toont u een
status van het stoppen van een gebaar

569
00:28:00,480 --> 00:28:04,180
en het toont u ook een status-
van het starten van een nieuw gebaar toen

570
00:28:04,180 --> 00:28:09,140
het zeker dat erkent
u een nieuw gebaar bent begonnen.

571
00:28:09,140 --> 00:28:10,637
Bijvoorbeeld in dit geval.

572
00:28:10,637 --> 00:28:11,470
TOMAS REIMERS: Cool.

573
00:28:11,470 --> 00:28:12,511
ARMAGHAN BEHLUM: Dus ja.

574
00:28:12,511 --> 00:28:14,420
En dan, laten we eens kijken.

575
00:28:14,420 --> 00:28:16,490
U kunt ook merken
al waren we te maken

576
00:28:16,490 --> 00:28:22,179
een cirkel en gebaar
heeft een veld genaamd soort

577
00:28:22,179 --> 00:28:23,970
die ons vertelt wat voor soort
van het gebaar dat is.

578
00:28:23,970 --> 00:28:27,829
Zodat kan nuttig zijn voor ons
je probeert te doen wat we doen.

579
00:28:27,829 --> 00:28:29,620
TOMAS REIMERS: Dus
overgang terug naar JS,

580
00:28:29,620 --> 00:28:31,696
het eerste wat bij mij opkomt
ook, alleen het lezen door middel van deze code

581
00:28:31,696 --> 00:28:34,340
is er een kleine optimalisatie,
die we eigenlijk

582
00:28:34,340 --> 00:28:35,980
hebben dit niet nodig als voorwaarde, toch?

583
00:28:35,980 --> 00:28:39,330
Want als kader dot gebaren dot
lengte nul, dat aansluitnet

584
00:28:39,330 --> 00:28:40,450
niet van plan om toch uit te voeren.

585
00:28:40,450 --> 00:28:43,100
Dus kunnen we net zo goed gaan
vooruit en zich te ontdoen van dat.

586
00:28:43,100 --> 00:28:46,620
Nogmaals, terwijl je het schrijven van code
is het belangrijk om terug te gaan en sorteren

587
00:28:46,620 --> 00:28:50,330
van refactor als je je realiseert dat je
kon iets beter gedaan

588
00:28:50,330 --> 00:28:53,370
of dat er een andere manier om dat te doen.

589
00:28:53,370 --> 00:28:57,170
Dus nu zijn we gewoon gaan om deze schoon te maken
snel op en ook het schoonmaken van uw code.

590
00:28:57,170 --> 00:28:58,310
Dat is een groot probleem.

591
00:28:58,310 --> 00:28:59,870
>> ARMAGHAN BEHLUM: Goed
De stijl is zeer gewaardeerd.

592
00:28:59,870 --> 00:29:01,828
>> TOMAS REIMERS: U kunt
zeg altijd wanneer iemand

593
00:29:01,828 --> 00:29:05,240
heeft code waar er vroeger een zijn als
staat en vervolgens verwijderd ze het,

594
00:29:05,240 --> 00:29:07,530
maar ze hadden niet uncommenten het.

595
00:29:07,530 --> 00:29:10,147
Het is heel duidelijk en
het soort ziet er lelijk.

596
00:29:10,147 --> 00:29:12,230
ARMAGHAN BEHLUM: Dus wat is
volgende op onze lijst te doen?

597
00:29:12,230 --> 00:29:15,479
TOMAS REIMERS: Dus nu als we zeiden,
Ik denk dat het eerste wat we willen doen

598
00:29:15,479 --> 00:29:17,970
is ervoor te zorgen dat dat gebaar's
eigenlijk een uithaal, toch?

599
00:29:17,970 --> 00:29:18,270
>> ARMAGHAN BEHLUM: Ja.

600
00:29:18,270 --> 00:29:21,750
>> TOMAS REIMERS: Dus als we zeggen dat
onze afscheid is net zoiets als een uithaal,

601
00:29:21,750 --> 00:29:25,280
we gaan met het is een uithaal, de
eerste wat we nodig hebben om te zeggen is, hey,

602
00:29:25,280 --> 00:29:27,410
wordt het gebaar typt een uithaal, toch?

603
00:29:27,410 --> 00:29:30,860
Niet een cirkel of een top,
maar is het een uithaal?

604
00:29:30,860 --> 00:29:34,280
Dus de manier waarop we dat kunnen doen
wordt kunnen we gebaar zeggen

605
00:29:34,280 --> 00:29:38,530
dot soort gelijke gelijk swipe als een string.

606
00:29:38,530 --> 00:29:44,030
>> ARMAGHAN BEHLUM: [onverstaanbaar] gebaar
dot soort gelijk gelijk uithaal.

607
00:29:44,030 --> 00:29:46,790

608
00:29:46,790 --> 00:29:47,730
Daar zijn we dan.

609
00:29:47,730 --> 00:29:49,438
>> TOMAS REIMERS: En
dan is de laatste vraag

610
00:29:49,438 --> 00:29:53,170
we willen zien is gebaar dot
staat, gelijk gelijk stoppen, toch?

611
00:29:53,170 --> 00:29:55,860
Dus dat is wanneer de
gebaar is al gestopt.

612
00:29:55,860 --> 00:29:58,490
Ik denk eigenlijk dat voor vegen, ik
weet dat dit uit de top van mijn hoofd,

613
00:29:58,490 --> 00:30:00,340
maar u bent welkom om bent
zoek het op, als je

614
00:30:00,340 --> 00:30:05,627
swipe telkens bij het aanmelden het
totdat je stopt is een begin gebaar.

615
00:30:05,627 --> 00:30:07,460
En dan de laatste iemands
gewoon een stop gebaar.

616
00:30:07,460 --> 00:30:11,090
Dus er zal slechts één stop
gebaar, dat is geweldig voor ons.

617
00:30:11,090 --> 00:30:17,180
Dus wat we kunnen doen is zeggen als gebaar dot
Typ gelijke gelijke swipe en gebaar dot

618
00:30:17,180 --> 00:30:19,950
statuut gelijk gelijk
stoppen, dan laten we sanity

619
00:30:19,950 --> 00:30:21,725
check hier troosten dot log gebaar.

620
00:30:21,725 --> 00:30:29,420

621
00:30:29,420 --> 00:30:30,790
>> Dus we zullen hier terug te gaan.

622
00:30:30,790 --> 00:30:33,570
We zullen de pagina te vernieuwen.

623
00:30:33,570 --> 00:30:38,380
En nu is de enige keer dat er iets moet
zijn console dot ingelogd is wanneer we vegen.

624
00:30:38,380 --> 00:30:40,780
En we proberen te vegen en zien we niets.

625
00:30:40,780 --> 00:30:41,280
Rechts?

626
00:30:41,280 --> 00:30:43,990
Dus dit is eigenlijk een groot probleem.

627
00:30:43,990 --> 00:30:47,560
We hebben het niet zien wat we verwacht.

628
00:30:47,560 --> 00:30:49,356
En debuggen kan een groot deel van zijn.

629
00:30:49,356 --> 00:30:51,980
Dus het eerste wat we gaan
te zeggen is, OK, laten we troosten dot

630
00:30:51,980 --> 00:30:54,568
meld het als gebaar dot
Typ gelijk gelijk uithaal.

631
00:30:54,568 --> 00:30:56,109
ARMAGHAN BEHLUM: Ja, laten we dat doen.

632
00:30:56,109 --> 00:30:59,979

633
00:30:59,979 --> 00:31:02,020
TOMAS REIMERS: Dus we zijn
ga terug naar deze gaan.

634
00:31:02,020 --> 00:31:03,140
We zullen vernieuwen.

635
00:31:03,140 --> 00:31:04,020
We zullen vegen.

636
00:31:04,020 --> 00:31:05,150
En we gaan een heleboel van hen te zien.

637
00:31:05,150 --> 00:31:05,650
OK.

638
00:31:05,650 --> 00:31:08,710
Zo duidelijk het probleem
met onze gebaar dot-status.

639
00:31:08,710 --> 00:31:14,000
Dus als we het openstellen van een van die we zullen
kijk in de objecten en we zullen zien,

640
00:31:14,000 --> 00:31:18,700
goed, het is een stop, maar, oh,
het heet staat, niet de status.

641
00:31:18,700 --> 00:31:21,890
Dus als we terug naar
onze code kunnen we zeggen

642
00:31:21,890 --> 00:31:27,780
als soort gebaar stip gelijk gelijk swipe
en gebaar dot staat, gelijk gelijk stop,

643
00:31:27,780 --> 00:31:29,160
dan zullen we dot console-log het.

644
00:31:29,160 --> 00:31:30,940
En zo te vernieuwen.

645
00:31:30,940 --> 00:31:31,856
We vegen.

646
00:31:31,856 --> 00:31:33,730
En we zullen zien dat op
elke uithaal, we zijn alleen

647
00:31:33,730 --> 00:31:36,247
krijgt men, dat de
einde, dat is geweldig, toch?

648
00:31:36,247 --> 00:31:37,080
Dat is wat we willen.

649
00:31:37,080 --> 00:31:37,955
>> ARMAGHAN BEHLUM: Yep.

650
00:31:37,955 --> 00:31:42,640
En we kunnen ook merken dat de ID's voor
elk van deze gebaren zijn gescheiden.

651
00:31:42,640 --> 00:31:47,470
Dus als Tomas zei omdat we
Deze one-stop-toestand vangen dat

652
00:31:47,470 --> 00:31:52,850
bestaat op het einde van een uithaal, we zijn
het krijgen van aparte gebaren

653
00:31:52,850 --> 00:31:54,441
van Leap Motion.

654
00:31:54,441 --> 00:31:54,940
Grote.

655
00:31:54,940 --> 00:31:58,610

656
00:31:58,610 --> 00:32:03,040
>> TOMAS REIMERS: Laten we verder gaan en
gewoon doen de laatste ding, dat is,

657
00:32:03,040 --> 00:32:04,826
>> ARMAGHAN BEHLUM: Goodbye.

658
00:32:04,826 --> 00:32:06,425
>> TOMAS REIMERS: Awesome.

659
00:32:06,425 --> 00:32:08,925
En laten we nu eens kijken op onze website.

660
00:32:08,925 --> 00:32:09,425
Één

661
00:32:09,425 --> 00:32:09,730
>> ARMAGHAN BEHLUM: Second.

662
00:32:09,730 --> 00:32:11,271
We hadden, ja, we hebben noemen het vaarwel.

663
00:32:11,271 --> 00:32:11,920
Grote.

664
00:32:11,920 --> 00:32:13,490
>> TOMAS REIMERS: Nee, Goodbye
is een echte functie.

665
00:32:13,490 --> 00:32:14,406
>> ARMAGHAN BEHLUM: Ja.

666
00:32:14,406 --> 00:32:15,670
Laten we dat doen.

667
00:32:15,670 --> 00:32:20,566
>> TOMAS REIMERS: En als we
zwaaien, het zegt vaarwel.

668
00:32:20,566 --> 00:32:22,360
>> ARMAGHAN BEHLUM: We hebben de overwinning.

669
00:32:22,360 --> 00:32:25,632
>> TOMAS REIMERS: Zo mooi spannende dingen.

670
00:32:25,632 --> 00:32:28,590
Hopelijk kunt u iets op te bouwen
anders, maar je krijgt het idee van, toch?

671
00:32:28,590 --> 00:32:30,260
U kunt gebaren detecteren.

672
00:32:30,260 --> 00:32:31,469
Functies op te roepen.

673
00:32:31,469 --> 00:32:34,510
En van dat dat je echt geeft
enkele zeer fundamentele bouwstenen

674
00:32:34,510 --> 00:32:38,800
te zeggen, oh, misschien als ze swipe up,
omdat je ook dingen kan detecteren

675
00:32:38,800 --> 00:32:39,674
als richting.

676
00:32:39,674 --> 00:32:40,840
Ik wil dat ze iets doen.

677
00:32:40,840 --> 00:32:43,470
Of wanneer ze swipe rechts, ik
wil dat ze iets doen.

678
00:32:43,470 --> 00:32:45,880
En we kunnen beginnen te krijgen
creatief met hoe precies

679
00:32:45,880 --> 00:32:48,840
we gaan om onze website te verbeteren
het gebruik van deze swipe gebaren of cirkel

680
00:32:48,840 --> 00:32:53,695
gebaren, of tik gebaren,
ofwel sleutel kranen of tikken op het scherm.

681
00:32:53,695 --> 00:32:56,070
En dan anders dan dat je bent
meer dan welkom om te spelen

682
00:32:56,070 --> 00:32:59,640
de feitelijke gegevens,
maar als je wilt doen

683
00:32:59,640 --> 00:33:03,870
dat we zouden suggereren dat je naar de docs
omdat ze eigenlijk heel goed.

684
00:33:03,870 --> 00:33:05,034
Dus gingen naar de docs nu.

685
00:33:05,034 --> 00:33:06,450
Of wil je over praten?

686
00:33:06,450 --> 00:33:06,940
>> ARMAGHAN BEHLUM: Ja.

687
00:33:06,940 --> 00:33:07,920
Laten we dat doen.

688
00:33:07,920 --> 00:33:13,680
Ook een andere lekkernij van advies,
probeer en denk aan deze in 3D.

689
00:33:13,680 --> 00:33:22,611
Dus eigenlijk laten we trekken die gebaren
nog een keer console dot log gebaar

690
00:33:22,611 --> 00:33:24,290
en dat doen we.

691
00:33:24,290 --> 00:33:29,460
Kom terug in en nu laten we proberen een
paar van deze, enkele van deze.

692
00:33:29,460 --> 00:33:32,940
>> Als we gaan in en uit te checken
deze gebaren ook

693
00:33:32,940 --> 00:33:36,830
zoals je dat kunt zien
ze zijn dimensionaliteit

694
00:33:36,830 --> 00:33:38,980
is in drie richtingen, eigenlijk.

695
00:33:38,980 --> 00:33:42,500
Dus niet alleen beperken
uzelf op een 2D-scherm

696
00:33:42,500 --> 00:33:45,200
hoewel je misschien
op een 2D website.

697
00:33:45,200 --> 00:33:49,152
U kunt proberen en na te denken hoe een gebruiker
kan de werking van de website in 3D.

698
00:33:49,152 --> 00:33:50,360
TOMAS REIMERS: In een 3D-ruimte.

699
00:33:50,360 --> 00:33:51,401
ARMAGHAN BEHLUM: Precies.

700
00:33:51,401 --> 00:33:52,310
En ja.

701
00:33:52,310 --> 00:33:55,350
Zo krijg je aanwijzingen, snelheden,
al deze koele stukjes informatie.

702
00:33:55,350 --> 00:33:58,890
>> TOMAS REIMERS: En als je niet
vertrouwd dat gaat x, y,

703
00:33:58,890 --> 00:34:01,566
en dan z is dit laatste aspect.

704
00:34:01,566 --> 00:34:04,690
Gewoon iets wat je waarschijnlijk bent
vertrouwd met als u heb behandeld met 3D

705
00:34:04,690 --> 00:34:05,731
voordat coördineren vliegtuigen.

706
00:34:05,731 --> 00:34:09,565
Als u nog niet, het is hetzelfde als een 2D-
een uitzondering is er een derde dimensie.

707
00:34:09,565 --> 00:34:11,420
Wij noemen het z.

708
00:34:11,420 --> 00:34:16,449
En alles, soort graag
richting, dat is waar het heen gaat,

709
00:34:16,449 --> 00:34:19,810
position-- Ik denk dat het misschien zelfs
bloot versnelling, ik weet het niet zeker.

710
00:34:19,810 --> 00:34:21,341
>> ARMAGHAN BEHLUM: Ja, dat geloof ik.

711
00:34:21,341 --> 00:34:22,340
Het heeft zeker snelheid.

712
00:34:22,340 --> 00:34:25,699
Ik ben eigenlijk niet 100%
zeker over versnelling.

713
00:34:25,699 --> 00:34:28,810
>> TOMAS REIMERS: Het kan een optie zijn
kunt u doorgeven aan iets.

714
00:34:28,810 --> 00:34:33,409
Dus positie en snelheid zijn blootgesteld
in deze soort van drie coördinaten.

715
00:34:33,409 --> 00:34:38,812
Dus x, y, z of delta x, y delta, delta z.

716
00:34:38,812 --> 00:34:44,130
Dus nu geleid tot de documentatie
het developer.leapmotion.com

717
00:34:44,130 --> 00:34:46,460
en dan kun je op Documentatie.

718
00:34:46,460 --> 00:34:50,010
Nogmaals, Leap Motion heeft al deze
prachtige API's, een voor JavaScript,

719
00:34:50,010 --> 00:34:53,750
een voor C Sharp en Eenheid, een voor
C ++, een voor Java, één voor Python,

720
00:34:53,750 --> 00:34:59,020
en één voor Objective C. ik persoonlijk
zou je stoten naar JavaScript

721
00:34:59,020 --> 00:35:01,280
of als u wilt een leren
nieuwe taal, probeer Python.

722
00:35:01,280 --> 00:35:05,910
Zowel van die talen Ik heb gewerkt met
voor en ze zijn echt makkelijk te leren

723
00:35:05,910 --> 00:35:10,250
en je weet al JavaScript, die
maakt het echt een goede kanshebber.

724
00:35:10,250 --> 00:35:12,930
>> Een woord van voorzichtigheid
wanneer u de documenten in te voeren.

725
00:35:12,930 --> 00:35:15,940
Zorg ervoor dat je op Docs v2.0.

726
00:35:15,940 --> 00:35:20,250
Want als je op
versie is, zal het niet werken.

727
00:35:20,250 --> 00:35:21,830
Ook voor het voorbeeld galerij.

728
00:35:21,830 --> 00:35:25,100
We brachten een goede 30 minuten
proberen de debug onze Leap

729
00:35:25,100 --> 00:35:28,640
voordat we ons realiseerden dat
V1 werkt niet met V2.

730
00:35:28,640 --> 00:35:31,660
Dus zorg ervoor dat je op versie twee.

731
00:35:31,660 --> 00:35:33,904
En dan zal ik hem laten
toon je de docs.

732
00:35:33,904 --> 00:35:34,820
ARMAGHAN BEHLUM: Ja.

733
00:35:34,820 --> 00:35:39,480
Dus hier is de API overzicht en vervolgens
sommige stukjes en beetjes van de informatie

734
00:35:39,480 --> 00:35:41,420
dat we u al verteld.

735
00:35:41,420 --> 00:35:44,270
Leuke kleine drijvende
handen boven een Leap Motion.

736
00:35:44,270 --> 00:35:47,850
En een herinnering om te denken
over de ruimte in 3D.

737
00:35:47,850 --> 00:35:53,140
Een van de eerste objecten om na te denken over
met Leap Motion zijn handen, natuurlijk.

738
00:35:53,140 --> 00:35:57,060
We zagen die erkend
door de Visualizer.

739
00:35:57,060 --> 00:35:59,180
En dan u zou kunnen hebben
gezien dat erkend

740
00:35:59,180 --> 00:36:03,202
deel van de pols en de
arm die ermee verbonden zijn.

741
00:36:03,202 --> 00:36:05,410
TOMAS REIMERS: Als u wilt
te trekken van de Visualizer.

742
00:36:05,410 --> 00:36:07,190
ARMAGHAN BEHLUM: Ja,
laten we dat doen weer.

743
00:36:07,190 --> 00:36:10,148
TOMAS REIMERS: U kunt zien, altijd
gewoon een goede herinnering aan een soort van zien,

744
00:36:10,148 --> 00:36:14,060
de Visualizer probeert te laten zien
alle gegevens die Leap ziet.

745
00:36:14,060 --> 00:36:17,606
Dus je zult zien dat we
deze soort van vier punten

746
00:36:17,606 --> 00:36:19,230
bij de pols en de werkelijke pols.

747
00:36:19,230 --> 00:36:21,625
En je hebt ook deze bal op de palm.

748
00:36:21,625 --> 00:36:24,000
Al deze punten
herkennen erkend door de sprong.

749
00:36:24,000 --> 00:36:25,041
>> ARMAGHAN BEHLUM: Precies.

750
00:36:25,041 --> 00:36:32,300
En zo met die hand object
elk frame heeft een hand-array

751
00:36:32,300 --> 00:36:36,470
evenals waar u kunt ook
de linker- en de rechterhand.

752
00:36:36,470 --> 00:36:39,410
Je kunt krijgen die
richting de handen

753
00:36:39,410 --> 00:36:42,410
geconfronteerd met de normale
richting van de palm,

754
00:36:42,410 --> 00:36:45,470
of zoals ze het noemen de palm normaal.

755
00:36:45,470 --> 00:36:46,510
Wat hebben we?

756
00:36:46,510 --> 00:36:48,120
Wij ook, oops.

757
00:36:48,120 --> 00:36:50,640
Laten we proberen en scroll naar beneden op deze manier.

758
00:36:50,640 --> 00:36:54,410
De armen, de vingers
vertegenwoordigd door de vinger

759
00:36:54,410 --> 00:36:57,890
klasse, een richtbare object.

760
00:36:57,890 --> 00:37:01,420
Dus zoals we zeiden, dat zagen we
scala aan pointables voor elke hand.

761
00:37:01,420 --> 00:37:04,240
Dat zijn de kleine
vingers over na te denken.

762
00:37:04,240 --> 00:37:09,809
Dus dit is een goed overzicht te gaan
door te proberen te begrijpen.

763
00:37:09,809 --> 00:37:11,850
TOMAS REIMERS: [onverstaanbaar]
handanatomie daarboven.

764
00:37:11,850 --> 00:37:13,680
ARMAGHAN BEHLUM: Ja, precies.

765
00:37:13,680 --> 00:37:14,220
Dus ja.

766
00:37:14,220 --> 00:37:18,150
Er is een hoop van ruwe gegevens die de
Leap Motion neemt in interpreteert goed

767
00:37:18,150 --> 00:37:20,750
voor u, dus het is een geweldige
idee om te gaan door hier

768
00:37:20,750 --> 00:37:25,300
en proberen erachter te komen hoe Leap heeft
al bedacht wat voor u

769
00:37:25,300 --> 00:37:28,830
en dus welke informatie u
beschikken vanaf daar.

770
00:37:28,830 --> 00:37:33,150
En dan vanaf daar zou ik adviseren
in te gaan op deze linker gedeelte hier,

771
00:37:33,150 --> 00:37:39,210
die gaat, nou eigenlijk niet, dat zijn
eigenlijk alleen maar meer API spullen about--

772
00:37:39,210 --> 00:37:42,670
>> TOMAS REIMERS: De API verwezen bij de
bodem is meestal een goede plek om te gaan.

773
00:37:42,670 --> 00:37:45,720
Jullie waarschijnlijk dit toen zag
wij deden de Google Maps PSET.

774
00:37:45,720 --> 00:37:48,590
Maar de verwijzing echt
gaat gewoon door alle

775
00:37:48,590 --> 00:37:54,540
van de functies en parameters
beschikbaar in het object aan u.

776
00:37:54,540 --> 00:37:55,500
>> ARMAGHAN BEHLUM: Ja.

777
00:37:55,500 --> 00:37:57,740
Zo, dit is wat
Ik was op zoek naar voor.

778
00:37:57,740 --> 00:38:01,030
Wanneer we een kant zijn we
kan gaan en erachter te komen

779
00:38:01,030 --> 00:38:03,750
hoe Leap adviseert
aan ons om een ​​hand te vinden.

780
00:38:03,750 --> 00:38:06,080
Zoals ik al eerder zei,
We hebben een hands array.

781
00:38:06,080 --> 00:38:10,340
Zoek uit of we hebben handen en
dan proberen en pak een enkele hand

782
00:38:10,340 --> 00:38:12,410
om te communiceren met op die manier.

783
00:38:12,410 --> 00:38:16,540
Dus dat is wat we
aanbevelen voor jullie.

784
00:38:16,540 --> 00:38:18,400
De gebaren en dingen ook.

785
00:38:18,400 --> 00:38:23,857
Deze API-documentatie gaat
zijn een fantastische tool voor jullie.

786
00:38:23,857 --> 00:38:25,440
Heeft u nog andere aanbevelingen?

787
00:38:25,440 --> 00:38:26,398
>> TOMAS REIMERS: ik doe het niet.

788
00:38:26,398 --> 00:38:27,590
Ik denk dat dat goed is voor nu.

789
00:38:27,590 --> 00:38:29,340
>> ARMAGHAN BEHLUM: Ja,
Ik denk dus ook.

790
00:38:29,340 --> 00:38:33,330
Voel je vrij om ons te mailen en krijg
contact over Leap Motion

791
00:38:33,330 --> 00:38:36,210
als je met misschien problemen
of behoefte aan aanbevelingen.

792
00:38:36,210 --> 00:38:40,310
En we kunnen proberen erachter stuff
met jullie ook.

793
00:38:40,310 --> 00:38:40,810
Dankjewel.

794
00:38:40,810 --> 00:38:42,360
>> TOMAS REIMERS: Grote.

795
00:38:42,360 --> 00:38:42,880