Bonjour, je voulais essayer une méthode pour dessiner un monde (map) simple mais je suis pas doué en javascript


Je voudrais représenter le caractère 0 par un carré de couleur Cyan et le caractère 1 par un carré de couleur Vert.


Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
var monde=[
    "00000000",
    "11100000",
    "11000000",
    "11100000",
    "00000000"
];
 
// Lit le terrain "monde" et affiche un carré Vert pour 1 et un cyan pour 0.
for (col=0; col<monde.length; col++){
    ligne=monde[col];
    console.log(ligne);
 
    for(i=0; i<8; i++){     
 
 
        car=ligne.charAt(i);
 
 
        if(parseInt(car)==0){
            // Dessine un carré cyan à la position ligxcol.
            ctx2.fillStyle="#00AAFF";
            console.log("bleu : "+ car);
        }
 
        if(parseInt(car)==1){
            // Dessine un carré Vert à la position ligxcol.
            ctx2.fillStyle="#00FF00";
            console.log("Vert : "+ car);
        }
        ctx2.fillRect(100,300+col,40+(10*i),40+(10*col));
        // ctx2.fillRect(100,300+col,(20*i),(20*col));
 
 
        ctx2.fillStyle="#000000";
    }
 
}

ça me fait un grand rectangle couleur Cyan.