-
function canMoveLeft(){ for(var i = 0; i < 4; i++){ for(var j = 1; j < 4; j++){ if(board[i][j-1] == 0 || board[i][j-1] == board[i][j]){ return true; } } } return false; } function canMoveRight(){ for(var i = 0; i < 4; i++){ for(var j = 0; j < 3; j++){ if(board[i][j + 1] == 0 || board[i][j + 1] == board[i][j]){ return true; } } } return false; } function canMoveUp(){ for(var j = 0; j < 4; j++){ for(var i = 1; i < 4; i++){ if(board[i - 1][j] == 0 || board[i - 1][j] == board[i][j]){ return true; } } } return false; } function canMoveDown(){ for(var j = 0; j < 4; j++){ for(var i = 0; i < 3; i++){ if(board[i + 1][j] == 0 || board[i + 1][j] == board[i][j]){ return true; } } } return false; }查看全部
-
function moveDown(){ if(!canMoveDown()){ return false; } for(var j = 0; j < 4; j++){ for(var i = 2; i >= 0; i--){ if(board[i][j] != 0){ for(var k = 3; k > i; k--){ if(hasNoBlockVertical(j, i, k)){ if(board[k][j] == 0){ showMoveAnimation(i, j, k, j); board[k][j] = board[i][j]; board[i][j] = 0; continue; } else if(board[k][j] == board[i][j] && hasConflicted[k][j] == false){ showMoveAnimation(i, j, k, j); board[k][j] += board[i][j]; board[i][j] = 0; score += board[k][j]; updateScore(score); continue; } } } } } } setTimeout(updateBoardView, 200); return true; }查看全部
-
function moveUp(){ if(!canMoveUp()){ return false; } for(var j = 0; j < 4; j++){ for(var i = 1; i < 4; i++){ if(board[i][j] != 0){ for(var k = 0; k < i; k++){ if(hasNoBlockVertical(j, k, i)){ if(board[k][j] == 0){ showMoveAnimation(i, j, k, j); board[k][j] = board[i][j]; board[i][j] = 0; continue; } else if(board[k][j] == board[i][j] && hasConflicted[k][j] == false){ showMoveAnimation(i, j, k, j); board[k][j] += board[i][j]; board[i][j] = 0; score += board[k][j]; updateScore(score); continue; } } } } } } setTimeout(updateBoardView, 200); return true; }查看全部
-
function moveRight(){ if(!canMoveRight()){ return false; } for(var i = 0; i < 4; i++){ for(var j = 2; j >= 0; j--){ if(board[i][j] != 0){ for(var k = 3; k > j;k--){ if(hasNoBlockHorizontal(i, j, k)){ if(board[i][k] == 0){ showMoveAnimation(i, j, i, k); board[i][k] = board[i][j]; board[i][j] = 0; continue; } else if(board[i][j] == board[i][k] && hasConflicted[i][k] == false){ showMoveAnimation(i, j, i, k); board[i][k] += board[i][j]; board[i][j] = 0; score += board[i][k]; updateScore(score); continue; } } } } } } setTimeout(updateBoardView, 200); return true; }查看全部
-
function moveLeft(){ if(!canMoveLeft()){ return false; } var board_i_j; var board_i_K; for(var i = 0; i < 4; i++){ for(var j = 1; j < 4; j++){ board_i_j = board[i][j]; if(board_i_j != 0){ for(var k = 0; k < j; k++){ board_i_K = board[i][k]; if(hasNoBlockHorizontal(i, k, j)){ if(board_i_K == 0){ showMoveAnimation(i, j, i, k); board[i][k] = board[i][j]; board[i][j] = 0; continue; } else if(board_i_K == board_i_j && hasConflicted[i][k] == false){ showMoveAnimation(i, j, i, k); board[i][k] += board[i][j]; board[i][j] = 0; hasConflicted[i][k] = true; score += board[i][k]; updateScore(score); continue; } } } } } } setTimeout(updateBoardView, 200); return true; }查看全部
-
function selfAdaption(){ $(".grid-container").css({ width: containerWidth, height: containerWidth, "border-radius": radiusBig, background: "#bbada0", margin: "0 auto", padding: cellSpace, position: "relative" }); $(".grid-cell").css({ width: cellWidth, height: cellWidth, "border-radius": radiusSmall, background: "#ccc0b3", position: "absolute" }); } function isGameover(){ if(canMoveLeft() || canMoveRight() || canMoveUp() || canMoveDown()){ return; } gameover(); } function gameover(){ alert("Game Over!"); }查看全部
-
document.addEventListener("touchend", function(e){ endX = e.changedTouches[0].pageX; endY = e.changedTouches[0].pageY; var x = endX - startX; var y = endY - startY; var absX = Math.abs(x); var absY = Math.abs(y); if(absX > 0.2 * winWidth || absY > 0.2 * winWidth){ if(absX > absY){ if(x < 0){ if(moveLeft()){ setTimeout(generateOneNumber, 210); setTimeout(isGameover, 300); e.preventDefault(); } } else{ if(moveRight()){ setTimeout(generateOneNumber, 210); setTimeout(isGameover, 300); e.preventDefault(); } } } else{ if(y < 0){ if(moveUp()){ setTimeout(generateOneNumber, 210); setTimeout(isGameover, 300); e.preventDefault(); } } else{ if(moveDown()){ setTimeout(generateOneNumber, 210); setTimeout(isGameover, 300); e.preventDefault(); } } } } });查看全部
-
document.addEventListener("touchstart", function(e){ startX = e.touches[0].pageX; startY = e.touches[0].pageY; });查看全部
-
$(function(){ selfAdaption(); $(document.body).css({ "font-size": 0.1 * winWidth + "px" }); newGame(); $("#newGame").off("click").on("click", newGame); $(document).off("keydown").on("keydown", function(e){ switch(e.which){ case 37: //左 if(moveLeft()){ setTimeout(generateOneNumber, 210); setTimeout(isGameover, 300); e.preventDefault(); } break; case 38: //上 if(moveUp()){ setTimeout(generateOneNumber, 210); setTimeout(isGameover, 300); e.preventDefault(); } break; case 39: //右 if(moveRight()){ setTimeout(generateOneNumber, 210); setTimeout(isGameover, 300); e.preventDefault(); } break; case 40: //下 if(moveDown()){ setTimeout(generateOneNumber, 210); setTimeout(isGameover, 300); e.preventDefault(); } break; defaut: break; } }); });查看全部
-
<div class="grid-cell" id="grid-cell-3-2"></div> <div class="grid-cell" id="grid-cell-3-3"></div> </div> <script type="text/javascript"> var score = 0; var board = []; var hasConflicted = []; var winWidth = window.screen.availWidth; winWidth = winWidth > 500 ? 500 : winWidth; var containerWidth = (0.92 - 0.04 * 2) * winWidth + "px"; var cellSpace = 0.04 * winWidth + "px"; var cellWidth = 0.18 * winWidth + "px"; var radiusBig = 0.03 * winWidth + "px"; var radiusSmall = 0.02 * winWidth + "px"; var startX = 0, startY = 0; var endX = 0, endY = 0;查看全部
-
<body> <div class="header"> <h1>2048</h1> <a href="#" id="newGame">新的游戏</a> <p>分数：<span id="score">0</span></p> </div> <div class="grid-container"> <div class="grid-cell" id="grid-cell-0-0"></div> <div class="grid-cell" id="grid-cell-0-1"></div> <div class="grid-cell" id="grid-cell-0-2"></div> <div class="grid-cell" id="grid-cell-0-3"></div> <div class="grid-cell" id="grid-cell-1-0"></div> <div class="grid-cell" id="grid-cell-1-1"></div> <div class="grid-cell" id="grid-cell-1-2"></div> <div class="grid-cell" id="grid-cell-1-3"></div> <div class="grid-cell" id="grid-cell-2-0"></div> <div class="grid-cell" id="grid-cell-2-1"></div> <div class="grid-cell" id="grid-cell-2-2"></div> <div class="grid-cell" id="grid-cell-2-3"></div> <div class="grid-cell" id="grid-cell-3-0"></div> <div class="grid-cell" id="grid-cell-3-1"></div>查看全部
-
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no"> <title>2048</title> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> <style> body, p, h1 { margin: 0; padding: 0; font-family: Arial; } .header { width: 100%; margin: 3% auto; text-align: center; } .header h1 { font-size: 150%; margin-bottom: 3%; } .header a { text-decoration: none; display: inline-block; background: #8f7a66; border-radius: 8px; font-size: 65%; line-height: 150%; padding: 0 10px; color: #fff; box-shadow: 0 5px #656555; } .header a:active { transform: translateY(5px); box-shadow: none; } .header p { margin-top: 6%; font-size: 70%; font-weight: bold; } .number-cell { position: absolute; text-align: center; font-weight: bold; } </style> </head>查看全部
-
css: list-style-type：upper-alpha指定显示大写字母A,B，C list-style-type:decimal显示地指定使用普通数字 list-style-type：lower-roman指定使用小写罗马数字 详情http://www.w3school.com.cn/cssref/pr_list-style-type.asp 查阅查看全部
-
制作游戏需要什么 技术。查看全部
-
使用phonegap将web app 转化成native app查看全部
举报
0/150
提交
取消