jQuery2048游戏(原创)

所属分类:其他-游戏

 21301  300  查看评论 (8)
分享到微信朋友圈
X
jQuery2048游戏(原创) ie兼容9

发布时间:2019-3-6 1:43

点击开始游戏之后,上下左右操作键才能生效,这里既能使用键盘的操作键,也可以使用页面上写好的上下左右操作键。使用操作键控制数字块的运动,当数字相同时则相加处理。当页面不能再产生随机数字块,则游戏结束,计分停止。

var row = 4,
    line = 4;
var cellObject = {}, //初始化所有的位置数据对象
    cellArray = [], //初始化所有的位置数据数组
    isStartGame = false, //判断是否开始游戏
    scoreNum = 0; //初始化分数
var sellPiont = {}; //获取所有已经有点位的数据信息
function gameInit(row, line) {
    $(".gameFrameCell").html("");
    /*初始化参数*/
    /*获取行列数*/
    row = row, line = line, cellObject = {}, cellArray = [], sellPiont = {}; //初始化所有的位置数据
    for (var i = 0; i < row; i++) {
        for (var j = 0; j < line; j++) {
            var cellKey = i + "" + j;
            //cellArray.push(cellKey);//组装位置数组格式,00 01 02 03 11 ...
            cellObject[cellKey] = {}; //组建对象里面的对象,达到多层的效果
            cellObject[cellKey].row = i; //排
            cellObject[cellKey].line = j; //列
        }
    }
}
/*绑定游戏开始时间*/
$(".gameStart").bind("click", function() {
    gameInit(4, 4);
    isStartGame = true;
    /*恢复分数初始化*/
    scoreNum = 0;
    score(scoreNum);
    randomRendering();
});
randomRendering(); /*随机位置随机赋值数字块,赋值局限(2,4)*/

代码还有需要优化的地方,代码的整合。定一个小目标,下次完成可以选择自选难度,3*3,4*4,5*5

相关插件-游戏

jQuery九宫格抽奖

九宫格抽奖,轻量级,易上手,只关心逻辑,页面样式自定义
  游戏
 13039  172

js贪吃蛇

大家都玩过的经典游戏贪吃蛇,现在通过js你也可以实现它
  游戏
 33604  283

HTML5青蛙小游戏

青蛙吃蚊子小游戏
  游戏
 25984  314

HTML5 塔防游戏

HTML5 塔防游戏
  游戏
 41968  376

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    怀念★往事 0
    2019/3/13 10:08:40
    多写新的游戏赔?
    那不错。。。。。

    本人就是一个游戏迷,
    从事前端比较开心的就是可以制作游戏。。。。

    只不过游戏公司要求一般都比较高,公司的项目基本都没有这类型的,
    只有一次博饼的小程序算是游戏类的。。。。

        Miss李0
        2019/3/13 10:12:00
        这些小游戏都是自己闲暇之余拿来练习的,希望基础能打得牢固一些,毕竟像我久了不用一些东西,都感觉用的时候生疏了。
        写这种小游戏我也感觉是我工作生活中的一个乐趣。
        怀念★往事0
        2019/3/13 20:38:44
        有时候自己想搞几个游戏,但1.UI设计不行,做出来的巨丑;2.逻辑思维不行,有时候挺简单的逻辑,转不过弯来,不知道是不是真的老了,哈哈~
        Miss李0
        2019/3/14 10:06:57
        ui真的是个硬伤,他们都说你帮我设计个页面,我心里面都在想,你是认真的?确定?我自己设计的都不忍直视。逻辑我发现前端技术人员和后端技术人员的逻辑真的差很多。我觉得这个只要你多锻炼着,多写写,坚持着,还是可以写出你想要的游戏。加油吧,来自前端程序员的握手。
        Miss李0
        2019/3/14 10:10:03
        我还想着以后要是自己小孩子玩着自己设计的游戏,然后我能做出他想玩的游戏,感觉自己在小孩子心目中的形象都高大起来了QAQ哈哈哈哈
        怀念★往事0
        2019/3/25 18:01:49
        哈哈,是的。。。记得刚开始学前端那会儿,做了一个打地鼠游戏,
        然后把地鼠的图案换成孩子的头像,又好气又好笑的,哈哈。。。。

        不过在那之后,也基本没啥时间做游戏了,对于别人玩自己做的游戏,感觉很有成就感~
    回复
    Seation 0
    2019/3/6 11:16:21
    这游戏也太好玩了,耽误我1个小时。赔钱QAQ
        Miss李0
        2019/3/6 11:18:56
        这话我没法接QAQ,那我以后多写新的游戏赔给你玩怎么样
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复