Quel est le problème avec ce tableau…?

Je suis en train de créer un jeu dans lequel un utilisateur se déplace autour d’une grid et doit collecter des passagers. J’ai presque tout fait, sauf que je dois vérifier si le joueur passe au-dessus d’un passager et, le cas échéant, afficher une boîte d’alerte. Voici mon JSFiddle: http://jsfiddle.net/nZ8vA/9/ et le précédent: http://jsfiddle.net/nZ8vA/7/ qui contient le tableau que j’avais auparavant. Comme vous pouvez le voir, j’ai un tableau appelé map qui est utilisé pour construire la grid.

Dans l’ancien JSFiddle, j’essayais toujours de le faire détecter lorsque l’utilisateur récupérait un passager (la lettre “P” sur la carte). Dans mon dernier JSFiddle, j’ai créé un tableau d’objects en 2D à l’aide de l’aide fournie précédemment. La carte n’est pas entièrement construite, elle devrait ressembler à celle du premier JSFiddle, mais elle semble lire toute la ligne comme étant d’une couleur. Si vous ouvrez votre console et déplacez toute la ligne du haut, celle-ci est lue en vert alors qu’elle ne le devrait pas. Je pense aussi qu’il faut lire les passagers par couleur, ce qui n’est pas ce que je souhaite car les passagers sont sur des carrés de couleurs différentes.

Quelqu’un peut-il m’aider à détecter le moment où un utilisateur récupère un passager? J’ai une fonction qui détecte les carrés avec le “P” mais je dois conserver la même disposition de couleur de la grid. J’espère que cela a du sens.

C’est la fonction:

• Comment cloner un élément avec un nouvel identifiant?
• Empêcher le menu déroulant de redirect vers la page d’accueil
• Comment obtenir l’id span qui commence par un mot
• Comment grouper les coordonnées par distance
• Valider le formulaire empêchant la soumission du formulaire

Vieux JSFiddle:

function checkPass(cell, row) { var pass = map[row][cell]; console.log(pass); if (pass == "p") { alert("Passenger"); } } 

Nouveau JSFiddle:

 function checkPass(cell, row) { var pass = map[row][cell].letter; console.log(pass); if (pass == "p") { alert("Passenger"); } } 

• Boîte de dialog jQuery UI 1.10 – empêche l’insertion avant
• Historique api statechange function script duplique les appels de fonction à chaque changement
• Si un élément est display: none; dans une requête de média sont-ils chargés dans encore?
• Mise en surbrillance d’une zone d’une carte-image en fonction du texte de recherche
• mélanger plus de 2 couleurs avec javascript

 var map = [ [ { color: "g", letter: "" }, { color: "g", letter: "" }, ],[ { color: "w", letter: "p" }, { color: "b", letter: "" } ]]; map[0][1] = ... map[1][1] = ... map[1][0] = ... map[1][1] = ... 

 var map = [ [ { color: "g", letter: "" }, { color: "g", letter: "" }, { color: "w", letter: "p" }, { color: "b", letter: "" } ]]; 

 [ { color: "g", letter: "" }, { color: "g", letter: "" }, { color: "w", letter: "p" }, { color: "b", letter: "" } ]