=0 && coord[1]>=0 && coord[0]=0;--r) {
for (c=0;c shape operations
function canPlace(shape, grid) {
// can only place if all cells in shape are in bounds and not occupied:
return every(function(coord){ return grid.cellInBounds(coord) &&
!grid.cellOccupied(coord); },
shape.cellArray);
}
function show(shape, grid) {
var id = document.documentElement.suspendRedraw(0);
mapc(function(coord){ grid.colorCell(coord, shape.color); },
shape.cellArray);
document.documentElement.unsuspendRedraw(id);
}
function hide(shape, grid) {
var id = document.documentElement.suspendRedraw(0);
mapc(function(coord){ grid.clearCell(coord); },
shape.cellArray);
document.documentElement.unsuspendRedraw(id);
}
function occupy(shape, grid) {
mapc(function(coord){ grid.occupyCell(coord); },
shape.cellArray);
}
function move(shape, grid, dx, dy) {
shape.move(dx,dy);
if (!canPlace(shape, grid)) {
shape.move(-dx,-dy);
return false;
}
var id = document.documentElement.suspendRedraw(0);
shape.move(-dx, -dy);
hide(shape, grid);
shape.move(dx,dy);
show(shape, grid);
document.documentElement.unsuspendRedraw(id);
return true;
}
function rotate(shape, grid, dOrient) {
shape.rotate(dOrient);
if (!canPlace(shape, grid)) {
shape.rotate(-dOrient);
return false;
}
var id = document.documentElement.suspendRedraw(0);
shape.rotate(-dOrient);
hide(shape, grid);
shape.rotate(dOrient);
show(shape, grid);
document.documentElement.unsuspendRedraw(id);
return true;
}
function drop(shape, grid) {
var id = document.documentElement.suspendRedraw(0);
while (move(shape, grid, 0, 1))
/**/;
document.documentElement.unsuspendRedraw(id);
}
//----------------------------------------------------------------------
// the game:
var board; // grid where the action is
var preview; // grid where the next shape will be previewed
var currentShape;
var nextShape;
var gameState; // "stopped", "running"
function startNewGame() {
// XXX clear grids
var id = document.documentElement.suspendRedraw(0);
currentShape = new Shape([3,0]);
show(currentShape, board);
nextShape = new Shape([0,0]);
show(nextShape, preview);
document.documentElement.unsuspendRedraw(id);
gameState = "running";
tick();
}
function runNextShape() {
occupy(currentShape, board);
board.eliminateFullRows();
var id = document.documentElement.suspendRedraw(0);
currentShape = nextShape;
hide(nextShape, preview);
currentShape.move(3,0);
if (!canPlace(currentShape, board)) {
document.documentElement.unsuspendRedraw(id);
return false; // game over!
}
show(currentShape, board);
nextShape = new Shape([0,0]);
show(nextShape, preview);
document.documentElement.unsuspendRedraw(id);
return true;
}
function tick() {
if (gameState != "running") return;
if (!move(currentShape, board, 0, 1)) {
if(!runNextShape()) {
var m = new Message("Game Over!", [2,10], "stroke:none;font-size:3px;fill:red;fill-opacity:0.5;");
m.show();
return; // Game over
}
}
setTimeout(tick, 300);
}
function pause() {
gameState = "stopped";
}
function resume() {
if (gameState == "stopped") {
gameState = "running";
tick();
}
}
//----------------------------------------------------------------------
function init() {
// page layout:
// XXX looks like there is a bug with the gdi+ renderer which means
// that dynamic canvas sizing by setting viewBox doesn't take effect
// until the user resizes the window...
document.documentElement.setAttribute("viewBox", "0 0 "+(3*HPAD+(COLS+1)+5)+" "+(2*VPAD+(ROWS+1)));
board = new Grid(COLS, ROWS, "black", "grey", HPAD, VPAD, COLS+1, ROWS+1, document.getElementById("board"));
preview = new Grid(4,4, "black", "grey", 2*HPAD+COLS+1, VPAD, 5, 5, document.getElementById("preview"));
startNewGame();
// initialize event processing:
document.documentElement.addEventListener("keypress", keyHandler, true);
}
//----------------------------------------------------------------------
// user input handler
function keyHandler(event) { //alert(event.charCode);
event.preventDefault();
switch (event.charCode) {
case 32: /* space */
if (gameState == "running")
drop(currentShape, board);
break;
case 104: /* h */
pause();
alert("Keys:\n"+
"-------------------------------------\n\n"+
"h : Display this help\n"+
"n : Start new game\n"+
"p : Toggle pause game\n"+
"up : Rotate piece counterclockwise\n"+
"down : Rotate piece clocwise\n"+
"left : Move piece left\n"+
"right : Move piece right\n"+
"space : Drop piece\n");
resume();
break;
case 112: /* p */
if (gameState == "running")
pause();
else
resume();
break;
case 0:
switch (event.keyCode) {
case 38: /* up */
if (gameState == "running")
rotate(currentShape, board, -1);
break;
case 40: /* down */
if (gameState == "running")
rotate(currentShape, board, 1);
break;
case 37: /* left */
if (gameState == "running")
move(currentShape, board, -1, 0);
break;
case 39: /* right */
if (gameState == "running")
move(currentShape, board, 1, 0);
break;
}
break;
}
}
]]>
Mozilla SVG Tetris - Press 'h' for help.