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

2
00:00:11,712 --> 00:00:12,850
>> ROB BOWDEN: Salut.

3
00:00:12,850 --> 00:00:13,780
Je suis Rob.

4
00:00:13,780 --> 00:00:19,500
Et j'espère que vous êtes prêt à prendre ce
Je déposer ou de débarquer,

5
00:00:19,500 --> 00:00:22,230
ou nous allons commencer.

6
00:00:22,230 --> 00:00:25,040
Donc la première chose que nous devons
à faire est de ramasser.

7
00:00:25,040 --> 00:00:29,370
Maintenant, ramasser va être de retirer la
Les icônes des passagers de la Google

8
00:00:29,370 --> 00:00:32,759
carte dans le coin en bas à droite et de
la Terre Google dans le centre de

9
00:00:32,759 --> 00:00:33,970
l'écran.

10
00:00:33,970 --> 00:00:37,180
Ainsi, afin de supprimer les
icônes, nous avons besoin de la

11
00:00:37,180 --> 00:00:39,040
références à ces quelque part.

12
00:00:39,040 --> 00:00:43,680
Mais actuellement, la fonction Remplir
juste de se débarrasser d'eux.

13
00:00:43,680 --> 00:00:48,140
Donc, nous allons avoir à modifier
peupler de les conserver.

14
00:00:48,140 --> 00:00:53,440
>> Maintenant première chose que nous allons voir, c'est que nous
avoir un réseau mondial de passagers.

15
00:00:53,440 --> 00:00:57,710
Et donc nous allons utiliser c'est mondiaux
passagers tableau dans Remplir.

16
00:00:57,710 --> 00:01:03,230
En Remplir, nous voyons que nous sommes en boucle
sur l'ensemble de nos passagers.

17
00:01:03,230 --> 00:01:10,420
Et c'est cette boucle qui est la création de la
placer marque pour Google Earth et l'

18
00:01:10,420 --> 00:01:12,540
marqueur pour la carte Google.

19
00:01:12,540 --> 00:01:16,420
Et maintenant notre modification
à remplir est d'être ici.

20
00:01:16,420 --> 00:01:21,760
Nous sommes donc d'ajouter à nos passagers »
tableau de cet objet qui maintient

21
00:01:21,760 --> 00:01:26,480
autour de la marque de marqueur et le lieu que nous venons de
créé avec la maison et

22
00:01:26,480 --> 00:01:28,460
le nom du passager.

23
00:01:28,460 --> 00:01:30,560
>> Donc, c'est tout pour peupler.

24
00:01:30,560 --> 00:01:33,210
Maintenant, nous devons regarder le ramassage.

25
00:01:33,210 --> 00:01:38,540
Donc, en pick-up, nous sommes une fois de plus aller à
itérer sur tous nos passagers.

26
00:01:38,540 --> 00:01:41,340
Mais maintenant, c'est notre monde
passagers tableau.

27
00:01:41,340 --> 00:01:46,150
Et ici nous voyons que bien, avons
nous avons déjà ramassé ce passager?

28
00:01:46,150 --> 00:01:50,030
Car si nous avons ramassé ce
passagers, nous voyons à la fin que

29
00:01:50,030 --> 00:01:55,240
nous allons définir la marque et le
lieu marque à nulle car ils ne sont

30
00:01:55,240 --> 00:01:56,930
plus sur la carte Google.

31
00:01:56,930 --> 00:02:00,920
>> Donc, si nous avons déjà ramassé ce
passager puis nous allons juste

32
00:02:00,920 --> 00:02:02,920
continuer à la prochaine passager.

33
00:02:02,920 --> 00:02:07,380
Sinon, nous vérifions pour voir si ce
la maison de passagers est à l'intérieur de la

34
00:02:07,380 --> 00:02:08,590
La gamme de la maison.

35
00:02:08,590 --> 00:02:11,900
Il s'agit de la vérification, nous devons faire en sorte
que nous ne choisissons pas la première année que

36
00:02:11,900 --> 00:02:13,180
la spécification dit.

37
00:02:13,180 --> 00:02:15,920
Donc, si le passager est un étudiant de première année,
nous allons

38
00:02:15,920 --> 00:02:18,190
continuer à la prochaine passager.

39
00:02:18,190 --> 00:02:21,720
>> Une fois que nous avons vérifié qu'il s'agit d'une
passager nous faut ramasser,

40
00:02:21,720 --> 00:02:25,340
nous allons maintenant vérifier la latitude
et la longitude du passager et de voir

41
00:02:25,340 --> 00:02:27,760
si c'est moins de 15 pieds
de la navette.

42
00:02:27,760 --> 00:02:31,720
Si c'est le cas, nous voulons effectivement
pour ramasser ce passager.

43
00:02:31,720 --> 00:02:35,890
Donc nous intégrons sur tous les sièges
dans notre navette afin de voir si

44
00:02:35,890 --> 00:02:38,110
il ya une place disponible
pour le passager.

45
00:02:38,110 --> 00:02:41,540
Si l'un des sièges est nul,
c'est une place disponible.

46
00:02:41,540 --> 00:02:45,140
Ainsi nous ajoutons le passager sur le siège.

47
00:02:45,140 --> 00:02:48,760
Nous nous souvenons que nous avons pris la
passager de sorte que à la fin, nous pouvons

48
00:02:48,760 --> 00:02:52,450
annoncer si nous avons effectivement
ne pas choisir n'importe up.

49
00:02:52,450 --> 00:02:56,140
Nous nous souvenons que nous assis ce
passager car si nous parvenons à obtenir

50
00:02:56,140 --> 00:02:59,320
à travers toute la navette sans
sièges du passager, alors nous devons

51
00:02:59,320 --> 00:03:00,885
annonçons que nous sommes hors des sièges.

52
00:03:00,885 --> 00:03:03,760

53
00:03:03,760 --> 00:03:06,885
>> Ensuite, nous enlevons leur place
marquer de Google Earth.

54
00:03:06,885 --> 00:03:11,310
Nous enlevons leur marqueur de Google Maps,
placé à l'intérieur de nos passagers »

55
00:03:11,310 --> 00:03:14,830
tableau lieu marque et marqueur
null comme nous l'avons dit.

56
00:03:14,830 --> 00:03:16,035
Et puis c'est tout.

57
00:03:16,035 --> 00:03:17,050
Le passager a été assis.

58
00:03:17,050 --> 00:03:19,570
Une fois que nous l'avons fait pour tous les passagers
moins de 15 pieds de la

59
00:03:19,570 --> 00:03:23,250
navette, nous avons besoin de rechart.

60
00:03:23,250 --> 00:03:30,270
>> Donc Tableau est ce qui se passe pour afficher la
passagers dans les sièges plus ici.

61
00:03:30,270 --> 00:03:32,760
Alors maintenant, regardons Tableau.

62
00:03:32,760 --> 00:03:37,960
A l'intérieur du tableau, nous allons être
construire le code HTML pour le tableau.

63
00:03:37,960 --> 00:03:41,160
Ainsi, le tableau va
être une liste ordonnée.

64
00:03:41,160 --> 00:03:44,300
Ensuite, nous parcourons tous
les sièges de notre navette.

65
00:03:44,300 --> 00:03:48,450
Donc, si ce siège particulier est nul, que
signifie que nous voulons un élément de liste

66
00:03:48,450 --> 00:03:50,800
indique qu'il s'agit d'un simple vide.

67
00:03:50,800 --> 00:03:55,650
Sinon, si ce n'était pas nulle, alors que nous voulons
un élément de la liste qui va afficher

68
00:03:55,650 --> 00:03:58,660
le nom du passager, et
la maison du passager

69
00:03:58,660 --> 00:04:00,420
c'est dans ce siège.

70
00:04:00,420 --> 00:04:04,620
>> Une fois que nous avons répétées sur tous les
sièges alors nous fermons notre liste ordonnée

71
00:04:04,620 --> 00:04:09,410
et utiliser jQuery pour sélectionner le tableau div
et remplacer c'est HTML avec notre nouveau

72
00:04:09,410 --> 00:04:10,550
liste ordonnée.

73
00:04:10,550 --> 00:04:12,090
Et c'est tout pour le graphique.

74
00:04:12,090 --> 00:04:15,170
>> Donc dernière chose est tomber.

75
00:04:15,170 --> 00:04:20,860
Maintenant déposer va être
assez similaire à ramasser.

76
00:04:20,860 --> 00:04:24,150
Au lieu de boucler sur tous les
passagers, nous allons faire une boucle sur

77
00:04:24,150 --> 00:04:25,780
tous les sièges de la navette.

78
00:04:25,780 --> 00:04:29,720
Donc en boucle sur les sièges de la navette, nous
voir est ce siège de navette particulier

79
00:04:29,720 --> 00:04:32,850
pas nulle, auquel cas il n'y a
un passager dans ce siège.

80
00:04:32,850 --> 00:04:35,380
Si c'est le cas, nous voulons
de saisir la latitude et la

81
00:04:35,380 --> 00:04:37,030
la longitude de ce passager.

82
00:04:37,030 --> 00:04:42,110
>> Donc, en utilisant le réseau de la maison, nous sommes
va saisir la maison de l'

83
00:04:42,110 --> 00:04:46,990
ce passager, puis saisir le
latitude de cette maison particulière

84
00:04:46,990 --> 00:04:49,070
et de même pour la longitude.

85
00:04:49,070 --> 00:04:54,270
Maintenant, nous utilisons une fois de plus la distance pour voir
dans cette maison est dans les 30 pieds de nous.

86
00:04:54,270 --> 00:04:58,320
Si c'est le cas, ils veulent mettre
ce siège à null, car le passager

87
00:04:58,320 --> 00:05:01,760
été déposés, et incrément
un passager a été déposé.

88
00:05:01,760 --> 00:05:05,910
Alors que dans la fin, si personne n'était
déposer, nous vous annonçons que personne ne

89
00:05:05,910 --> 00:05:07,600
veut être déposés ici.

90
00:05:07,600 --> 00:05:12,510
>> Enfin, nous devons rechart sorte que
nous affichons nouveaux sièges vides.

91
00:05:12,510 --> 00:05:15,770
Maintenant, vous avez juste besoin de mettre en œuvre
quelques fonctionnalités supplémentaires.

92
00:05:15,770 --> 00:05:17,680
Maintenant, il ya beaucoup vous pourriez
ont choisi de.

93
00:05:17,680 --> 00:05:21,630
Mais dans notre cas, nous avons mis en téléportation,
voler, et d'accélérer, et

94
00:05:21,630 --> 00:05:22,770
dévale.

95
00:05:22,770 --> 00:05:25,100
Examinons donc à ceux-ci.

96
00:05:25,100 --> 00:05:27,830
Tout d'abord, nous allons jeter un oeil à
la fonction accélération.

97
00:05:27,830 --> 00:05:32,720
Donc, dans notre cas, dans la séquence de touches
fonction, où nous sommes déjà la manipulation

98
00:05:32,720 --> 00:05:39,900
toutes ces touches, nous allons aussi
reconnaître X et Z. Ce qui nous spécifions

99
00:05:39,900 --> 00:05:43,720
que ces personnages vont
provoquer la vitesse de la navette à

100
00:05:43,720 --> 00:05:46,530
augmenter ou diminuer.

101
00:05:46,530 --> 00:05:50,940
>> Donc, remarquons que nous avons mis une limite sur la façon
haut et sur la façon dont la vitesse faible peut

102
00:05:50,940 --> 00:05:55,030
effectivement aller car nous ne voulons pas
la navette est trop rapide.

103
00:05:55,030 --> 00:05:58,180
Et nous ne voulons pas la navette de
vitesse pour aller à zéro ou peut-être

104
00:05:58,180 --> 00:06:01,480
même négative qui se traduira
dans un comportement étrange.

105
00:06:01,480 --> 00:06:03,890
Et c'est tout pour excès de vitesse
et ralentir.

106
00:06:03,890 --> 00:06:05,980
>> Maintenant, nous allons jeter un oeil à vol.

107
00:06:05,980 --> 00:06:11,370
Alors, n'oubliez pas que la fonction de vol
vous oblige à entrer le code de Konami.

108
00:06:11,370 --> 00:06:18,070
Alors au sommet, nous voyons que nous avons une certaine
des variables globales, le code Konami qui est

109
00:06:18,070 --> 00:06:20,975
un tableau qui vient de garder une trace de l'
clés qui doivent être remplies pour

110
00:06:20,975 --> 00:06:22,600
Code Konami.

111
00:06:22,600 --> 00:06:26,340
Il ya une Bool qui indique juste
si le code Konami a déjà

112
00:06:26,340 --> 00:06:27,660
été entré.

113
00:06:27,660 --> 00:06:30,430
Et puis il ya l'indice en
le tableau le code Konami qui

114
00:06:30,430 --> 00:06:31,770
nous sommes actuellement à.

115
00:06:31,770 --> 00:06:36,020
>> Donc, si l'utilisateur a déjà entré trois
caractères du code Konami

116
00:06:36,020 --> 00:06:40,530
alors l'indice va pointer vers
la quatrième chose dans le tableau, la

117
00:06:40,530 --> 00:06:42,150
troisième index.

118
00:06:42,150 --> 00:06:44,630
Utilisation que, une fois de plus nous allons
regarder la course clé.

119
00:06:44,630 --> 00:06:48,040

120
00:06:48,040 --> 00:06:51,910
Et dans la course clé que nous voyons ici que si
Code Konami n'a pas déjà été

121
00:06:51,910 --> 00:06:58,410
entrée, alors que nous voulons voir, c'est le
clé qui a été saisi ce que nous sommes

122
00:06:58,410 --> 00:07:01,250
attend actuellement de
le tableau le code Konami.

123
00:07:01,250 --> 00:07:04,350
Si c'est le cas,
on incrémente l'index.

124
00:07:04,350 --> 00:07:07,660
>> Si les types d'utilisateurs indice Jusqu'à alors
va aller à un.

125
00:07:07,660 --> 00:07:10,280
Ensuite, l'utilisateur va taper à nouveau,
l'indice va à deux.

126
00:07:10,280 --> 00:07:12,150
Puis ils vont taper vers le bas,
il ira à trois.

127
00:07:12,150 --> 00:07:17,320
Si on tape Q, il va remis à
zéro car elles ne correspondent pas

128
00:07:17,320 --> 00:07:20,140
la valeur attendue.

129
00:07:20,140 --> 00:07:24,810
Maintenant, si ils arrivent à passer à travers la
tableau entier, puis ils ont entré dans la

130
00:07:24,810 --> 00:07:26,280
Code de Konami.

131
00:07:26,280 --> 00:07:33,960
Dans ce cas, maintenant que Konami est entré
C'est vrai, nous voyons ici que si

132
00:07:33,960 --> 00:07:40,460
Konami a été conclu, nous acceptons deux nouveaux
touches, C et E. Quels tous ceux feront

133
00:07:40,460 --> 00:07:45,800
est fixé le volant vers le bas et de vol
États à la hausse dans la navette.

134
00:07:45,800 --> 00:07:48,530
Ainsi existent déjà pour vous.

135
00:07:48,530 --> 00:07:51,190
Vous avez juste besoin de prendre
profiter d'eux.

136
00:07:51,190 --> 00:07:52,890
Et c'est tout pour voler.

137
00:07:52,890 --> 00:07:54,680
>> Enfin, nous avons téléporter.

138
00:07:54,680 --> 00:08:00,710
Donc, à l'intérieur de l'HTML, nous voyons que
nous avons ajouté une zone de saisie et un

139
00:08:00,710 --> 00:08:02,270
bouton téléporter.

140
00:08:02,270 --> 00:08:08,300
La boîte a l'adresse d'identification, et le bouton
a un bouton de téléportation d'identité.

141
00:08:08,300 --> 00:08:13,970
Maintenant un peu ennuyeux détail est que
si nous ne faisons rien avec l'événement

142
00:08:13,970 --> 00:08:19,210
gestionnaires alors quand nous essayons de saisir
quelque chose comme A dans la zone de saisie,

143
00:08:19,210 --> 00:08:25,250
au lieu de réellement attachant A, notre Google
Terre va se déplacer à l'

144
00:08:25,250 --> 00:08:30,040
A gauche depuis déjà inscrit
à gérer le déplacement vers la gauche.

145
00:08:30,040 --> 00:08:35,100
>> Ainsi, le détail gênant, c'est que
quand nous avons sur une touche ou sur la touche jusqu'à

146
00:08:35,100 --> 00:08:40,789
événement à l'intérieur de la zone de saisie, nous voulons
de propagation qui est event.stop

147
00:08:40,789 --> 00:08:43,830
aller juste pour empêcher le
de glissement de la navette.

148
00:08:43,830 --> 00:08:48,510
Une fois que c'est manipulés, nous voulons aussi ajouter
un gestionnaire sur le bouton de téléportation.

149
00:08:48,510 --> 00:08:52,880
Quand on clique sur le bouton de téléportation, nous
saisir l'adresse, qui est le courant

150
00:08:52,880 --> 00:08:57,580
valeur dans la zone de saisie, puis
nous appelons cette fonction de téléportation.

151
00:08:57,580 --> 00:09:00,910
>> Alors qu'est-ce téléport
fonction ressemble?

152
00:09:00,910 --> 00:09:04,840
Eh bien, la première chose que nous voyons est que nous sommes
utilisant géocodeur. géocodage.

153
00:09:04,840 --> 00:09:06,940
Alors qu'est-ce que c'est?

154
00:09:06,940 --> 00:09:10,330
Eh bien, si nous regardons en haut,
nous voyons que nous avons un nouveau

155
00:09:10,330 --> 00:09:13,860
variable globale, géocodage.

156
00:09:13,860 --> 00:09:17,500
Et c'est une référence mondiale
à un service de géocodage.

157
00:09:17,500 --> 00:09:19,380
Maintenant qu'est-ce que faire pour nous?

158
00:09:19,380 --> 00:09:23,810
Eh bien, dans la zone d'entrée, je vais être
entrer quelque chose comme 33 Oxford

159
00:09:23,810 --> 00:09:26,040
Street Cambridge, Massachusetts.

160
00:09:26,040 --> 00:09:28,580
Mais nous ne pouvons pas vraiment faire
quelque chose avec ça.

161
00:09:28,580 --> 00:09:31,760
Nous voulons convertir que pour
latitude et la longitude.

162
00:09:31,760 --> 00:09:34,940
Et c'est ce que le service de géocodage
va faire pour nous.

163
00:09:34,940 --> 00:09:40,630
Au bas de initcb, on voit que
nous avons géocodeur est égal à nouveau

164
00:09:40,630 --> 00:09:45,830
google.maps.geocoder qui initialise
cette variable pour nous.

165
00:09:45,830 --> 00:09:47,930
>> Donc, retour à téléporter.

166
00:09:47,930 --> 00:09:51,240
Nous voyons que nous utilisons le géocodage.

167
00:09:51,240 --> 00:09:54,970
Nous géocodage de l'adresse qui était
passé à la fonction de téléportation qui

168
00:09:54,970 --> 00:09:57,450
a été saisi dans la zone d'entrée.

169
00:09:57,450 --> 00:10:02,020
Et nous passer un appel de retour
qui prend les résultats et l'état.

170
00:10:02,020 --> 00:10:05,905
Donc la première chose que nous devons vérifier par
la documentation de l'API de google.maps.

171
00:10:05,905 --> 00:10:06,130
GeocodingService.

172
00:10:06,130 --> 00:10:08,330
Cartes

173
00:10:08,330 --> 00:10:11,550
>> Donc, nous devons vérifier l'état
pour voir si il est revenu.

174
00:10:11,550 --> 00:10:16,820
google.maps.GeocoderStatus.OK qui
indique que nous avons un résultat valide.

175
00:10:16,820 --> 00:10:19,310
Si nous n'avons pas, alors nous obtenons, aucun peut faire.

176
00:10:19,310 --> 00:10:20,990
Cela pourrait être une adresse non valide.

177
00:10:20,990 --> 00:10:24,630
Ou la puissance de service de l'API
être en panne ou qui sait?

178
00:10:24,630 --> 00:10:29,980
En supposant que nous avons un résultat de succès alors
nous allons saisir l'emplacement de

179
00:10:29,980 --> 00:10:30,790
le résultat.

180
00:10:30,790 --> 00:10:34,220
Et nous allons mettre la carte Google
dans le coin inférieur droit de

181
00:10:34,220 --> 00:10:38,870
centrée à cet endroit et mettre à jour le
bus sur la carte à cet endroit.

182
00:10:38,870 --> 00:10:41,620
>> Et maintenant, nous devons mettre à jour le
Google Earth plug-in.

183
00:10:41,620 --> 00:10:45,340
Donc, nous mettons à jour la latitude et la
la longitude de la navette.

184
00:10:45,340 --> 00:10:50,570
Et nous avons aussi besoin de mettre à jour
shuttle.localAnchorCartesian depuis si

185
00:10:50,570 --> 00:10:55,250
vous regardez shuttle.js, vous verrez que
qui assure également le suivi de latitude

186
00:10:55,250 --> 00:10:56,310
et la longitude.

187
00:10:56,310 --> 00:10:59,490
Donc, si nous ne mettons pas à jour, nous avons la
latitude et la longitude d'origine

188
00:10:59,490 --> 00:11:01,330
stockée caché quelque part.

189
00:11:01,330 --> 00:11:06,490
Donc, la mise à jour que maintenant, nous appelons
shuttle.updateCamera pour actualiser la

190
00:11:06,490 --> 00:11:09,070
l'écran et nous montrer notre nouvel emplacement.

191
00:11:09,070 --> 00:11:10,380
Et c'est tout.

192
00:11:10,380 --> 00:11:11,500
Mon nom est Rob.

193
00:11:11,500 --> 00:11:12,750
Et ce fut navette.

194
00:11:12,750 --> 00:11:18,080