基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：78630559

本次赞助数额为： 3 元　

支付宝支付

微信支付

   源码介绍

---

var board = new Array();
var score = 0;
var hasConflicted = new Array();

var startx = 0;
var starty = 0;
var endx = 0;
var endy = 0;

$(document).ready(function() {
	prepareForMobile();
	newgame();
	score = 0;
	updateScore(score);
})

function prepareForMobile() {

	if (documentWidth > 500) {
		gridContainerWidth = 500;
		cellSpace = 20;
		cellSideLength = 100;
	}

	$("#main").css("width", gridContainerWidth - 2 * cellSpace);
	$("#main").css("height", gridContainerWidth - 2 * cellSpace);
	$("#main").css("padding", cellSpace);
	$("#main").css("border-radius", 0.01 * gridContainerWidth);

	$(".main-box").css("width", cellSideLength);
	$(".main-box").css("height", cellSideLength);
	$(".main-box").css("border-radius", 0.01 * cellSideLength);
}

function newgame() {
	//初始化棋盘格
	init();
	//随机生成两个数字
	generateOneNumber();
	generateOneNumber();
}

function init() {
	for (var i = 0; i < 4; i  ) {
		for (var j = 0; j < 4; j  ) {
			var gridCell = $("#box-"   i   "-"   j)
			gridCell.css("top", getPosTop(i, j))
			gridCell.css("left", getPosLeft(i, j))
		}
	}

	for (var i = 0; i < 4; i  ) {
		board[i] = new Array();
		hasConflicted[i] = new Array();
		for (var j = 0; j < 4; j  ) {
			board[i][j] = 0;
			hasConflicted[i][j] = false;
		}
	}
	updateBoardView();

	score = 0;
}

function updateBoardView() {
	$(".number-cell").remove();
	for (var i = 0; i < 4; i  ) {
		for (var j = 0; j < 4; j  ) {
			$("#main").append('<div class="number-cell" id="number-cell-'   i   '-'   j   '"></div>')
			var theNumberCell = $('#number-cell-'   i   '-'   j)

			if (board[i][j] == 0) {
				theNumberCell.css({
					"width": "0",
					"height": "0"
				})
				theNumberCell.css("top", getPosTop(i, j)   cellSideLength / 2)
				theNumberCell.css("left", getPosLeft(i, j)   cellSideLength / 2)
			} else {
				theNumberCell.css('width', cellSideLength);
				theNumberCell.css('height', cellSideLength);
				theNumberCell.css('top', getPosTop(i, j));
				theNumberCell.css('left', getPosLeft(i, j));
				theNumberCell.css('background-color', getNumberBackgroundColor(board[i][j]));
				theNumberCell.css('color', getNumberColor(board[i][j]));

				theNumberCell.text(getNumberText(board[i][j]));

			}
			hasConflicted[i][j] = false;
		}
		$(".number-cell").css("line-height", cellSideLength   "px");
		$(".number-cell").css("font-size", 0.3 * cellSideLength   "px");
	}
}

function generateOneNumber() {
	if (nospace(board))
		return false;
	//随机一个位置
	var randx = parseInt(Math.floor(Math.random() * 4));
	var randy = parseInt(Math.floor(Math.random() * 4))

	var times = 0;
	while (times < 50) {
		if (board[randx][randy] == 0)
			break;

		randx = parseInt(Math.floor(Math.random() * 4));
		randy = parseInt(Math.floor(Math.random() * 4))

		times  ;
	}
	if (times == 50) {
		for (var i = 0; i < 4; i  )
			for (var j = 0; j < 4; j  ) {
				if (doard[i][j] == 0) {
					randx = i;
					randy = j;
				}
			}
	}
	//随机一个数字
	var randNumber = Math.random() < 0.5 ? 2 : 4;
	//在随机的位置上显示数字
	board[randx][randy] = randNumber;
	showNumberWithAnimation(randx, randy, randNumber)
	return true;
}

$(document).keydown(function(event) {
	switch (event.keyCode) {
		case 37: //left
			//preventDefault() 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。
			event.preventDefault()
			if (moveLeft()) {
				setTimeout("generateOneNumber()", 210);
				setTimeout("isgameover()", 300);
			}
			break;
		case 38: //up
			event.preventDefault()
			if (moveUp()) {
				setTimeout("generateOneNumber()", 210);
				setTimeout("isgameover()", 300);
			}
			break;
		case 39: //right
			event.preventDefault()
			if (moveRight()) {
				setTimeout("generateOneNumber()", 210);
				setTimeout("isgameover()", 300);
			}
			break;
		case 40: //down
			event.preventDefault()
			if (moveDown()) {
				setTimeout("generateOneNumber()", 210);
				setTimeout("isgameover()", 300);
			}
			break;
	}
})

document.addEventListener('touchstart', function(event) {
	startx = event.touches[0].pageX;
	starty = event.touches[0].pageY;
})

document.addEventListener('touchmove', function(event) {
	event.preventDefault()
})

document.addEventListener('touchend', function(event) {
	endx = event.changedTouches[0].pageX;
	endy = event.changedTouches[0].pageY;

	var deltax = endx - startx;
	var deltay = endy - starty;

	if (Math.abs(deltax) < 0.3 * documentWidth && Math.abs(deltay) < 0.3 * documentWidth)
		return;

	//x轴进行滑动
	if (Math.abs(deltax) >= Math.abs(deltay)) {
		if (deltax > 0) {
			//move right
			if (moveRight()) {
				setTimeout("generateOneNumber()", 210);
				setTimeout("isgameover()", 300);
			}
		} else {
			//move left	
			if (moveLeft()) {
				setTimeout("generateOneNumber()", 210);
				setTimeout("isgameover()", 300);
			}
		}
	}
	//y轴进行滑动
	else {
		if (deltay > 0) {
			//move down
			if (moveDown()) {
				setTimeout("generateOneNumber()", 210);
				setTimeout("isgameover()", 300);
			}
		} else {
			//move up
			if (moveUp()) {
				setTimeout("generateOneNumber()", 210);
				setTimeout("isgameover()", 300);
			}
		}
	}
})

function isgameover() {
	if (nospace(board) && nomove(board)) {
		gameover();
	}
}




function moveLeft() {
	if (!canMoveLeft(board))
		return false;

	//moveLeft
	for (var i = 0; i < 4; i  )
		for (var j = 1; j < 4; j  ) {  
			if (board[i][j] != 0) {
				for (var k = 0; k < j; k  ) {
					if (board[i][k] == 0 && noBlockHorizontal(i, k, j, board)) {
						//move
						showMoveAnimation(i, j, i, k)
						board[i][k] = board[i][j]
						board[i][j] = 0;
						continue
					} else if (board[i][k] == board[i][j] && noBlockHorizontal(i, k, j, board) && !hasConflicted[i][k]) {
						//move
						showMoveAnimation(i, j, i, k)
							//add
						board[i][k]  = board[i][j]
						board[i][j] = 0;
						//addscore
						score  = board[i][k]
						updateScore(score)

						hasConflicted[i][k] = true;
						continue
					}
				}
			}
		}

	setTimeout("updateBoardView()", 200)
	return true;
}

function moveRight() {
	if (!canMoveRight(board))
		return false;

	//moveRight
	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 (board[i][k] == 0 && noBlockHorizontal(i, k, j, board)) {
						//move
						showMoveAnimation(i, j, i, k)
						board[i][k] = board[i][j]
						board[i][j] = 0;
						continue
					} else if (board[i][k] == board[i][j] && noBlockHorizontal(i, j, k, board) && !hasConflicted[i][k]) {
						//move
						showMoveAnimation(i, j, i, k)
						//add
						board[i][k] *= 2;
						board[i][j] = 0;

						//addscore
						score  = board[i][k]
						updateScore(score)

						hasConflicted[i][k] = true;
						continue
					}
				}
			}
		}

	setTimeout("updateBoardView()", 200)
	return true;
}




function moveUp() {
	if (!canMoveUp(board))
		return false;
	//moveUp
	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 (board[k][j] == 0 && noBlockVertical(j, k, i, board)) {
						showMoveAnimation(i, j, k, j);
						board[k][j] = board[i][j];
						board[i][j] = 0;
						continue;
					} else if (board[k][j] == board[i][j] && noBlockVertical(j, k, i, board) && !hasConflicted[k][j]) {
						showMoveAnimation(i, j, k, j);
						board[k][j] *= 2;
						board[i][j] = 0;
						//addscore
						score  = board[k][j]
						updateScore(score)
						hasConflicted[k][j] = true;
						continue;
					}
				}
			}
		}
	setTimeout("updateBoardView()", 200);
	return true;
}

function moveDown() {

	if (!canMoveDown(board))
		return false;

	//moveDown
	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 (board[k][j] == 0 && noBlockVertical(j, k, i, board)) {
						showMoveAnimation(i, j, k, j);
						board[k][j] = board[i][j];
						board[i][j] = 0;
						continue;
					} else if (board[k][j] == board[i][j] && noBlockVertical(j, i, k, board) && !hasConflicted[k][j]) {
						showMoveAnimation(i, j, k, j);
						board[k][j] *= 2;
						board[i][j] = 0;

						//addscore
						score  = board[k][j]
						updateScore(score)

						hasConflicted[k][j] = true;

						continue;
					}
				}
			}
		}

	setTimeout("updateBoardView()", 200);
	return true;
}

function gameover() {
	$(".over").show();
	$(document).click(function() {
		$(".over").hide()
	})
}
$("#bot").click(function() {
	score = 0;
	updateScore(score)
})