'use strict';
{
// 落ちるスピード
let GAME_SPEED = 700;
// フィールドサイズ
const FIELD_COL = 10;
const FIELD_ROW = 20;
// ブロック一つのサイズ（ピクセル）
const BLOCK_SIZE = 30;
// キャンバスのサイズ
const SCREEN_W = FIELD_COL * BLOCK_SIZE; //300
const SCREEN_H = FIELD_ROW * BLOCK_SIZE; //600
// テトロみののサイズ
const TETRO_SIZE = 4;
let can = document.getElementById("can");
let con = can.getContext("2d");
can.width = SCREEN_W;
can.height = SCREEN_H;
can.style.border = "4px solid #555";
const TETRO_COLORS = [
"#000",
"#6cf",
"#fa2",
"#00f",
"#f0f",
"#fd2",
"#f44",
"#5b5",
];
const TETRO_TYPES = [
[],// 0
[
[0, 0, 0, 0],//1.I
[1, 1, 1, 1],
[0, 0, 0, 0],
[0, 0, 0, 0],
],
[
[0, 1, 0, 0],// 2.L
[0, 1, 0, 0],
[0, 1, 1, 0],
[0, 0, 0, 0],
],
[
[0, 0, 1, 0],// 3.J
[0, 0, 1, 0],
[0, 1, 1, 0],
[0, 0, 0, 0],
],
[
[0, 1, 0, 0],// 4.T
[0, 1, 1, 0],
[0, 1, 0, 0],
[0, 0, 0, 0],
],
[
[0, 0, 0, 0],// 5.O
[0, 1, 1, 0],
[0, 1, 1, 0],
[0, 0, 0, 0],
],
[
[0, 0, 0, 0],// 6,Z
[1, 1, 0, 0],
[0, 1, 1, 0],
[0, 0, 0, 0],
],
[
[0, 0, 0, 0],// 7.O
[0, 1, 1, 0],
[1, 1, 0, 0],
[0, 0, 0, 0],
],
];
const START_X = FIELD_COL / 2 - TETRO_SIZE / 2;
const START_Y = 0;
// テトロミノ本体
let tetro;
// テトロミノの座標
let tetro_x = START_X;
let tetro_y = START_Y;
// テトロミノの形
let tetro_t;
// フィールド本体
let field = [];
// ゲームオーバーフラグ
let over = false;
tetro_t = Math.floor(Math.random() * (TETRO_TYPES.length - 1)) + 1;
tetro = TETRO_TYPES[tetro_t];
// 初期化に関数
function init()
{
for (let y = 0; y < FIELD_ROW; y++)
{
field[y] = [];
for (let x = 0; x < FIELD_COL; x++)
{
field[y][x] = 0;
}
}
// テスト
// field[5][8] = 1;
// field[19][0] = 1;
// field[19][9] = 1;
}
init();
drawAll();
setInterval(dropTetro, GAME_SPEED);
// ブロック一つを描画する。
function drawBlock(x, y, c)
{
let px = x * BLOCK_SIZE;
let py = y * BLOCK_SIZE;
con.fillStyle = TETRO_COLORS[c];
con.fillRect(px, py, BLOCK_SIZE, BLOCK_SIZE);
con.strokeStyle ="black";
con.strokeRect(px, py, BLOCK_SIZE, BLOCK_SIZE)
}
// フィールドとテトロを表示する関数
function drawAll()
{
con.clearRect(0, 0, SCREEN_W, SCREEN_H);
for (let y = 0; y < FIELD_ROW; y++)
{
for (let x = 0; x < FIELD_COL; x++)
{
if (field[y][x])
{
drawBlock(x, y, field[y][x]);
}
}
}
for (let y = 0; y < TETRO_SIZE; y++)
{
for (let x = 0; x < TETRO_SIZE; x++)
{
if (tetro[y][x])
{
drawBlock(tetro_x + x, tetro_y + y, tetro_t);
}
}
}
if (over)
{
let s = "GAME OVER"
con.font = "40px 'MS ゴシック'";
let w = con.measureText(s).width;
let x = SCREEN_W/2 - w/2;
let y = SCREEN_H/2 - 20;
con.lineWidth = 4;
con.strokeText(s, x, y);
con.fillStyle = "white";
con.fillText(s, x, y);
}
}
// ブロックの衝突判定
function checkMove(mx, my, ntetro)
{
if (ntetro === undefined) ntetro = tetro;
for (let y = 0; y < TETRO_SIZE; y++)
{
for (let x = 0; x < TETRO_SIZE; x++)
{
if (ntetro[y][x])
{
let nx = tetro_x + mx + x;
let ny = tetro_y + my + y;
if (ny < 0 ||
nx < 0 ||
ny >= FIELD_ROW ||
nx >= FIELD_COL ||
field[ny][nx] )
{
return false;
}
}
}
}
return true;
}
// // テトロの回転
function rotate()
{
let ntetro = [];
for (let y = 0; y < TETRO_SIZE; y++)
{
ntetro[y] = [];
for (let x = 0; x < TETRO_SIZE; x++)
{
ntetro[y][x] = tetro[TETRO_SIZE-x-1][y];
}
}
return ntetro;
}
// テトロを固定する
function fixTetro()
{
for (let y = 0; y < TETRO_SIZE; y++)
{
for (let x = 0; x < TETRO_SIZE; x++)
{
if (tetro[y][x])
{
field[tetro_y + y][tetro_x +x] = tetro_t;
}
}
}
}
// ラインが揃ったかチェックして消す
function checkLine()
{
let linec = 0;
for (let y = 0; y < FIELD_ROW; y++)
{
let flag = true;
for (let x = 0; x < FIELD_COL; x++)
{
if (!field[y][x])
{
flag = false;
break;
}
}
if (flag)
{
linec++;
for (let ny = y; ny > 0; ny--)
{
for (let nx = 0; nx < FIELD_COL; nx++)
{
field[ny][nx] = field[ny-1][nx]
}
}
}
}
}
// ブロックが落ちる処理
function dropTetro()
{
if (over) return;
if (checkMove(0, 1)) tetro_y++;
else
{
fixTetro();
checkLine();
tetro_t = Math.floor(Math.random() * (TETRO_TYPES.length - 1)) + 1;
tetro = TETRO_TYPES[tetro_t];
tetro_x = START_X;
tetro_y = START_Y;
if (!checkMove(0,0))
{
over = true;
}
}
drawAll();
}
document.onkeydown = function(e)
{
//
if (over) return;
switch (e.keyCode)
{
case 37: // left
if (checkMove(-1, 0)) tetro_x--;
break;
// case 38: // up
// if (checkMove(0, -1)) tetro_y--;
// break;
case 39: // right
if (checkMove(1, 0)) tetro_x++;
break;
case 40: // down
if (checkMove(0, 1)) tetro_y++;
break;
case 32: // spaceKey
let ntetro = rotate();
if (checkMove(0, 0, ntetro,)) tetro = ntetro;
break;
}
drawAll();
}
}
Harigami
タイトルなし
タイトルなし
タイトルなし