2048小游戏设计思路

最新推荐文章于 2021-02-27 11:48:46 发布

YQEMMMM

最新推荐文章于 2021-02-27 11:48:46 发布

阅读量2.5k

点赞数 1

分类专栏： HTML专栏文章标签：游戏 html 游戏开发 js

本文链接：https://blog.csdn.net/YQEMMMM/article/details/109296534

版权

HTML专栏专栏收录该内容

15 篇文章 8 订阅

订阅专栏

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

YQEMMMM

关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
2
评论
2048小游戏设计思路

2048小游戏设计思路：游戏初始截图：游戏过程中截图：游戏失败截图：部分代码：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>2048小游戏</title><script type="text/javascript">function s
复制链接

扫一扫