Лабораторная работа №3-4 по дисциплине: «WEB-программирование» Разработка игр на JavaScript

var canvas = document.getElementById ('tetriscanvas'); // ссылка на объект

var ctx = canvas.getContext ('2d');  // "2d", ведущий к созданию объекта CanvasRenderingContext2D, представляющий двумерный контекст

var width = canvas.width, height = canvas.height;

var blockWidth = width / columns, blockHeight = height / rows;

function drawBlock (x,y) { //Нарисовать фигуру в позиции (x,y)

 ctx.fillRect (blockWidth*x, blockHeight*y, blockWidth-1, blockHeight-1);  //Рисует залитый прямоугольник

 ctx.strokeRect (blockWidth*x, blockHeight*y, blockWidth-1, blockHeight-1);  //Рисует прямоугольник

}

function render() { //Нарисовать стакан и фигуры

 ctx.clearRect( 0, 0, width, height );

 ctx.strokeStyle = 'black';

 for (var x=0; x<columns; x++) {

  for (var y = 0; y < rows; y++ ) {

   if (board[y][x]) {

    ctx.fillStyle = colors[board[y][x]-1];

    drawBlock (x,y);

   }

  }

 }

 ctx.fillStyle = 'red';

 ctx.strokeStyle = 'black';

 for (var y=0; y<4; y++) {

  for (var x=0; x<4; x++) {

   if (current[y][x]) {

    ctx.fillStyle = colors[current[y][x]-1];

    drawBlock (currentX+x,currentY+y);

   }

  }

 }

}

setInterval (render,50); //частота перерисовки, м

document.body.onkeydown = function (e) {

 var keys = { //Клавиши

  37: 'left',

  39: 'right', //Стрелки влево и вправо

  40: 'down',

  32: 'down', //Вниз - пробелом или стрелкой вниз

  38: 'rotate', //Вращение - стрелкой вверх

  27: 'escape' //Пауза по клавише Esc

 };

 if (typeof(keys[e.keyCode])!='undefined') { //Если код клавиши допустимый,

  keyPress (keys[e.keyCode]); //Передать его обработчику

  render(); //и перерисовать стакан

 }

};