2048小游戏设计思路：
游戏初始截图：
游戏过程中截图：
游戏失败截图：
部分代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>2048小游戏</title>
<script type="text/javascript">
function showBestScore(){
//从本地存储数据中读取历史最高分
bestScore = localStorage.getItem("bestScore");
//如果尚未记录最高分，则重置为0
if (bestScore == null)
bestScore = 0;
//将历史最高分更新到状态栏中
var best = document.getElementById("bestScore");
best.innerHTML = bestScore;
}
var arr;
//初始化游戏页面，需要在表格中随机生成一个2,一个4
function init(){
showBestScore();
arr = new Array(4);
for(i=0;i<arr.length;i++){
arr[i]=[0,0,0,0];
}
var x1,x2,y1,y2;
x1=Math.round(Math.random()*3);
y1=Math.round(Math.random()*3);
arr[x1][y1] =2;
while(true){
x2=Math.round(Math.random()*3);
y2=Math.round(Math.random()*3);
if(x1!=x2 || y1!=y2){
arr[x2][y2] =4;
break;
}
}
display();
show();
}
备注：查看网页2048游戏代码请下载附件
https://download.csdn.net/download/YQEMMMM/13055844
扫一扫
9331
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
