var karta; //экран
var ckarta; //контекст экрана
var gameWidth = 900; //ширина игрового экрана
var gameHeight = 400; //высота игрового экрана
var groundgreen = new Image(); //создаём переменную groundgreen в которую пихаем новый экземляр картинки
groundgreen.src = "images/groundgreen.jpg"; //указываем где находится картинка
var tree = new Image(); //создаём переменную tree в которую пихаем новый экземляр картинки
tree.src = "images/tree.png"; //указываем где находится картинка
window.onload = function(){ //функция старта
karta = document.getElementById("map"); //подключаем canvas к карте
ckarta = map.getContext("2d"); //в даём доступ к канвасу для рисования
karta.width = gameWidth; //ширина экрана
karta.height = gameHeight //высота экрана
drawImg(); //запускаем функцию рисования
}
function drawImg() //обьявляем функцию drawImg
{
for(var x = 0; x < 29; x++){ //запускаем первый цикл в котором у нас рисуется вся трава в ширину
for(var y = 0; y < 13; y++){ //запускаем второй цикл в котором у нас рисуется вся трава в длинну
ckarta.drawImage(groundgreen, 0, 0, gameWidth, gameHeight, 32*x, 32*y, gameWidth, gameHeight); //рисуем <img src="http://s12.ucoz.net/sm/1/smile.gif" border="0" align="absmiddle" alt="smile" />
}
}
//деревья буду рисовать без циклов, надо будем сами сделаете
//первая линия
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 50, 50, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 200, 50, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 350, 50, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 500, 50, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 650, 50, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 800, 50, gameWidth, gameHeight); //рисую
//вторая линия
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 50, 150, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 200, 150, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 350, 150, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 500, 150, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 650, 150, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 800, 150, gameWidth, gameHeight); //рисую
//последняя линия
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 50, 250, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 200, 250, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 350, 250, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 500, 250, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 650, 250, gameWidth, gameHeight); //рисую
ckarta.drawImage(tree, 0, 0, gameWidth, gameHeight, 800, 250, gameWidth, gameHeight); //рисую
}
