>> ROB BOWDEN: Salut.
Je suis Rob.
Et j'espère que vous êtes prêt à prendre ce Je déposer ou de débarquer,
ou nous allons commencer.
Donc la première chose que nous devons à faire est de ramasser.
Maintenant, ramasser va être de retirer la Les icônes des passagers de la Google
carte dans le coin en bas à droite et de la Terre Google dans le centre de
l'écran.
Ainsi, afin de supprimer les icônes, nous avons besoin de la
références à ces quelque part.
Mais actuellement, la fonction Remplir juste de se débarrasser d'eux.
Donc, nous allons avoir à modifier peupler de les conserver.
>> Maintenant première chose que nous allons voir, c'est que nous avoir un réseau mondial de passagers.
Et donc nous allons utiliser c'est mondiaux passagers tableau dans Remplir.
En Remplir, nous voyons que nous sommes en boucle sur l'ensemble de nos passagers.
Et c'est cette boucle qui est la création de la placer marque pour Google Earth et l'
marqueur pour la carte Google.
Et maintenant notre modification à remplir est d'être ici.
Nous sommes donc d'ajouter à nos passagers » tableau de cet objet qui maintient
autour de la marque de marqueur et le lieu que nous venons de créé avec la maison et
le nom du passager.
>> Donc, c'est tout pour peupler.
Maintenant, nous devons regarder le ramassage.
Donc, en pick-up, nous sommes une fois de plus aller à itérer sur tous nos passagers.
Mais maintenant, c'est notre monde passagers tableau.
Et ici nous voyons que bien, avons nous avons déjà ramassé ce passager?
Car si nous avons ramassé ce passagers, nous voyons à la fin que
nous allons définir la marque et le lieu marque à nulle car ils ne sont
plus sur la carte Google.
>> Donc, si nous avons déjà ramassé ce passager puis nous allons juste
continuer à la prochaine passager.
Sinon, nous vérifions pour voir si ce la maison de passagers est à l'intérieur de la
La gamme de la maison.
Il s'agit de la vérification, nous devons faire en sorte que nous ne choisissons pas la première année que
la spécification dit.
Donc, si le passager est un étudiant de première année, nous allons
continuer à la prochaine passager.
>> Une fois que nous avons vérifié qu'il s'agit d'une passager nous faut ramasser,
nous allons maintenant vérifier la latitude et la longitude du passager et de voir
si c'est moins de 15 pieds de la navette.
Si c'est le cas, nous voulons effectivement pour ramasser ce passager.
Donc nous intégrons sur tous les sièges dans notre navette afin de voir si
il ya une place disponible pour le passager.
Si l'un des sièges est nul, c'est une place disponible.
Ainsi nous ajoutons le passager sur le siège.
Nous nous souvenons que nous avons pris la passager de sorte que à la fin, nous pouvons
annoncer si nous avons effectivement ne pas choisir n'importe up.
Nous nous souvenons que nous assis ce passager car si nous parvenons à obtenir
à travers toute la navette sans sièges du passager, alors nous devons
annonçons que nous sommes hors des sièges.
>> Ensuite, nous enlevons leur place marquer de Google Earth.
Nous enlevons leur marqueur de Google Maps, placé à l'intérieur de nos passagers »
tableau lieu marque et marqueur null comme nous l'avons dit.
Et puis c'est tout.
Le passager a été assis.
Une fois que nous l'avons fait pour tous les passagers moins de 15 pieds de la
navette, nous avons besoin de rechart.
>> Donc Tableau est ce qui se passe pour afficher la passagers dans les sièges plus ici.
Alors maintenant, regardons Tableau.
A l'intérieur du tableau, nous allons être construire le code HTML pour le tableau.
Ainsi, le tableau va être une liste ordonnée.
Ensuite, nous parcourons tous les sièges de notre navette.
Donc, si ce siège particulier est nul, que signifie que nous voulons un élément de liste
indique qu'il s'agit d'un simple vide.
Sinon, si ce n'était pas nulle, alors que nous voulons un élément de la liste qui va afficher
le nom du passager, et la maison du passager
c'est dans ce siège.
>> Une fois que nous avons répétées sur tous les sièges alors nous fermons notre liste ordonnée
et utiliser jQuery pour sélectionner le tableau div et remplacer c'est HTML avec notre nouveau
liste ordonnée.
Et c'est tout pour le graphique.
>> Donc dernière chose est tomber.
Maintenant déposer va être assez similaire à ramasser.
Au lieu de boucler sur tous les passagers, nous allons faire une boucle sur
tous les sièges de la navette.
Donc en boucle sur les sièges de la navette, nous voir est ce siège de navette particulier
pas nulle, auquel cas il n'y a un passager dans ce siège.
Si c'est le cas, nous voulons de saisir la latitude et la
la longitude de ce passager.
>> Donc, en utilisant le réseau de la maison, nous sommes va saisir la maison de l'
ce passager, puis saisir le latitude de cette maison particulière
et de même pour la longitude.
Maintenant, nous utilisons une fois de plus la distance pour voir dans cette maison est dans les 30 pieds de nous.
Si c'est le cas, ils veulent mettre ce siège à null, car le passager
été déposés, et incrément un passager a été déposé.
Alors que dans la fin, si personne n'était déposer, nous vous annonçons que personne ne
veut être déposés ici.
>> Enfin, nous devons rechart sorte que nous affichons nouveaux sièges vides.
Maintenant, vous avez juste besoin de mettre en œuvre quelques fonctionnalités supplémentaires.
Maintenant, il ya beaucoup vous pourriez ont choisi de.
Mais dans notre cas, nous avons mis en téléportation, voler, et d'accélérer, et
dévale.
Examinons donc à ceux-ci.
Tout d'abord, nous allons jeter un oeil à la fonction accélération.
Donc, dans notre cas, dans la séquence de touches fonction, où nous sommes déjà la manipulation
toutes ces touches, nous allons aussi reconnaître X et Z. Ce qui nous spécifions
que ces personnages vont provoquer la vitesse de la navette à
augmenter ou diminuer.
>> Donc, remarquons que nous avons mis une limite sur la façon haut et sur la façon dont la vitesse faible peut
effectivement aller car nous ne voulons pas la navette est trop rapide.
Et nous ne voulons pas la navette de vitesse pour aller à zéro ou peut-être
même négative qui se traduira dans un comportement étrange.
Et c'est tout pour excès de vitesse et ralentir.
>> Maintenant, nous allons jeter un oeil à vol.
Alors, n'oubliez pas que la fonction de vol vous oblige à entrer le code de Konami.
Alors au sommet, nous voyons que nous avons une certaine des variables globales, le code Konami qui est
un tableau qui vient de garder une trace de l' clés qui doivent être remplies pour
Code Konami.
Il ya une Bool qui indique juste si le code Konami a déjà
été entré.
Et puis il ya l'indice en le tableau le code Konami qui
nous sommes actuellement à.
>> Donc, si l'utilisateur a déjà entré trois caractères du code Konami
alors l'indice va pointer vers la quatrième chose dans le tableau, la
troisième index.
Utilisation que, une fois de plus nous allons regarder la course clé.
Et dans la course clé que nous voyons ici que si Code Konami n'a pas déjà été
entrée, alors que nous voulons voir, c'est le clé qui a été saisi ce que nous sommes
attend actuellement de le tableau le code Konami.
Si c'est le cas, on incrémente l'index.
>> Si les types d'utilisateurs indice Jusqu'à alors va aller à un.
Ensuite, l'utilisateur va taper à nouveau, l'indice va à deux.
Puis ils vont taper vers le bas, il ira à trois.
Si on tape Q, il va remis à zéro car elles ne correspondent pas
la valeur attendue.
Maintenant, si ils arrivent à passer à travers la tableau entier, puis ils ont entré dans la
Code de Konami.
Dans ce cas, maintenant que Konami est entré C'est vrai, nous voyons ici que si
Konami a été conclu, nous acceptons deux nouveaux touches, C et E. Quels tous ceux feront
est fixé le volant vers le bas et de vol États à la hausse dans la navette.
Ainsi existent déjà pour vous.
Vous avez juste besoin de prendre profiter d'eux.
Et c'est tout pour voler.
>> Enfin, nous avons téléporter.
Donc, à l'intérieur de l'HTML, nous voyons que nous avons ajouté une zone de saisie et un
bouton téléporter.
La boîte a l'adresse d'identification, et le bouton a un bouton de téléportation d'identité.
Maintenant un peu ennuyeux détail est que si nous ne faisons rien avec l'événement
gestionnaires alors quand nous essayons de saisir quelque chose comme A dans la zone de saisie,
au lieu de réellement attachant A, notre Google Terre va se déplacer à l'
A gauche depuis déjà inscrit à gérer le déplacement vers la gauche.
>> Ainsi, le détail gênant, c'est que quand nous avons sur une touche ou sur la touche jusqu'à
événement à l'intérieur de la zone de saisie, nous voulons de propagation qui est event.stop
aller juste pour empêcher le de glissement de la navette.
Une fois que c'est manipulés, nous voulons aussi ajouter un gestionnaire sur le bouton de téléportation.
Quand on clique sur le bouton de téléportation, nous saisir l'adresse, qui est le courant
valeur dans la zone de saisie, puis nous appelons cette fonction de téléportation.
>> Alors qu'est-ce téléport fonction ressemble?
Eh bien, la première chose que nous voyons est que nous sommes utilisant géocodeur. géocodage.
Alors qu'est-ce que c'est?
Eh bien, si nous regardons en haut, nous voyons que nous avons un nouveau
variable globale, géocodage.
Et c'est une référence mondiale à un service de géocodage.
Maintenant qu'est-ce que faire pour nous?
Eh bien, dans la zone d'entrée, je vais être entrer quelque chose comme 33 Oxford
Street Cambridge, Massachusetts.
Mais nous ne pouvons pas vraiment faire quelque chose avec ça.
Nous voulons convertir que pour latitude et la longitude.
Et c'est ce que le service de géocodage va faire pour nous.
Au bas de initcb, on voit que nous avons géocodeur est égal à nouveau
google.maps.geocoder qui initialise cette variable pour nous.
>> Donc, retour à téléporter.
Nous voyons que nous utilisons le géocodage.
Nous géocodage de l'adresse qui était passé à la fonction de téléportation qui
a été saisi dans la zone d'entrée.
Et nous passer un appel de retour qui prend les résultats et l'état.
Donc la première chose que nous devons vérifier par la documentation de l'API de google.maps.
GeocodingService.
Cartes
>> Donc, nous devons vérifier l'état pour voir si il est revenu.
google.maps.GeocoderStatus.OK qui indique que nous avons un résultat valide.
Si nous n'avons pas, alors nous obtenons, aucun peut faire.
Cela pourrait être une adresse non valide.
Ou la puissance de service de l'API être en panne ou qui sait?
En supposant que nous avons un résultat de succès alors nous allons saisir l'emplacement de
le résultat.
Et nous allons mettre la carte Google dans le coin inférieur droit de
centrée à cet endroit et mettre à jour le bus sur la carte à cet endroit.
>> Et maintenant, nous devons mettre à jour le Google Earth plug-in.
Donc, nous mettons à jour la latitude et la la longitude de la navette.
Et nous avons aussi besoin de mettre à jour shuttle.localAnchorCartesian depuis si
vous regardez shuttle.js, vous verrez que qui assure également le suivi de latitude
et la longitude.
Donc, si nous ne mettons pas à jour, nous avons la latitude et la longitude d'origine
stockée caché quelque part.
Donc, la mise à jour que maintenant, nous appelons shuttle.updateCamera pour actualiser la
l'écran et nous montrer notre nouvel emplacement.
Et c'est tout.
Mon nom est Rob.
Et ce fut navette.