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
Così Hi, everyone.

4
00:00:13,230 --> 00:00:14,300
Mi chiamo Tomas.

5
00:00:14,300 --> 00:00:15,744
Sono un TF e questo è

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

7
00:00:16,660 --> 00:00:17,637
Bello vedere voi ragazzi.

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

9
00:00:18,470 --> 00:00:20,740
Quindi stiamo andando a parlare
su Leap Motion oggi.

10
00:00:20,740 --> 00:00:22,800
Così Leap Motion è un
prodotto molto buono, perché

11
00:00:22,800 --> 00:00:25,900
consente di interagire con un
computer in un modo diverso.

12
00:00:25,900 --> 00:00:28,560
Così l'idea che sta dietro
salto movimento è che si

13
00:00:28,560 --> 00:00:31,430
possono usare le mani per
interagire con il computer.

14
00:00:31,430 --> 00:00:33,610
Così qui ho qualcosa istituito.

15
00:00:33,610 --> 00:00:34,790
Io parlo in un po '.

16
00:00:34,790 --> 00:00:37,540
Ma la versione di base si è in grado di
vedi che ho le mani davanti

17
00:00:37,540 --> 00:00:42,840
del mio computer e quando li muovo,
si ottiene l'analogo sul computer

18
00:00:42,840 --> 00:00:44,170
e si può analizzare questo.

19
00:00:44,170 --> 00:00:46,230
Si può fare gesti.

20
00:00:46,230 --> 00:00:49,176
È possibile utilizzare le mani per
interagire con il computer

21
00:00:49,176 --> 00:00:50,300
in modo nuovo e interessante.

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

23
00:00:55,550 --> 00:00:57,520
>> Beh, io in realtà prima
vogliono far passare per Armi

24
00:00:57,520 --> 00:01:00,400
visualizzare alcuni demo fresco di quello che
alcune persone hanno fatto con questo.

25
00:01:00,400 --> 00:01:02,816
E poi parleremo di come
effettivamente codice con questo.

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

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

28
00:01:05,300 --> 00:01:08,870
Quindi, come abbiamo visto, poco
dati qui, ma vediamo

29
00:01:08,870 --> 00:01:11,680
quello che alcune persone hanno fatto con questo.

30
00:01:11,680 --> 00:01:15,130
Quindi lasciatemi aprire questo esempio.

31
00:01:15,130 --> 00:01:20,770
E poi, così, per esempio, si può vedere
mia analogico mano lì, ma ora questa volta

32
00:01:20,770 --> 00:01:26,680
alcune persone che utilizzano Unity hanno
ha deciso di mettere un po 'di più la pelle

33
00:01:26,680 --> 00:01:28,670
e roba intorno alla mano.

34
00:01:28,670 --> 00:01:35,900
Così posso, andiamo con questo,
certo, hanno le mani che interagiscono.

35
00:01:35,900 --> 00:01:41,050
E probabilmente si può immaginare un
paio di altre cose utili interessanti

36
00:01:41,050 --> 00:01:42,840
che si può fare con questo.

37
00:01:42,840 --> 00:01:45,530
Quindi questo è almeno un esempio.

38
00:01:45,530 --> 00:01:48,910
E allora facciamo un salto fuori di questo.

39
00:01:48,910 --> 00:01:56,590
>> E poi un altro fresco
è, andiamo con questo.

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

41
00:01:58,390 --> 00:02:03,510
Anche in questo caso, non sarebbe necessariamente
aspettiamo che questo livello di complessità

42
00:02:03,510 --> 00:02:06,450
da un progetto definitivo per CS50.

43
00:02:06,450 --> 00:02:10,029
Questo è solo per mostrarvi
alcuni dei, ti danno ragazzi

44
00:02:10,029 --> 00:02:14,570
un po 'di ispirazione per quello che
voi potete fare con Leap Motion.

45
00:02:14,570 --> 00:02:20,500
Così, per esempio, ecco un luogo fresco
esempio la fisica, che ci andiamo.

46
00:02:20,500 --> 00:02:24,305
Ha entrambe le mie mani così ora
avere questa piccola sfera di plasma.

47
00:02:24,305 --> 00:02:31,030
E la palla sta reagendo alla fisica
di me si muove la mano attorno alla palla.

48
00:02:31,030 --> 00:02:36,920
Ora, questo è tutto però con Unity,
utilizzando tipi di strumenti e framework

49
00:02:36,920 --> 00:02:39,510
che non abbiamo insegnato
ragazzi in classe,

50
00:02:39,510 --> 00:02:46,590
ma come si può vedere qualche bella
run through fresco con quello.

51
00:02:46,590 --> 00:02:51,750
>> Ma una cosa che voi potete fare
partendo adesso con Leap Motion

52
00:02:51,750 --> 00:02:53,260
è un lavoro in JavaScript.

53
00:02:53,260 --> 00:02:58,960
Leap Motion ha una API JavaScript che
voi potete usare e altamente, altamente

54
00:02:58,960 --> 00:03:02,040
consigliamo di ragazzi costruire
i vostri progetti che utilizzano tale.

55
00:03:02,040 --> 00:03:04,350
Quindi, con questo, mi permetta
passare di nuovo fuori a Tomas

56
00:03:04,350 --> 00:03:06,582
per parlare di Leap
Motion e JavaScript.

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

58
00:03:07,415 --> 00:03:09,230
O vuoi mostrare
loro il Visualizer prima?

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

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

61
00:03:10,170 --> 00:03:11,900
Parliamo di più su questo Visualizer.

62
00:03:11,900 --> 00:03:14,983
>> TOMAS REIMERS: Così in una più semplice
livello, quando si arriva a Leap Motion

63
00:03:14,983 --> 00:03:16,940
si sta andando ad avere questa casella.

64
00:03:16,940 --> 00:03:18,330
Qui, voglio che prenda il controllo?

65
00:03:18,330 --> 00:03:19,180
>> ARMAGHAN BEHLUM: Sì, andare per esso.

66
00:03:19,180 --> 00:03:20,530
>> TOMAS REIMERS: così quando si
prima raggiungere Leap Motion

67
00:03:20,530 --> 00:03:21,780
si sta andando ad avere questa casella.

68
00:03:21,780 --> 00:03:24,460
Ha un dispositivo che
sembra qualcosa di simile.

69
00:03:24,460 --> 00:03:28,990
Si collega al computer,
installare i driver necessari,

70
00:03:28,990 --> 00:03:30,950
e poi sarà essenzialmente costituito.

71
00:03:30,950 --> 00:03:34,160
Quindi il modo più semplice per ordinare
di accordo con Leap Motion

72
00:03:34,160 --> 00:03:39,240
è apertura del presente programma si installa
chiamato Leap Motion Visualizer.

73
00:03:39,240 --> 00:03:41,490
E il Visualizer è letteralmente
quello che sto mostrando qui.

74
00:03:41,490 --> 00:03:45,340
Esso permette di vedere il
contorno scheletrica delle tue mani.

75
00:03:45,340 --> 00:03:49,940
E che il Leap Motion
li sta interpretando come.

76
00:03:49,940 --> 00:03:53,750
Così il Leap Motion utilizza la fotocamera
per ordinare di guardare le tue mani

77
00:03:53,750 --> 00:03:59,176
e poi cerca di indovinare ciò che il
composizione scheletrico di base che

78
00:03:59,176 --> 00:04:00,460
vedi sullo schermo è.

79
00:04:00,460 --> 00:04:01,669
E questo è quello che si vede.

80
00:04:01,669 --> 00:04:03,418
ARMAGHAN BEHLUM: Ogni
unico punto poco

81
00:04:03,418 --> 00:04:06,580
e cosa che si vede non c'è
dati che è disponibile per voi ragazzi

82
00:04:06,580 --> 00:04:07,270
così da usare.

83
00:04:07,270 --> 00:04:09,670
Così si vede che è
acquisizione che Tomas

84
00:04:09,670 --> 00:04:12,160
ha cinque dita, ognuna
queste diverse dita

85
00:04:12,160 --> 00:04:17,110
sono anche disponibili per voi come dati
punti per l'uso in qualsiasi applicazione

86
00:04:17,110 --> 00:04:18,256
che si potrebbe desiderare.

87
00:04:18,256 --> 00:04:20,339
Se volete vedere se
qualcuno sta facendo un pollice in alto

88
00:04:20,339 --> 00:04:23,860
si può vedere se le dita
sono arricciate e se sono

89
00:04:23,860 --> 00:04:25,850
dito pollice punta
verso l'alto, o dove

90
00:04:25,850 --> 00:04:30,037
il loro polso o Palm è
e quel tipo di cose.

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

92
00:04:30,870 --> 00:04:35,186
Così si può vedere alcuni gesti che
capisce meglio di altri.

93
00:04:35,186 --> 00:04:38,310
Ricordate, che sta guardando il tuo
mano da una macchina fotografica dal basso,

94
00:04:38,310 --> 00:04:41,630
così quando si hanno le mani come
questo li comprende pienamente,

95
00:04:41,630 --> 00:04:44,509
ma una volta che si inizia a cercare di fare un
pollice in alto, a volte legge che,

96
00:04:44,509 --> 00:04:47,550
a volte può indovinare, ma onestamente
la fotocamera semplicemente non può vedere il pollice.

97
00:04:47,550 --> 00:04:49,810
Quindi non è davvero
sicuro di quello che sta succedendo.

98
00:04:49,810 --> 00:04:54,910
Solo alcune limitazioni da tenere a mente
quando si sta sviluppando con questo.

99
00:04:54,910 --> 00:04:56,540
>> In ogni caso, in modo da tornare a questo.

100
00:04:56,540 --> 00:04:59,040
Il Visualizer realtà
ha un sacco di strumenti utili.

101
00:04:59,040 --> 00:05:01,780
Così il Leap Motion è
programmato in modo tale

102
00:05:01,780 --> 00:05:04,280
che non ti aspettano
interagire con i dati di immagine che.

103
00:05:04,280 --> 00:05:06,230
Non lo fanno davvero
aspetto che tu capisca

104
00:05:06,230 --> 00:05:08,060
cosa sta succedendo dietro le quinte.

105
00:05:08,060 --> 00:05:11,620
Quello che fanno è esporre
un gruppo di API per voi

106
00:05:11,620 --> 00:05:13,420
in modo tale che si può
interagire con questi dati

107
00:05:13,420 --> 00:05:18,400
direttamente senza capire
cosa sta succedendo sotto il cofano.

108
00:05:18,400 --> 00:05:27,790
>> Quindi, se abbiamo raggiunto H qui in Visualizer
vedrete un sacco di opzioni.

109
00:05:27,790 --> 00:05:35,450
L'importante qui però
è se si colpisce O e poi colpito H,

110
00:05:35,450 --> 00:05:38,080
vedrai che
ti permette di disegnare i gesti.

111
00:05:38,080 --> 00:05:43,380
Quindi un gesto, vedrai
disegna una freccia attraverso.

112
00:05:43,380 --> 00:05:47,010
Un gesto è uno dei modi che Leap
Movimento sorta di lascia ottenere ai dati

113
00:05:47,010 --> 00:05:48,462
senza dover elaborare esso.

114
00:05:48,462 --> 00:05:51,170
Quindi, piuttosto che me dover capire
out, oh, la mano si muoveva,

115
00:05:51,170 --> 00:05:54,970
anche se ho il punto di accesso, il
API sorta di dimmi,

116
00:05:54,970 --> 00:05:56,380
hey, hanno fatto questo gesto.

117
00:05:56,380 --> 00:05:58,920
Così si può fare gesti freccia di base.

118
00:05:58,920 --> 00:06:00,590
Puoi fare gesti cerchio.

119
00:06:00,590 --> 00:06:03,530
È possibile effettuare intercettazioni gesti.

120
00:06:03,530 --> 00:06:07,630
E si può compiere gesti di pressione dei tasti.

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

122
00:06:09,394 --> 00:06:10,800
E questo genere di cose.

123
00:06:10,800 --> 00:06:14,370
Quindi, ora che abbiamo una sorta di
visto quello Leap Motion può fare,

124
00:06:14,370 --> 00:06:17,792
si può vedere si può leggere un
tutta una serie di gesti.

125
00:06:17,792 --> 00:06:19,500
Penso che ho intenzione di
passa di nuovo al Armi

126
00:06:19,500 --> 00:06:22,300
e ha intenzione di parlare di come
si arriva a questi con JavaScript,

127
00:06:22,300 --> 00:06:24,520
come ancora di iniziare un progetto con questo.

128
00:06:24,520 --> 00:06:27,724
E poi parleremo di alcuni
luoghi freschi si può andare con quella.

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

130
00:06:28,640 --> 00:06:29,300
Suona bene.

131
00:06:29,300 --> 00:06:31,950
Quindi sì, la prima cosa che abbiamo
vorranno di fare, naturalmente,

132
00:06:31,950 --> 00:06:37,170
è dopo si ottiene il Leap Motion è quello di
andare a leapmotion.com, configurare, installare

133
00:06:37,170 --> 00:06:38,420
i driver e le cose.

134
00:06:38,420 --> 00:06:42,520
Dopo aver fatto che si può andare
assicurarsi che sia collegato.

135
00:06:42,520 --> 00:06:46,910
Se vedete nel vostro piccolo vassoio
Leap icona di movimento ed è verde,

136
00:06:46,910 --> 00:06:48,640
allora sai che sei a posto.

137
00:06:48,640 --> 00:06:53,710
E naturalmente controllare esattamente cosa
Tomas appena vi ha mostrato con i gesti

138
00:06:53,710 --> 00:06:59,320
e facendo i tocchi sullo schermo, e
rubinetti chiave, e quel tipo di cose.

139
00:06:59,320 --> 00:07:02,180
>> Dopo di che se noi,
ancora una volta, come ho detto,

140
00:07:02,180 --> 00:07:06,530
abbiamo accesso a tutti questi
cose in JavaScript pure.

141
00:07:06,530 --> 00:07:09,020
L'ideale istituito che
vi raccomandiamo

142
00:07:09,020 --> 00:07:16,440
ragazzi è quello di andare nella vostra
directory vhost, host locale,

143
00:07:16,440 --> 00:07:19,340
pubblica nel vostro apparecchio CS50.

144
00:07:19,340 --> 00:07:24,790
E quando ci andate cosa ti
vedere è un file HTML di indice dot.

145
00:07:24,790 --> 00:07:28,180
Ora che puntino l'indice
File HTML o indice dot

146
00:07:28,180 --> 00:07:32,740
File PHP, qualunque sia
bene, che cosa si può fare allora

147
00:07:32,740 --> 00:07:35,150
è andare al vostro sistema operativo principale.

148
00:07:35,150 --> 00:07:38,650
E se si va a l'indirizzo IP
che la elencati in basso a destra

149
00:07:38,650 --> 00:07:45,180
angolo del vostro apparecchio proprio qui,
come si può vedere, allora cosa succede

150
00:07:45,180 --> 00:07:51,240
viene andate alla pagina che è
a cui fa riferimento il file HTML di indice dot.

151
00:07:51,240 --> 00:07:56,610
Quindi tutto il codice che si potrebbe mettere in
ci viene inviato ed è utilizzabile qui.

152
00:07:56,610 --> 00:07:58,960
>> TOMAS REIMERS: Così è anche
solo importante per riferimento

153
00:07:58,960 --> 00:08:06,554
che se voi ragazzi in realtà sanno
come impostare un server da soli,

154
00:08:06,554 --> 00:08:09,720
o se si vuole mettere questo in tutto il mondo
web, hai la possibilità di fare qualsiasi cosa.

155
00:08:09,720 --> 00:08:11,594
Ricordate che questi sono
solo file JavaScript

156
00:08:11,594 --> 00:08:14,250
e tutta l'elaborazione salto
avviene sul client.

157
00:08:14,250 --> 00:08:16,510
Quindi non importa
dove la vostra vita di server

158
00:08:16,510 --> 00:08:19,660
purché il computer
si sta visualizzando il sito web su

159
00:08:19,660 --> 00:08:22,024
ha installato Leap Motion.

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

161
00:08:23,190 --> 00:08:25,680
Come Tomas detto, sì,
quello che funziona per voi ragazzi.

162
00:08:25,680 --> 00:08:28,570
Questa è solo una delle nostre raccomandazioni.

163
00:08:28,570 --> 00:08:31,660
Ora per iniziare a utilizzare Leap
Movimento che cosa si dovrebbe fare

164
00:08:31,660 --> 00:08:36,640
viene si importa il
File JavaScript da Leap Motion.

165
00:08:36,640 --> 00:08:39,610
E poi da lì quello
si può fare è, in questo momento

166
00:08:39,610 --> 00:08:44,250
Ho solo questo paragrafo
tag istituito con un ID di testo.

167
00:08:44,250 --> 00:08:48,690
Le cose che consigliamo
sono le opzioni di impostazione del controller

168
00:08:48,690 --> 00:08:52,012
per Leap Motion con il
permettere gesti per essere vero.

169
00:08:52,012 --> 00:08:53,970
Quindi per default quelli
gesti che vi abbiamo mostrato

170
00:08:53,970 --> 00:08:57,010
ragazzi, il cerchio, e il
tap chiave, e le fendenti,

171
00:08:57,010 --> 00:09:00,330
quelli che non sono mostrati a
ragazzi per impostazione predefinita.

172
00:09:00,330 --> 00:09:04,450
Ma consigliamo vivamente con quelle
quindi non sei reinventare la ruota.

173
00:09:04,450 --> 00:09:09,489
Abilita quelle vere, quelle che passa
opzioni di controller di salto ciclo dot

174
00:09:09,489 --> 00:09:10,530
e sei pronto per andare.

175
00:09:10,530 --> 00:09:13,270
Perché allora avete appena
definito una funzione anonima

176
00:09:13,270 --> 00:09:16,910
che si terrà in un
telaio da Leap Motion

177
00:09:16,910 --> 00:09:21,150
e che ha tutta la cornice
informazioni che si sta andando ad avere bisogno.

178
00:09:21,150 --> 00:09:25,310
>> TOMAS REIMERS: Quindi, solo per
Ricapitolando, si dispone di un oggetto.

179
00:09:25,310 --> 00:09:28,250
Hai questa funzione
chiamato salto ciclo dot.

180
00:09:28,250 --> 00:09:30,460
E si chiama con due argomenti.

181
00:09:30,460 --> 00:09:33,134
Si chiama con uno,
le opzioni del controller.

182
00:09:33,134 --> 00:09:35,300
E ci sono un sacco di
opzioni si può mettere in là.

183
00:09:35,300 --> 00:09:38,170
Quello che andremo a
sottolineare è abilitare gesti.

184
00:09:38,170 --> 00:09:41,230
E se lo si imposta pari al vero, allora
è possibile ottenere l'accesso a questo gesto

185
00:09:41,230 --> 00:09:42,940
che vi abbiamo mostrato in Visualizer.

186
00:09:42,940 --> 00:09:47,500
>> E poi il secondo argomento è un
funzione, è un po 'come una chiamata indietro

187
00:09:47,500 --> 00:09:53,010
che sarà chiamata ogni
tempo ogni fotogramma di Leap,

188
00:09:53,010 --> 00:09:57,340
Così ogni volta che registri bisestili
la vostra mossa mano, ha un nuovo telaio.

189
00:09:57,340 --> 00:10:02,130
E chiama questa funzione con un
argomentazione, che è l'oggetto cornice.

190
00:10:02,130 --> 00:10:05,909
E questo oggetto frame descrive
la cornice come Leap vede.

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

192
00:10:06,950 --> 00:10:10,450
Quindi questo contiene tutto il utile
bit e pezzi di informazioni

193
00:10:10,450 --> 00:10:12,550
che stavamo parlando prima.

194
00:10:12,550 --> 00:10:18,010
Controllo gesti dot telaio
è una serie di gesti

195
00:10:18,010 --> 00:10:23,680
che il movimento salto catturato la vostra
mani facendo nell'ultimo fotogramma.

196
00:10:23,680 --> 00:10:26,470
Così, per esempio, ciò che siamo
facendo qui è che stiamo controllando,

197
00:10:26,470 --> 00:10:31,820
hey, Leap, in quell'ultimo fotogramma fatto
si cattura qualsiasi gesto che ho fatto?

198
00:10:31,820 --> 00:10:36,350
E se sì che cosa decidiamo di fare
è scorrere quei gesti

199
00:10:36,350 --> 00:10:39,760
e cercare di ottenere qualche utile
informazioni da loro.

200
00:10:39,760 --> 00:10:44,290
Ogni gesto ha un unico
ID associato con esso.

201
00:10:44,290 --> 00:10:46,280
Hanno tipi.

202
00:10:46,280 --> 00:10:50,220
Potete guardare quali dita
sono stati coinvolti nei gesti

203
00:10:50,220 --> 00:10:52,770
verificando questa roba orientabili.

204
00:10:52,770 --> 00:10:56,490
Quindi, se quando si passa attraverso il
API roba Leap Motion JavaScript,

205
00:10:56,490 --> 00:10:59,630
quando accennano pointables,
stanno parlando queste dita.

206
00:10:59,630 --> 00:11:04,480
E poi mani sono, ovviamente,
l'intero oggetto mano.

207
00:11:04,480 --> 00:11:05,210
>> Cos'altro?

208
00:11:05,210 --> 00:11:08,630
È possibile controllare per quanto tempo
il movimento è andato su

209
00:11:08,630 --> 00:11:11,640
e, sì, tutte quelle cose utili.

210
00:11:11,640 --> 00:11:16,490
Quindi quello che sto facendo in questo momento
qui è mi sono collegato al telaio,

211
00:11:16,490 --> 00:11:24,350
e poi aggiorno il mio HTML da visualizzare
tutti questi bit di informazione

212
00:11:24,350 --> 00:11:25,820
dal telaio.

213
00:11:25,820 --> 00:11:28,010
Quindi cerchiamo di controllare che fuori.

214
00:11:28,010 --> 00:11:29,440
>> Così qui è.

215
00:11:29,440 --> 00:11:34,730
Ecco il file HTML di indice dot.

216
00:11:34,730 --> 00:11:38,560
E come avete appena visto quando mi sono appena trasferita
la mia mano Leap catturato un movimento circolare.

217
00:11:38,560 --> 00:11:44,960
Così si può vedere me fare un cerchio sopra
qui, aggiorna le informazioni cerchio.

218
00:11:44,960 --> 00:11:48,332
Facendo colpi, le catture colpi.

219
00:11:48,332 --> 00:11:49,290
Proviamo una scheda schermo.

220
00:11:49,290 --> 00:11:50,090
Ci andiamo.

221
00:11:50,090 --> 00:11:52,370
Tap dello schermo e un rubinetto chiave.

222
00:11:52,370 --> 00:11:55,040
Rubinetti Così chiave anche, da parte del
modo, sono quando si preme verso il basso.

223
00:11:55,040 --> 00:11:57,260
Quindi potete immaginare
forse suonare un pianoforte.

224
00:11:57,260 --> 00:11:59,869
>> E poi tocchi sullo schermo sono
quando si colpisce lo schermo.

225
00:11:59,869 --> 00:12:02,910
Quindi potete immaginare forse effettivamente
hanno un touch screen di fronte a voi

226
00:12:02,910 --> 00:12:05,190
e si sta colpendo il tocco
schermo di fronte a voi.

227
00:12:05,190 --> 00:12:08,470
E poi siamo in grado di prendere una
di questi oggetti in qui.

228
00:12:08,470 --> 00:12:12,960
Così ricordo ho detto che ero
passando il telaio in log della console.

229
00:12:12,960 --> 00:12:17,160
E così possiamo controllare tutte le
bit e pezzi di informazioni

230
00:12:17,160 --> 00:12:22,500
che sono disponibili in
fotogramma così da utilizzare.

231
00:12:22,500 --> 00:12:26,320
>> Come ho detto prima,
pointables sono le dita.

232
00:12:26,320 --> 00:12:30,260
In quel momento non avevamo il nostro
le mani di fronte al Leap Motion

233
00:12:30,260 --> 00:12:32,010
quindi ha registrato a zero,
ma questo è il modo per

234
00:12:32,010 --> 00:12:35,980
avrebbe cominciato a scoprire forse
Quante dita sono lo schermo.

235
00:12:35,980 --> 00:12:37,810
E questo tipo di informazioni.

236
00:12:37,810 --> 00:12:40,060
TOMAS REIMERS: E ricordare
questo è solo un oggetto.

237
00:12:40,060 --> 00:12:42,185
Quindi tutto è possibile accedere
un po 'come una struct

238
00:12:42,185 --> 00:12:45,540
in C. Avete dell'oggetto
nome dot il nome della proprietà.

239
00:12:45,540 --> 00:12:48,830
E allora dentro di avere
array e si dispone di altri oggetti,

240
00:12:48,830 --> 00:12:50,850
ma ricordatevi che è solo un oggetto.

241
00:12:50,850 --> 00:12:53,788
Non c'è niente di speciale
perché stiamo usando Leap.

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

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

244
00:12:56,544 --> 00:12:58,710
Dovremmo verificare un paio
di esempi JavaScript?

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

246
00:13:05,070 --> 00:13:07,810
>> TOMAS REIMERS: So
subito ricordare che siamo

247
00:13:07,810 --> 00:13:12,470
ha detto che Leap può effettivamente
eseguito su qualsiasi sito web.

248
00:13:12,470 --> 00:13:15,250
LeapJS è solo servita a un client.

249
00:13:15,250 --> 00:13:19,850
E così lungo come il cliente ha
Leap Motion attaccato funzionerà.

250
00:13:19,850 --> 00:13:22,540
Così Leap Motion ha un
sito web dove le persone

251
00:13:22,540 --> 00:13:24,540
possono condividere i loro esempi
delle cose che hanno fatto.

252
00:13:24,540 --> 00:13:26,623
Quindi stiamo solo andando a andare
attraverso un paio di loro

253
00:13:26,623 --> 00:13:29,980
per vedere che cosa è possibile prima
tuffarsi in più specifiche su come

254
00:13:29,980 --> 00:13:32,510
è possibile.

255
00:13:32,510 --> 00:13:33,346
Così

256
00:13:33,346 --> 00:13:34,470
ARMAGHAN BEHLUM: Vediamo.

257
00:13:34,470 --> 00:13:36,136
TOMAS REIMERS: Ora dovrebbe funzionare.

258
00:13:36,136 --> 00:13:38,520
ARMAGHAN BEHLUM: Così ora
prima abbiamo visto un esempio

259
00:13:38,520 --> 00:13:45,280
con Unity che ha reso le nostre mani
con abbastanza impressionante skin grafiche,

260
00:13:45,280 --> 00:13:50,200
ma ora si può vedere che si può fare il
stessa cosa all'interno di un browser web.

261
00:13:50,200 --> 00:13:54,640
Questo è tutto all'interno Chrome
solo utilizzando JavaScript.

262
00:13:54,640 --> 00:13:57,460
E poi l'altra bella
cosa è se si vuole

263
00:13:57,460 --> 00:14:02,610
di sapere come hanno fatto questo,
gli esempi in JavaScript

264
00:14:02,610 --> 00:14:07,540
anche includere opzioni di codice che
è possibile controllare e poi vedere

265
00:14:07,540 --> 00:14:12,570
come questa persona è stata afferrando
mani e codici e tali.

266
00:14:12,570 --> 00:14:16,730
>> Ecco, questo è tutto quello che potete trovare
a developer.leapmotion.com.

267
00:14:16,730 --> 00:14:20,810
Si può andare a controllare JavaScript
esempi che hanno.

268
00:14:20,810 --> 00:14:23,280
Quindi sì.

269
00:14:23,280 --> 00:14:25,205
Qui sono questi, ops scusate.

270
00:14:25,205 --> 00:14:27,680
Proviamo di nuovo.

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

272
00:14:29,002 --> 00:14:29,960
Ho due mani destre.

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

274
00:14:32,540 --> 00:14:34,380
Quindi sì.

275
00:14:34,380 --> 00:14:37,440
>> TOMAS REIMERS: Così e ancora una volta,
ricordo a volte Leap scombina.

276
00:14:37,440 --> 00:14:40,790
Basta dare una seconda.

277
00:14:40,790 --> 00:14:42,784
Non è perfetto, ma è piuttosto buona.

278
00:14:42,784 --> 00:14:44,700
ARMAGHAN BEHLUM: One
altra raccomandazione anche

279
00:14:44,700 --> 00:14:48,780
è di non farlo in luce diretta del sole.

280
00:14:48,780 --> 00:14:51,260
Quindi il modo Leap Motion
opere è, in realtà

281
00:14:51,260 --> 00:14:54,500
se faccio vedere la macchina fotografica questo
così, luce infrarossa.

282
00:14:54,500 --> 00:14:57,375
Quindi invia quelli fuori e poi
li legge quando tornano.

283
00:14:57,375 --> 00:14:59,250
Quindi, se si sta cercando di
fare luce diretta del sole,

284
00:14:59,250 --> 00:15:01,610
per esempio, è probabilmente
non andare a lavorare,

285
00:15:01,610 --> 00:15:05,850
o sta andando a richiedere
alcuni calibrazione di farlo.

286
00:15:05,850 --> 00:15:10,450
>> Anche un altro consiglio è quello di
liberare lo spazio dietro il Leap

287
00:15:10,450 --> 00:15:12,740
e davanti Leap.

288
00:15:12,740 --> 00:15:15,520
Pensate a come lavorare
all'interno di una cupola che è

289
00:15:15,520 --> 00:15:18,360
che circonda questo oggetto Leap Motion.

290
00:15:18,360 --> 00:15:20,550
Se c'è roba di destra
dietro pure,

291
00:15:20,550 --> 00:15:24,740
che è anche andando ad interferire
di come il Leap Motion sta cercando

292
00:15:24,740 --> 00:15:26,690
di riconoscere la mano
e quel tipo di cose.

293
00:15:26,690 --> 00:15:30,010
>> Così, per esempio, credo che in questo
caso è il mio computer portatile in realtà

294
00:15:30,010 --> 00:15:34,351
che una specie di fare il salto di movimento.

295
00:15:34,351 --> 00:15:35,100
Sì, ci andiamo.

296
00:15:35,100 --> 00:15:41,021
Quindi, se io a cancellare il mio computer portatile da
dietro la mano mostra abbastanza bene.

297
00:15:41,021 --> 00:15:41,520
Quindi sì.

298
00:15:41,520 --> 00:15:42,061
C'è quella.

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

300
00:15:44,650 --> 00:15:46,417
Quindi, che cosa ha fatto noi li mostriamo.

301
00:15:46,417 --> 00:15:48,250
TOMAS REIMERS: credo
Ora sarebbe il momento

302
00:15:48,250 --> 00:15:52,039
per ordinare di tuffarsi e facciamo solo
fare una demo completamente da zero.

303
00:15:52,039 --> 00:15:53,330
E sarà davvero semplice.

304
00:15:53,330 --> 00:15:55,250
Fondamentalmente quello che stiamo andando
per cercare di fare è rendere

305
00:15:55,250 --> 00:15:58,570
in modo che quando si scorrere la mano, il
sfondo sta per iniziare come rosso,

306
00:15:58,570 --> 00:16:01,361
e quando si scorrere la mano, il
sfondo sta per diventare verde.

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

308
00:16:01,970 --> 00:16:03,709
Davvero semplice.

309
00:16:03,709 --> 00:16:05,750
Ed è fondamentalmente solo
andando a passare attraverso un sacco

310
00:16:05,750 --> 00:16:08,360
dei concetti che stanno dietro
Leap in modo che possiamo

311
00:16:08,360 --> 00:16:12,630
entrare in questa ideologia di come funziona Leap
e come possiamo costruire cose con quella.

312
00:16:12,630 --> 00:16:16,760
E poi da lì faremo
probabilmente solo mostrare

313
00:16:16,760 --> 00:16:19,710
Docs API e dove
può leggere di più su questo.

314
00:16:19,710 --> 00:16:21,030
E poi ci chiameremo giorno.

315
00:16:21,030 --> 00:16:24,294
Quindi vuoi codice o
cosa mi vuoi codice?

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

317
00:16:25,210 --> 00:16:28,350
Beh, credo che possiamo lavorare
insieme a questo e cercare

318
00:16:28,350 --> 00:16:30,292
>> TOMAS REIMERS: quindi dovremo
fare un po 'di codifica coppia.

319
00:16:30,292 --> 00:16:31,500
ARMAGHAN BEHLUM: Ci andiamo.

320
00:16:31,500 --> 00:16:33,250
Questo è esattamente quello che ho
voluto controllare.

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

322
00:16:34,700 --> 00:16:38,750
Così, per esempio qui, vediamo.

323
00:16:38,750 --> 00:16:40,979
Mentre stiamo iterazione
attraverso già i gesti,

324
00:16:40,979 --> 00:16:43,270
TOMAS REIMERS: Vuoi fare
solo un file completamente nuovo?

325
00:16:43,270 --> 00:16:43,870
ARMAGHAN BEHLUM: completamente nuovo file?

326
00:16:43,870 --> 00:16:44,246
Sì, certo.

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

328
00:16:45,000 --> 00:16:45,920
>> ARMAGHAN BEHLUM: Quindi cerchiamo di farlo.

329
00:16:45,920 --> 00:16:48,253
>> TOMAS REIMERS: Così stiamo andando
per fare un completamente file.

330
00:16:48,253 --> 00:16:51,290
Lo chiameremo mano dot HTML.

331
00:16:51,290 --> 00:16:52,670
Questo è fresco con me.

332
00:16:52,670 --> 00:16:59,020
Quindi ricordate di fare un tag HTML,
poi all'interno di quella di avere una testa.

333
00:16:59,020 --> 00:17:02,982
Quella testa ha un titolo all'interno di esso.

334
00:17:02,982 --> 00:17:04,349
Così scheda il contrario.

335
00:17:04,349 --> 00:17:05,589
Ci si va.

336
00:17:05,589 --> 00:17:09,359
Titolo, che chiameremo Leap Esempio.

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

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

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

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

341
00:17:14,474 --> 00:17:15,776
>> ARMAGHAN BEHLUM: Ci siamo.

342
00:17:15,776 --> 00:17:18,180
>> TOMAS REIMERS: E
allora facciamo un corpo.

343
00:17:18,180 --> 00:17:20,852
>> ARMAGHAN BEHLUM: Aspetta, andiamo
anche fare in modo di importare.

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

345
00:17:22,060 --> 00:17:22,560
Il mio male.

346
00:17:22,560 --> 00:17:28,700
Quindi, sempre assicurarsi di avere il Leap
script in modo che uno script dato a voi

347
00:17:28,700 --> 00:17:31,810
da Leap Motion che fondamentalmente
permette al browser web per connettersi

348
00:17:31,810 --> 00:17:35,580
al dispositivo sul computer dell'utente.

349
00:17:35,580 --> 00:17:38,510
E poi in questo abbiamo anche
bisogno di un corpo e diciamo solo

350
00:17:38,510 --> 00:17:40,580
rendere il corpo dice ciao così
che siamo in grado di mostrare agli studenti

351
00:17:40,580 --> 00:17:42,704
come collegare a questo nuovo
pagina web che hanno fatto.

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

353
00:17:44,260 --> 00:17:45,724
Quindi cerchiamo di appena messo another--

354
00:17:45,724 --> 00:17:48,730
>> TOMAS REIMERS: Ciao, ciao mondo.

355
00:17:48,730 --> 00:17:50,210
Così un esempio molto semplice.

356
00:17:50,210 --> 00:17:53,400
In realtà solo una demo.

357
00:17:53,400 --> 00:17:58,505
>> ARMAGHAN BEHLUM: E poi qui abbiamo
può andare, abbiamo chiamato mano dot HTML,

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

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

360
00:18:00,810 --> 00:18:04,310
Allora mi chiedo che cosa c'è che non va
con questo adesso.

361
00:18:04,310 --> 00:18:07,639
Aggiungiamo autorizzazioni di lettura
a portata di mano dot HTML.

362
00:18:07,639 --> 00:18:09,930
TOMAS REIMERS: Volete
a farlo nel grande terminal

363
00:18:09,930 --> 00:18:11,080
in modo che possiamo solo mostrare su the--

364
00:18:11,080 --> 00:18:12,501
>> ARMAGHAN BEHLUM: Sì, che abbia un senso.

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

366
00:18:13,001 --> 00:18:15,720
Così ho solo aggiunto il
i permessi, ma se

367
00:18:15,720 --> 00:18:18,350
erano di controllare le
le autorizzazioni prima di noi

368
00:18:18,350 --> 00:18:22,560
avrebbe visto che in realtà la mano
dot HTML non hanno permessi di lettura

369
00:18:22,560 --> 00:18:25,570
e quindi non abbiamo potuto renderla.

370
00:18:25,570 --> 00:18:30,850
Ma ora, se lo facciamo, vediamo il nostro
piccolo mondo ciao proprio lì.

371
00:18:30,850 --> 00:18:33,580
>> TOMAS REIMERS: Quindi cerchiamo di realtà,
mentre stava scrivendo, ciao mondo,

372
00:18:33,580 --> 00:18:35,371
Ho pensato a un modo
potremmo cambiare questo.

373
00:18:35,371 --> 00:18:41,150
Facciamo che dire ciao mondo, e
poi quando si onda, si dice addio.

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

375
00:18:41,650 --> 00:18:42,210
Quindi ciao, arrivederci.

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

377
00:18:42,560 --> 00:18:44,010
>> TOMAS REIMERS: Che suona bene.

378
00:18:44,010 --> 00:18:45,120
>> ARMAGHAN BEHLUM: Che
suona bene anche a me.

379
00:18:45,120 --> 00:18:46,920
>> TOMAS REIMERS: Quindi, se siamo
intenzione di farlo di lasciare solo

380
00:18:46,920 --> 00:18:48,980
pensare attraverso la pagina web un po '.

381
00:18:48,980 --> 00:18:51,800
Avremo bisogno di alcuni script
che registra in pratica

382
00:18:51,800 --> 00:18:56,470
che si agitò e di un salto,
un'onda e un colpo, stessa cosa.

383
00:18:56,470 --> 00:18:59,584
Quindi stiamo andando ad avere bisogno di uno script che
registra fondamentalmente per questo colpo.

384
00:18:59,584 --> 00:19:01,500
E un'altra cosa che siamo
andando ad avere bisogno è che siamo

385
00:19:01,500 --> 00:19:04,360
avranno bisogno di un po '
contenuto effettivo di cambiare.

386
00:19:04,360 --> 00:19:07,850
>> Quindi, come si ricorda, jQuery
consente di modificare il contenuto.

387
00:19:07,850 --> 00:19:13,017
Così una cosa che potremmo voler includere
in questo è la libreria jQuery.

388
00:19:13,017 --> 00:19:16,100
E poi poter selezionare quali
stiamo davvero andando a modificare il contenuto,

389
00:19:16,100 --> 00:19:18,224
che sta andando a bisogno di un ID
o di una classe, o qualcosa

390
00:19:18,224 --> 00:19:20,100
che possiamo utilizzare per selezionarlo.

391
00:19:20,100 --> 00:19:25,010
Quindi dovremo solo di fare un
rapido ID del cambiamento del testo.

392
00:19:25,010 --> 00:19:26,974
E poi vuoi prendere jQuery?

393
00:19:26,974 --> 00:19:29,890
ARMAGHAN BEHLUM: Allora, qual è il primo
cosa sulla nostra per fare la lista, allora adesso?

394
00:19:29,890 --> 00:19:30,620
TOMAS REIMERS: Facciamo afferrare jQuery?

395
00:19:30,620 --> 00:19:32,494
ARMAGHAN BEHLUM: LET'S
afferrare jQuery, OK, fresco.

396
00:19:32,494 --> 00:19:34,502
In quel caso, ho intenzione
avere a actually--

397
00:19:34,502 --> 00:19:36,210
dove sarebbe il
posto migliore per farlo?

398
00:19:36,210 --> 00:19:39,677
>> TOMAS REIMERS: jQuery, quindi se si
Google jQuery, jQuery ha colpito, la prima

399
00:19:39,677 --> 00:19:41,010
ARMAGHAN BEHLUM: Molto prima.

400
00:19:41,010 --> 00:19:42,135
TOMAS REIMERS: o scaricare.

401
00:19:42,135 --> 00:19:42,650
Va bene.

402
00:19:42,650 --> 00:19:46,482
Hit scaricare v1 e v2 sulla sinistra.

403
00:19:46,482 --> 00:19:49,190
Quindi stiamo descrivendo jQuery da
online come probabilmente avete fatto.

404
00:19:49,190 --> 00:19:50,440
Scorrere verso il basso.

405
00:19:50,440 --> 00:19:51,260
Up, up.

406
00:19:51,260 --> 00:19:53,502
>> ARMAGHAN BEHLUM: Oh, proprio qui ora?

407
00:19:53,502 --> 00:19:54,460
TOMAS REIMERS: O che.

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

409
00:19:54,960 --> 00:20:00,150
Così jQuery ha una versione hosted
il che significa che non si fa realtà

410
00:20:00,150 --> 00:20:01,890
bisogno di scaricarlo,
ma tu sei più di

411
00:20:01,890 --> 00:20:07,734
benvenuto per scaricarlo
e ospitare voi stessi.

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

413
00:20:08,650 --> 00:20:09,566
Così ora abbiamo jQuery.

414
00:20:09,566 --> 00:20:11,122
Ora che cosa è il prossimo sul nostro per fare la lista.

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

416
00:20:12,080 --> 00:20:13,910
Così la prossima cosa abbiamo bisogno
fare è in realtà abbiamo bisogno di

417
00:20:13,910 --> 00:20:17,750
per dare p ciao mondo un ID
in modo che possiamo cambiare, giusto?

418
00:20:17,750 --> 00:20:24,514
Quindi cerchiamo di dare un'idea di,
Non lo so, cambiare il testo?

419
00:20:24,514 --> 00:20:26,680
ARMAGHAN BEHLUM: Diciamo solo
farlo in questo modo, credo.

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

421
00:20:28,013 --> 00:20:29,830
E ora facciamo solo aggiornare la pagina.

422
00:20:29,830 --> 00:20:31,142
Assicurarsi che tutto funziona.

423
00:20:31,142 --> 00:20:32,100
Ma torniamo nel browser.

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

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

426
00:20:36,922 --> 00:20:39,380
Sempre un buon promemoria che
quando si sta costruendo un sito web,

427
00:20:39,380 --> 00:20:44,450
probabilmente aggiornare ogni volta che fate
qualsiasi cambiamento piuttosto significativo solo

428
00:20:44,450 --> 00:20:47,993
perché a volte si
cadere accidentalmente un tag,

429
00:20:47,993 --> 00:20:51,640
o si elimina accidentalmente qualcosa,
e poi si rompe qualcosa di piccolo,

430
00:20:51,640 --> 00:20:55,880
ma poi, quando si effettua un cambiamento più grande
siete come, perché ha fatto questo grande cambiamento

431
00:20:55,880 --> 00:20:57,910
apparentemente rompere la cosa non correlato.

432
00:20:57,910 --> 00:21:02,840
Quindi è sempre bene ordinare di
andare a fare quelle controlli di integrità.

433
00:21:02,840 --> 00:21:05,610
>> Comunque così ora facciamo
un ultimo test di consistenza,

434
00:21:05,610 --> 00:21:09,800
che cerchiamo di cambiare
testo senza Leap Motion,

435
00:21:09,800 --> 00:21:11,820
senza niente, solo
sul caricamento della pagina che ll

436
00:21:11,820 --> 00:21:17,140
cambiare mondo ciao a
addio utilizzando jQuery.

437
00:21:17,140 --> 00:21:21,400
Quindi, se vi ricordate espone jQuery
questa funzione segno del dollaro,

438
00:21:21,400 --> 00:21:28,640
che possiamo passare al selettore CSS,
cioè hashtag testo cambiamento, che

439
00:21:28,640 --> 00:21:31,590
seleziona l'elemento con
un ID di cambiamento del testo.

440
00:21:31,590 --> 00:21:34,980
E poi stiamo andando
per chiamare il metodo HTML

441
00:21:34,980 --> 00:21:40,390
sull'oggetto ritorna con il
argomento di una addio stringa, che

442
00:21:40,390 --> 00:21:45,600
cambierà gli articoli
HTML per dire addio.

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

444
00:21:46,210 --> 00:21:48,790
Che sembra piuttosto fresco.

445
00:21:48,790 --> 00:21:52,365
E ora, quando ci rinfreschiamo
la pagina che stiamo andando a vedere

446
00:21:52,365 --> 00:21:54,040
cambia istantaneamente addio, giusto?

447
00:21:54,040 --> 00:21:55,910
Perché non aspetta nulla.

448
00:21:55,910 --> 00:21:59,200
Sorta di non appena quello script
gestisce cambia di addio.

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

450
00:22:00,430 --> 00:22:03,790
>> Così ora cerchiamo di avvolgere che in una funzione.

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

452
00:22:04,290 --> 00:22:06,270
Quindi stiamo andando a voler
per fare una funzione.

453
00:22:06,270 --> 00:22:08,160
Ci chiamiamo addio.

454
00:22:08,160 --> 00:22:11,570
Quindi funzione addio è
andando a prendere senza argomenti

455
00:22:11,570 --> 00:22:14,170
e non è davvero
andando a restituire qualcosa.

456
00:22:14,170 --> 00:22:18,850
Ed è solo andare a
farlo in JavaScript.

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

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

459
00:22:23,140 --> 00:22:27,000
Così la nostra funzione di addio ora
modifica il testo di addio, giusto?

460
00:22:27,000 --> 00:22:28,930
Quindi questo ci dà un senso
fondamentalmente cambiamento

461
00:22:28,930 --> 00:22:32,871
che il testo di addio quando
abbiamo chiamato quella funzione.

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

463
00:22:33,370 --> 00:22:35,290
Quindi questo è piuttosto fresco.

464
00:22:35,290 --> 00:22:37,430
>> ARMAGHAN BEHLUM: Beh, abbiamo
può anche semplicemente fare in modo

465
00:22:37,430 --> 00:22:41,040
che ora, poiché non stiamo chiamando il
funzione, se si aggiorna la pagina,

466
00:22:41,040 --> 00:22:44,460
notare non sta andando
per modificare il testo.

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

468
00:22:45,509 --> 00:22:47,800
Così ora stiamo per iniziare
per entrare in quella roba Leap

469
00:22:47,800 --> 00:22:49,880
che stavamo parlando.

470
00:22:49,880 --> 00:22:52,240
Così Armi, vuoi
prendere da qui o?

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

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

473
00:22:53,139 --> 00:22:56,260
Probabilmente ho intenzione di bisogno
per verificare il tutto,

474
00:22:56,260 --> 00:22:58,250
ma per esempio ricordare
abbiamo detto che volevamo

475
00:22:58,250 --> 00:23:02,627
per assicurarsi che in Opzioni
abbiamo impostato abilitare gesti

476
00:23:02,627 --> 00:23:03,710
TOMAS REIMERS: Buona cattura.

477
00:23:03,710 --> 00:23:06,250
ARMAGHAN BEHLUM: per essere vero.

478
00:23:06,250 --> 00:23:08,960
E poi siamo stati raccomandando
che voi ragazzi sarebbe

479
00:23:08,960 --> 00:23:12,230
eseguire ciclo dot salto, che
come abbiamo detto in precedenza,

480
00:23:12,230 --> 00:23:18,140
ha due opzioni, un oggetto JSON che
è le opzioni per come si desidera

481
00:23:18,140 --> 00:23:22,030
per configurare il Leap Motion per
lavoro, e quindi una funzione che è

482
00:23:22,030 --> 00:23:27,640
andando a prendere un fotogramma come callback
funzionano come Tomas stava dicendo.

483
00:23:27,640 --> 00:23:30,470
E quindi modificare quello che volete
a che fare con quella funzione.

484
00:23:30,470 --> 00:23:33,890
>> Quindi passiamo in
opzione e ora definiamo

485
00:23:33,890 --> 00:23:36,117
una funzione che porterà in un frame.

486
00:23:36,117 --> 00:23:38,200
E ora dobbiamo definire
ciò che fa la funzione.

487
00:23:38,200 --> 00:23:42,569
E 'anche per il bene della
futuro, farlo per assicurarsi.

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

489
00:23:43,610 --> 00:23:45,940
Così ora abbiamo questo
funzione di loop dot salto

490
00:23:45,940 --> 00:23:52,420
chiamare che dice in sostanza guardare Leap
con queste opzioni e ogni volta

491
00:23:52,420 --> 00:23:55,710
qualcosa cambia, chiamano questa
Telaio funzione con tutti i dati

492
00:23:55,710 --> 00:23:59,510
che siete a conoscenza di un telaio.

493
00:23:59,510 --> 00:24:01,320
Suona abbastanza bene.

494
00:24:01,320 --> 00:24:03,680
Così ora sanity check veloce,
che consiglio sempre,

495
00:24:03,680 --> 00:24:07,020
è in quel appena messo
console telaio log dot.

496
00:24:07,020 --> 00:24:10,320
E poi in Chrome aprirlo
e guardare la console

497
00:24:10,320 --> 00:24:13,870
e giocare con Leap per vedere il
telai essere registrati perché quella volontà

498
00:24:13,870 --> 00:24:16,300
farsi un'idea di ciò che
dati si ha accesso.

499
00:24:16,300 --> 00:24:20,680
E come sempre se si è confusi,
cercare il riferimento API.

500
00:24:20,680 --> 00:24:23,430
E includeremo link
per questo al fine di questo.

501
00:24:23,430 --> 00:24:26,300
>> ARMAGHAN BEHLUM: Così siamo
aggiornare la pagina e poi

502
00:24:26,300 --> 00:24:28,880
andiamo e apriamo la console di nuovo.

503
00:24:28,880 --> 00:24:33,590
E ora ci accorgiamo che siamo
avendo fotogrammi passati in,

504
00:24:33,590 --> 00:24:37,834
questi piccoli oggetti abbiamo visto in precedenza.

505
00:24:37,834 --> 00:24:38,690
Quindi sì.

506
00:24:38,690 --> 00:24:42,870
Questi sono i nostri telai
mostrando nella console.

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

508
00:24:43,370 --> 00:24:46,970
>> Quindi, ora che abbiamo afferrato il
telai, come si potrebbe ricordare in precedenza

509
00:24:46,970 --> 00:24:51,800
dall'esempio che abbiamo avuto,
se controlliamo gesti dot telaio

510
00:24:51,800 --> 00:24:56,270
otteniamo la lista di gesti che
il telaio più recentemente catturato.

511
00:24:56,270 --> 00:25:01,510
Siamo in grado di controllare la lunghezza di tale matrice
per vedere se Leap catturato eventuali gesti.

512
00:25:01,510 --> 00:25:05,010
Quindi, se questo array è
maggiore di zero, allora abbiamo

513
00:25:05,010 --> 00:25:07,570
sappiamo che abbiamo delle cose da fare.

514
00:25:07,570 --> 00:25:15,040
>> Quindi cerchiamo di avvolgere che in una condizione if
e ora qui ciò che sappiamo è che

515
00:25:15,040 --> 00:25:20,390
hanno visto un gesto, cerchiamo di agire su di esso.

516
00:25:20,390 --> 00:25:25,721
Quindi, ora che siamo qui noi
avere un gesto di controllare.

517
00:25:25,721 --> 00:25:28,470
TOMAS REIMERS: Beh, la prima
cosa è che non è solo un gesto,

518
00:25:28,470 --> 00:25:29,840
potrebbe essere altrettanti gesti.

519
00:25:29,840 --> 00:25:30,964
>> ARMAGHAN BEHLUM: Molto vero.

520
00:25:30,964 --> 00:25:33,340
TOMAS REIMERS: So per
classico stile C qui

521
00:25:33,340 --> 00:25:36,334
Probabilmente dobbiamo provare a utilizzare un ciclo for.

522
00:25:36,334 --> 00:25:37,750
ARMAGHAN BEHLUM: Eccoci qui allora.

523
00:25:37,750 --> 00:25:42,870
Abbiamo deciso di iterare
attraverso i gesti.

524
00:25:42,870 --> 00:25:46,412
E vediamo.

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

526
00:25:49,380 --> 00:25:56,150
E ora, se abbiamo forse fatto
solo un gesto var uguale

527
00:25:56,150 --> 00:26:01,210
gesti telaio dot
Staffa i, ora abbiamo

528
00:26:01,210 --> 00:26:06,260
gesto in sé, che è solo uno
singola istanza di un oggetto gesto

529
00:26:06,260 --> 00:26:10,582
per noi lavorare con
all'interno di questo per ciclo.

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

531
00:26:12,869 --> 00:26:15,410
TOMAS REIMERS: sanità mentale di Let
controllare di nuovo qui e solo consolare

532
00:26:15,410 --> 00:26:17,370
dot login gesto per vedere quello che si ottiene.

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

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

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

536
00:26:23,780 --> 00:26:26,250
E aggiornare ancora una volta.

537
00:26:26,250 --> 00:26:30,030
>> TOMAS Reimers: e andiamo
provare a fare un gesto.

538
00:26:30,030 --> 00:26:34,600
Vedrai che un gruppo
di, quando scorrere,

539
00:26:34,600 --> 00:26:39,780
si ottiene un sacco di gesti in
console e se cerca di fare un cerchio,

540
00:26:39,780 --> 00:26:40,470
è solo--

541
00:26:40,470 --> 00:26:41,750
>> ARMAGHAN BEHLUM: Circles
sono solo veramente bello.

542
00:26:41,750 --> 00:26:45,000
>> TOMAS REIMERS: Ora c'è una cosa strana
qui, che si sta facendo un cerchio,

543
00:26:45,000 --> 00:26:48,730
ma questo sta registrando 80 gesti, giusto?

544
00:26:48,730 --> 00:26:50,070
Questo è un sacco di gesti.

545
00:26:50,070 --> 00:26:53,560
Così il primo genere di cose a
realizzare, e questo può essere fonte di confusione,

546
00:26:53,560 --> 00:26:57,050
è che un gesto
non è solo una volta effettuato l'accesso.

547
00:26:57,050 --> 00:27:01,107
>> Su ogni fotogramma, a destra,
quindi se sto facendo un cerchio

548
00:27:01,107 --> 00:27:02,940
Leap rileverà questo
è un cambiamento, da questa

549
00:27:02,940 --> 00:27:04,398
è un cambiamento, da questo è un cambiamento.

550
00:27:04,398 --> 00:27:05,970
E sarà registrare ogni uno di quelli.

551
00:27:05,970 --> 00:27:08,200
Ma in ciascuno di questi,
sta andando a dire, oh,

552
00:27:08,200 --> 00:27:10,050
c'è un gesto in corso.

553
00:27:10,050 --> 00:27:14,260
Quindi lasciatemi dire, ehi, c'è un
gesto ed è attualmente in corso.

554
00:27:14,260 --> 00:27:17,000
Quindi, ciò che non vogliamo
fare è dire, oh, su tutti

555
00:27:17,000 --> 00:27:19,370
di quei gesti che si
vuole cambiare il testo.

556
00:27:19,370 --> 00:27:23,660
Quello che vogliamo fare è quando quel gesto
si ferma, e siamo in grado di verificare la presenza di questo,

557
00:27:23,660 --> 00:27:24,974
allora vogliamo cambiare il testo.

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

559
00:27:25,890 --> 00:27:30,550
Così come è Tomas
spiegando questi gesti

560
00:27:30,550 --> 00:27:33,580
potrebbe apparire attraverso multiple
telai, ma per esempio,

561
00:27:33,580 --> 00:27:36,200
quando ci hanno visto
quel cerchio, si può vedere

562
00:27:36,200 --> 00:27:40,140
che l'ID per quello
unico cerchio che abbiamo

563
00:27:40,140 --> 00:27:43,950
potrebbe essere stato il tentativo di completare
era lo stesso ID tutta.

564
00:27:43,950 --> 00:27:46,320
E infatti, è anche possibile
controllare lo stato.

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

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

567
00:27:50,270 --> 00:27:55,680
>> E allora questa è probabilmente la
ultimo cerchio che, oh, beh, OK.

568
00:27:55,680 --> 00:28:00,480
Così a volte mostra una
lo stato di fermare un gesto

569
00:28:00,480 --> 00:28:04,180
e si mostra anche lo stato
di iniziare un nuovo gesto, quando

570
00:28:04,180 --> 00:28:09,140
riconosce per certo che
hai iniziato un nuovo gesto.

571
00:28:09,140 --> 00:28:10,637
Ad esempio in questo caso.

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

573
00:28:11,470 --> 00:28:12,511
ARMAGHAN BEHLUM: Quindi sì.

574
00:28:12,511 --> 00:28:14,420
E poi, vediamo.

575
00:28:14,420 --> 00:28:16,490
Si può anche notare
anche se stavamo facendo

576
00:28:16,490 --> 00:28:22,179
un cerchio e il gesto
ha un tipo di campo chiamato

577
00:28:22,179 --> 00:28:23,970
che ci dice che tipo
del gesto che è.

578
00:28:23,970 --> 00:28:27,829
Così che potrebbe essere utile per noi
si cerca di fare quello che stiamo facendo.

579
00:28:27,829 --> 00:28:29,620
TOMAS REIMERS: So
transizione torna a JS,

580
00:28:29,620 --> 00:28:31,696
la prima cosa che mi viene in mente
Inoltre, proprio attraverso la lettura di questo codice

581
00:28:31,696 --> 00:28:34,340
è c'è una piccola ottimizzazione,
che è in realtà

582
00:28:34,340 --> 00:28:35,980
non hanno bisogno di questo se la condizione, giusto?

583
00:28:35,980 --> 00:28:39,330
Perché se i gesti telaio dot dot
la lunghezza è zero, che per il ciclo di

584
00:28:39,330 --> 00:28:40,450
non andare a correre comunque.

585
00:28:40,450 --> 00:28:43,100
Quindi possiamo anche semplicemente andare
avanti e sbarazzarsi di quella.

586
00:28:43,100 --> 00:28:46,620
Ancora una volta, mentre si sta scrivendo il codice
è importante tornare indietro e ordinare

587
00:28:46,620 --> 00:28:50,330
di refactoring, come ti rendi conto che
avrebbe potuto fare qualcosa di meglio,

588
00:28:50,330 --> 00:28:53,370
o che c'è un altro modo per farlo.

589
00:28:53,370 --> 00:28:57,170
Così ora stiamo solo andando a pulire questo
rapidamente e anche ripulire il codice.

590
00:28:57,170 --> 00:28:58,310
Questo è un grosso problema.

591
00:28:58,310 --> 00:28:59,870
>> ARMAGHAN BEHLUM: Buono
stile è molto apprezzato.

592
00:28:59,870 --> 00:29:01,828
>> TOMAS REIMERS: è possibile
sempre sapere quando qualcuno

593
00:29:01,828 --> 00:29:05,240
ha codice in cui ha usato per essere un caso
condizioni e poi rimosso,

594
00:29:05,240 --> 00:29:07,530
ma non decommentarla.

595
00:29:07,530 --> 00:29:10,147
E 'molto evidente e
che tipo di sembra brutto.

596
00:29:10,147 --> 00:29:12,230
ARMAGHAN BEHLUM: Allora, qual è
vicino al nostro per fare la lista?

597
00:29:12,230 --> 00:29:15,479
TOMAS REIMERS: Così ora come dicevamo,
Credo che la prima cosa che vogliamo fare

598
00:29:15,479 --> 00:29:17,970
è fare in modo che quel gesto di
in realtà un colpo, giusto?

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

600
00:29:18,270 --> 00:29:21,750
>> TOMAS REIMERS: Quindi, se stiamo dicendo che
il nostro addio è un po 'come un colpo,

601
00:29:21,750 --> 00:29:25,280
andremo con il suo un colpo, il
prima cosa che dobbiamo dire è, hey,

602
00:29:25,280 --> 00:29:27,410
è il gesto di tipo un colpo, giusto?

603
00:29:27,410 --> 00:29:30,860
Non un cerchio o una parte superiore,
ma è un colpo?

604
00:29:30,860 --> 00:29:34,280
Quindi il modo in cui possiamo farlo
è possiamo dire gesto

605
00:29:34,280 --> 00:29:38,530
Tipo dot pari pari magnetica come una stringa.

606
00:29:38,530 --> 00:29:44,030
>> ARMAGHAN BEHLUM: [incomprensibile] gesto
Tipo dot uguale uguale colpo.

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

608
00:29:46,790 --> 00:29:47,730
Ci siamo.

609
00:29:47,730 --> 00:29:49,438
>> TOMAS REIMERS: E
poi l'ultima domanda

610
00:29:49,438 --> 00:29:53,170
vogliamo vedere è gesto dot
stato di arresto pari pari, giusto?

611
00:29:53,170 --> 00:29:55,860
Ecco, questo è quando il
gesto è stato fermato.

612
00:29:55,860 --> 00:29:58,490
Io in realtà penso di colpo, ho
conoscere questo la parte superiore della mia testa,

613
00:29:58,490 --> 00:30:00,340
ma hai la possibilità di
cercarlo, quando si

614
00:30:00,340 --> 00:30:05,627
scorrere ogni volta che lo registra
fino a quando ci si ferma è un gesto di partenza.

615
00:30:05,627 --> 00:30:07,460
E poi l'ultimo del
solo un gesto di arresto.

616
00:30:07,460 --> 00:30:11,090
Quindi ci sarà una sola fermata
gesto, che è grande per noi.

617
00:30:11,090 --> 00:30:17,180
Che cosa possiamo fare è dire se il gesto dot
digitare uguali uguali colpo e gesto dot

618
00:30:17,180 --> 00:30:19,950
stato pari pari
fermare, poi lasciare di sanità mentale

619
00:30:19,950 --> 00:30:21,725
controllare qui consolare gesto log dot.

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

621
00:30:29,420 --> 00:30:30,790
>> Così ci torneremo qui.

622
00:30:30,790 --> 00:30:33,570
Ci aggiorna la pagina.

623
00:30:33,570 --> 00:30:38,380
E ora l'unica volta qualcosa deve
essere dot console registrato è quando lo scorrimento.

624
00:30:38,380 --> 00:30:40,780
E cerchiamo di strisciare e si vede nulla.

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

626
00:30:41,280 --> 00:30:43,990
Quindi questo è in realtà un grande problema.

627
00:30:43,990 --> 00:30:47,560
Noi non stiamo vedendo quello che ci aspettavamo a.

628
00:30:47,560 --> 00:30:49,356
E debugging può essere una grande parte di questo.

629
00:30:49,356 --> 00:30:51,980
Quindi la prima cosa che andremo
dire è, OK, facciamo consolarli dot

630
00:30:51,980 --> 00:30:54,568
Login se gesto dot
digitare uguali uguali colpo.

631
00:30:54,568 --> 00:30:56,109
ARMAGHAN BEHLUM: Sì, facciamolo.

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

633
00:30:59,979 --> 00:31:02,020
TOMAS REIMERS: Quindi siamo
intenzione di tornare a questo.

634
00:31:02,020 --> 00:31:03,140
Ci rinfreschiamo.

635
00:31:03,140 --> 00:31:04,020
Ci scorrimento.

636
00:31:04,020 --> 00:31:05,150
E stiamo andando a vedere un gruppo di loro.

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

638
00:31:05,650 --> 00:31:08,710
Così chiaramente il problema era
con il nostro status gesto dot.

639
00:31:08,710 --> 00:31:14,000
Quindi, se ci apriamo uno di questi faremo
Guardiamo negli oggetti e vedremo,

640
00:31:14,000 --> 00:31:18,700
bene, è una sosta, ma, oh,
si chiama Stato, non lo stato.

641
00:31:18,700 --> 00:31:21,890
Quindi, se ci dirigiamo di nuovo a
il nostro codice si può dire

642
00:31:21,890 --> 00:31:27,780
se il tipo di gesto dot uguale uguale colpo
e fermata pari Stato gesto dot uguali,

643
00:31:27,780 --> 00:31:29,160
poi ci consoliamo dot registrarlo.

644
00:31:29,160 --> 00:31:30,940
E così aggiornare.

645
00:31:30,940 --> 00:31:31,856
Avviciniamo.

646
00:31:31,856 --> 00:31:33,730
E vedremo che su
ogni colpo, siamo solo

647
00:31:33,730 --> 00:31:36,247
ottenere uno, che è il
end, che è grande, giusto?

648
00:31:36,247 --> 00:31:37,080
Questo è quello che vogliamo.

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

650
00:31:37,955 --> 00:31:42,640
E possiamo anche notare che gli ID per
ciascuno di questi gesti sono separati.

651
00:31:42,640 --> 00:31:47,470
Così come Tomas diceva perché siamo
catturare questo stato uno stop che

652
00:31:47,470 --> 00:31:52,850
esiste alla fine di un colpo, siamo
ottenere i singoli gesti separati

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

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

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

656
00:31:58,610 --> 00:32:03,040
>> TOMAS REIMERS: Andiamo avanti e
basta fare la cosa finale, che è,

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

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

659
00:32:06,425 --> 00:32:08,925
E ora diamo un'occhiata nostro sito web.

660
00:32:08,925 --> 00:32:09,425
Uno

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

662
00:32:09,730 --> 00:32:11,271
Abbiamo fatto, sì, abbiamo chiamiamo Addio.

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

664
00:32:11,920 --> 00:32:13,490
>> TOMAS REIMERS: No, Goodbye
è una funzione reale.

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

666
00:32:14,406 --> 00:32:15,670
Facciamolo.

667
00:32:15,670 --> 00:32:20,566
>> TOMAS REIMERS: E quando
onda addio, dice addio.

668
00:32:20,566 --> 00:32:22,360
>> ARMAGHAN BEHLUM: Abbiamo la vittoria.

669
00:32:22,360 --> 00:32:25,632
>> TOMAS REIMERS: roba così piuttosto eccitante.

670
00:32:25,632 --> 00:32:28,590
Speriamo che si può costruire qualcosa
altro, ma si ottiene l'idea di, giusto?

671
00:32:28,590 --> 00:32:30,260
È possibile rilevare i gesti.

672
00:32:30,260 --> 00:32:31,469
È possibile chiamare le funzioni.

673
00:32:31,469 --> 00:32:34,510
E da quel che ti dà veramente
alcuni blocchi molto fondamentali di costruzione

674
00:32:34,510 --> 00:32:38,800
per dire, oh, forse quando si scorrere verso l'alto,
perché si può anche rilevare le cose

675
00:32:38,800 --> 00:32:39,674
direzione simile.

676
00:32:39,674 --> 00:32:40,840
Voglio che facciano qualcosa.

677
00:32:40,840 --> 00:32:43,470
O quando si Scorri a destra, I
vogliono loro di fare qualcosa.

678
00:32:43,470 --> 00:32:45,880
E possiamo cominciare a ottenere
creativo di come esattamente

679
00:32:45,880 --> 00:32:48,840
stiamo andando a migliorare il nostro sito
utilizzando questi gesti magnetiche o cerchio

680
00:32:48,840 --> 00:32:53,695
gesti, o gesti toccare,
o rubinetti o rubinetti schermo chiave.

681
00:32:53,695 --> 00:32:56,070
E poi diverso da quello che sei
più che benvenuti a giocare

682
00:32:56,070 --> 00:32:59,640
con i dati effettivi,
ma se si vuole fare

683
00:32:59,640 --> 00:33:03,870
che vi suggeriamo di andare alla documentazione
perché sono effettivamente molto buono.

684
00:33:03,870 --> 00:33:05,034
Quindi testa alla documentazione ora.

685
00:33:05,034 --> 00:33:06,450
O vuoi parlare di questo?

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

687
00:33:06,940 --> 00:33:07,920
Facciamolo.

688
00:33:07,920 --> 00:33:13,680
Anche un altro bocconcino di consiglio,
provate e pensare a questo in 3D.

689
00:33:13,680 --> 00:33:22,611
Quindi in realtà cerchiamo di tirare su quei gesti
ancora una volta registro dot console gesto

690
00:33:22,611 --> 00:33:24,290
e lo facciamo.

691
00:33:24,290 --> 00:33:29,460
Venite indietro e ora proviamo a
paio di questi, un paio di quelli.

692
00:33:29,460 --> 00:33:32,940
>> Se andiamo in e il check out
questi gesti così

693
00:33:32,940 --> 00:33:36,830
come si può vedere che
sono dimensionalità

694
00:33:36,830 --> 00:33:38,980
è in tre direzioni, in realtà.

695
00:33:38,980 --> 00:33:42,500
Quindi non solo limitare
a voi stessi di uno schermo 2D

696
00:33:42,500 --> 00:33:45,200
Anche se si potrebbe
essere su un sito 2D.

697
00:33:45,200 --> 00:33:49,152
Si può provare a pensare come un utente
potrebbe interagire con il sito in 3D.

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

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

700
00:33:51,401 --> 00:33:52,310
E sì.

701
00:33:52,310 --> 00:33:55,350
Così si ottiene direzioni, velocità,
tutti questi bit fresco di informazioni.

702
00:33:55,350 --> 00:33:58,890
>> TOMAS REIMERS: E se non siete
conoscenza che, va x, y,

703
00:33:58,890 --> 00:34:01,566
e poi z è questa ultima dimensione.

704
00:34:01,566 --> 00:34:04,690
Solo qualcosa che probabilmente si è
familiarità con se avete affrontato 3D

705
00:34:04,690 --> 00:34:05,731
prima di coordinare i piani.

706
00:34:05,731 --> 00:34:09,565
Se non lo avete, è lo stesso di un 2D
tranne c'è una terza dimensione.

707
00:34:09,565 --> 00:34:11,420
Noi lo chiamiamo z.

708
00:34:11,420 --> 00:34:16,449
E tutto, un po 'come
direzione, che è dove sta andando,

709
00:34:16,449 --> 00:34:19,810
Position-- penso che potrebbe anche
esporre accelerazione, non sono sicuro.

710
00:34:19,810 --> 00:34:21,341
>> ARMAGHAN BEHLUM: Sì, credo.

711
00:34:21,341 --> 00:34:22,340
Ha sicuramente velocità.

712
00:34:22,340 --> 00:34:25,699
Io non sono in realtà al 100%
sicuro di accelerazione.

713
00:34:25,699 --> 00:34:28,810
>> TOMAS REIMERS: Può essere un'opzione
è possibile passare a qualcosa.

714
00:34:28,810 --> 00:34:33,409
Così posizione e velocità sono esposti
in questo genere di tre coordinate.

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

716
00:34:38,812 --> 00:34:44,130
Così ora guidato alla documentazione
è developer.leapmotion.com

717
00:34:44,130 --> 00:34:46,460
e quindi è possibile fare clic Documentation.

718
00:34:46,460 --> 00:34:50,010
Ancora una volta, Leap Motion ha tutti questi
meravigliosi API, uno per JavaScript,

719
00:34:50,010 --> 00:34:53,750
una per C Sharp e Unity, uno per
C ++, uno per Java, uno per Python,

720
00:34:53,750 --> 00:34:59,020
e uno per l'obiettivo C. io personalmente
sarebbe spingere verso Javascript

721
00:34:59,020 --> 00:35:01,280
o se si vuole imparare una
nuova lingua, provare Python.

722
00:35:01,280 --> 00:35:05,910
Entrambi questi linguaggi con cui ho lavorato
prima e sono veramente facile da imparare

723
00:35:05,910 --> 00:35:10,250
e già sapete JavaScript, che
lo rende un ottimo contendente.

724
00:35:10,250 --> 00:35:12,930
>> Una parola di cautela
quando si entra la documentazione.

725
00:35:12,930 --> 00:35:15,940
Assicurati di essere a Docs v2.0.

726
00:35:15,940 --> 00:35:20,250
Perché se siete su
versione uno, non funzionerà.

727
00:35:20,250 --> 00:35:21,830
Anche per la galleria esempio.

728
00:35:21,830 --> 00:35:25,100
Abbiamo trascorso 30 minuti buoni
cercando di debug nostro Leap

729
00:35:25,100 --> 00:35:28,640
prima ci siamo resi conto che
V1 non funziona con V2.

730
00:35:28,640 --> 00:35:31,660
Quindi, solo assicurarsi che siete sulla versione a due.

731
00:35:31,660 --> 00:35:33,904
E poi io lo lascio
mostrare i vostri i documenti.

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

733
00:35:34,820 --> 00:35:39,480
Quindi, ecco la panoramica API e poi
alcuni pezzi di informazioni

734
00:35:39,480 --> 00:35:41,420
che abbiamo già detto.

735
00:35:41,420 --> 00:35:44,270
Nice little galleggiante
mani sopra un salto di movimento.

736
00:35:44,270 --> 00:35:47,850
E un promemoria per pensare
dello spazio in 3D.

737
00:35:47,850 --> 00:35:53,140
Uno dei primi oggetti a cui pensare
con Leap Motion sono le mani, naturalmente.

738
00:35:53,140 --> 00:35:57,060
Abbiamo visto quelli riconosciuti
dal Visualizer.

739
00:35:57,060 --> 00:35:59,180
E allora si potrebbe avere
visto che riconosciuto

740
00:35:59,180 --> 00:36:03,202
parte del polso e
braccio ad esso associati.

741
00:36:03,202 --> 00:36:05,410
TOMAS REIMERS: Se si desidera
per tirare su il Visualizer.

742
00:36:05,410 --> 00:36:07,190
ARMAGHAN BEHLUM: Sì,
facciamolo di nuovo.

743
00:36:07,190 --> 00:36:10,148
TOMAS REIMERS: Si può vedere, sempre
solo un buon promemoria per tipo di vedere,

744
00:36:10,148 --> 00:36:14,060
Visualizer cerca di mostrare
tutti i dati che vede salto.

745
00:36:14,060 --> 00:36:17,606
Così vedrete che abbiamo
questo genere di quattro punti

746
00:36:17,606 --> 00:36:19,230
per il polso e poi al polso reale.

747
00:36:19,230 --> 00:36:21,625
E hai anche questa palla al palmo della mano.

748
00:36:21,625 --> 00:36:24,000
Tutti questi sono punti
riconoscono agli riconosciuto dal salto.

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

750
00:36:25,041 --> 00:36:32,300
E così con quell'oggetto mano
ogni frame ha una matrice mano

751
00:36:32,300 --> 00:36:36,470
come pure, dove è anche possibile ottenere
la mano destra e sinistra.

752
00:36:36,470 --> 00:36:39,410
È possibile ottenere che
direzione le mani sono

753
00:36:39,410 --> 00:36:42,410
rivolto con la normale
Direzione del palmo,

754
00:36:42,410 --> 00:36:45,470
o come lo chiamano la palma normale.

755
00:36:45,470 --> 00:36:46,510
Che altro abbiamo?

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

757
00:36:48,120 --> 00:36:50,640
Proviamo e scorrere verso il basso in questo modo.

758
00:36:50,640 --> 00:36:54,410
Le braccia, le dita sono
rappresentata dal dito

759
00:36:54,410 --> 00:36:57,890
di classe, che è un oggetto orientabili.

760
00:36:57,890 --> 00:37:01,420
Così come dicevamo, abbiamo visto che
serie di pointables per ogni mano.

761
00:37:01,420 --> 00:37:04,240
Quelli sono il piccolo
dita a cui pensare.

762
00:37:04,240 --> 00:37:09,809
Quindi questa è una buona panoramica di andare
attraverso cercare di capire.

763
00:37:09,809 --> 00:37:11,850
TOMAS REIMERS: [incomprensibile]
mano anatomia lassù.

764
00:37:11,850 --> 00:37:13,680
ARMAGHAN BEHLUM: Sì, esattamente.

765
00:37:13,680 --> 00:37:14,220
Quindi sì.

766
00:37:14,220 --> 00:37:18,150
C'è un sacco di dati grezzi che la
Leap Motion prende in interpreta bene

767
00:37:18,150 --> 00:37:20,750
per voi, quindi è un grande
idea di andare da qui

768
00:37:20,750 --> 00:37:25,300
e cercare di capire come Leap ha
già capito le cose per voi

769
00:37:25,300 --> 00:37:28,830
e così le informazioni che si
avere a disposizione da lì.

770
00:37:28,830 --> 00:37:33,150
E poi da lì mi sento di raccomandare
andando in questa sezione sinistra qui,

771
00:37:33,150 --> 00:37:39,210
che va, anche in realtà no, quelli sono
in realtà solo più API roba about--

772
00:37:39,210 --> 00:37:42,670
>> TOMAS REIMERS: Il riferimento API al
fondo di solito è un buon posto dove andare.

773
00:37:42,670 --> 00:37:45,720
Voi ragazzi probabilmente visto questo quando
abbiamo fatto la Google Maps PSET.

774
00:37:45,720 --> 00:37:48,590
Ma il riferimento davvero
va solo attraverso tutti

775
00:37:48,590 --> 00:37:54,540
delle funzioni e dei parametri
disponibile nell'oggetto per voi.

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

777
00:37:55,500 --> 00:37:57,740
Per esempio, questo è ciò che
Cercavo prima.

778
00:37:57,740 --> 00:38:01,030
Quando abbiamo una mano noi
può andare e capire

779
00:38:01,030 --> 00:38:03,750
come Leap consiglia
a noi trovare una mano.

780
00:38:03,750 --> 00:38:06,080
Come ho detto prima,
abbiamo un array di mani.

781
00:38:06,080 --> 00:38:10,340
Scopri se abbiamo mani e
poi cercare di afferrare una sola mano

782
00:38:10,340 --> 00:38:12,410
interagire con in questo modo.

783
00:38:12,410 --> 00:38:16,540
Ecco, questo è quello che abbiamo
raccomandare per voi ragazzi.

784
00:38:16,540 --> 00:38:18,400
I gesti e cose così.

785
00:38:18,400 --> 00:38:23,857
Questa documentazione API sta per
essere uno strumento fantastico per voi ragazzi.

786
00:38:23,857 --> 00:38:25,440
Avete altri suggerimenti?

787
00:38:25,440 --> 00:38:26,398
>> TOMAS REIMERS: non lo faccio.

788
00:38:26,398 --> 00:38:27,590
Penso che sia un bene per ora.

789
00:38:27,590 --> 00:38:29,340
>> ARMAGHAN BEHLUM: Sì,
Credo di sì pure.

790
00:38:29,340 --> 00:38:33,330
Non esitate a contattarci via email ed ottenere
in contatto su Leap Motion

791
00:38:33,330 --> 00:38:36,210
se hai forse eventuali problemi
o bisogno di eventuali raccomandazioni.

792
00:38:36,210 --> 00:38:40,310
E possiamo cercare di capire cose
con voi pure.

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

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

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