Rysowanie w cavas


(Poczta8800) #1

witam

mam skrypt otwierany w znaczniku canvas i nie mogę dojść jak ośągnońć pewien efekt mianowicie są dwie grupy tablic

pierwsza rysuje kwadraty 10px na 10 px kwadratów jest 10 na 10

a dryga rysuje kwadraty 1px na 1 px a kwadratów tesz jest 10 na 10 wygląda to tak :

var t=[];

t[0]=[1,1,1,1,1,1,1,1,1,1]

t[1]=[1,0,0,0,0,0,0,0,0,1]

t[2]=[1,0,1,0,1,1,1,1,1,1]

t[3]=[1,1,5,1,1,1,1,1,1,1]

t[4]=[1,1,1,1,1,1,1,1,1,1]

t[5]=[1,0,0,0,0,0,0,0,0,1]

t[6]=[1,0,1,1,1,1,1,1,1,1]

t[7]=[1,0,0,1,1,1,1,1,1,1]

t[8]=[1,0,0,0,0,1,0,0,0,1]

t[9]=[1,1,1,1,1,1,1,1,1,1]

var tx=[];

tx[0]=[1,1,1,1,1,1,1,1,1,1]

tx[1]=[1,0,0,0,0,0,0,0,0,1]

tx[2]=[1,0,1,0,1,1,1,1,1,1]

tx[3]=[1,1,1,1,1,1,1,1,1,1]

tx[4]=[1,1,1,1,1,1,1,1,1,1]

tx[5]=[1,0,0,0,0,0,0,0,0,1]

tx[6]=[1,0,0,0,0,0,0,0,0,1]

tx[7]=[1,0,0,0,0,0,0,0,0,1]

tx[8]=[1,0,0,0,0,1,0,0,0,1]

tx[9]=[1,1,1,1,1,1,1,1,1,1]

function Mapka(){

var Map=document.getElementById("Map").getContext("2d");

for ( var i=0; i

{

for (var j=0; j

(t_[j] ==5)_

for ( var inn=0;inn

{

for (var jnn=0; jnn

Map.fillStyle="red" ;

if (Nano[inn][jnn])

Map.fillRect(inn*1, jnn*1, 1,1);

}

}

else if

(t__[j] ==0)

{underMap.fillStyle="#fff"

}

else if

(t__[j] ==1)

{underMap.fillStyle="#000"

}

}

if (t__[j])

Map.fillRect(i*10, j*10, 10,10);

}

}

w tablicach t sa rozpoznawane pola "1,0,5" no i tu jest problem pola 1 i 0 majom nadane tylko kolor i som rysowane prawidłowo w odpowiednich miejscach a pole 5 tesz jest rozpoznawane tylko nie wiem jak zrobić żeby rysunek był tam gdzie powinien

jak zrobić żeby zestaw tablic tx był rysowany w miejscu gdzie jest cyfra 5 narazie obrazek tx jest rysowany w rogu


(Jim1961) #2

po krótkim przejrzeniu kodu:

Map.fillRect(inn*1, jnn*1, 1,1);

zamień na

Map.fillRect(inn+i*10, jnn+j*10, 1,1);

z tym że to się będzie malowało w tym samym kolorze więc chyba nie będzie widać różnicy