js拼图游戏

所属分类:其他-游戏

 32403  357  查看评论 (25)
分享到微信朋友圈
X
js拼图游戏 ie兼容10

做个小游戏,练习js。

Game.prototype.findNear = function(o) {
    var iMin = 99999,
    index = -1;
    for (var i = 0; i < this.len; i++) {
        this.item[i].className = '';
        if (this.checkPZ(o, this.item[i])) {
            var l = dis(o, this.item[i]);
            if (iMin > l) {
                iMin = l;
                index = i;
            };
        }
    };
    if (index == -1) {
        return null;
    } else {
        return this.item[index];
    };
    function dis(o1, o2) {
        var c1 = o1.offsetLeft - o2.offsetLeft,
        c2 = o1.offsetTop - o2.offsetTop;
        return Math.sqrt(c1 * c1 + c2 * c2);
    }
};

var t = new Game(5, 5); //行与列,值越大,难度越高
document.getElementById('start').onclick = function() {
    t.startGame();
}


相关插件-游戏

jquery天天爱消除小游戏

jquery实现的简易版天天爱消除,简单效果好,功能自己扩展。
  游戏
 19469  232

JS实现抽奖转盘效果

8个模块,点击抽奖进行。
  游戏
 90236  386

jQuery消消乐小游戏

jQuery面向对象实现小游戏
  游戏
 19253  270

jQuery扑克牌翻转抽奖游戏代码

jQuery点击开始自动排列扑克牌选择确认翻牌抽奖结果代码。这是一款简单的翻牌抽奖游戏代码。
  游戏
 12972  230

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

    redguitar 0
    2019/1/20 17:41:33
    移动端。。。。。。。。。。。。。。。。。。。。。
    我就是烦恼 touch 了 回复
    ovsexia 1
    2018/10/20 23:02:42
    我发现移动一块拼图后,点击那块拼图会回到原来的位置,原本以为是做撤销功能的,后来发现点多几次就开始乱动了。
    解决方法: 在 o.index = temp; 后面加上 near = null;
        redguitar0
        2019/1/20 15:54:10
        现在 兼容移动端没呢?
    回复
    wangmingdong 0
    2018/9/27 17:32:23
    Designed 0
    2017/12/18 17:32:45
    王之平 0
    2017/12/18 13:55:50

    很不错啊 厉害厉害

        自渡0
        2018/7/20 21:59:52
        做一个
    回复
    芒果001 0
    2017/10/13 15:07:00
    吾愿丶化身石桥° 0
    2017/9/27 10:48:11
    夏默。 0
    2017/6/6 11:23:07
    Desperate struggle 0
    2017/5/17 12:00:43

    图片怎么能随意拖动

    回复
    小强 0
    2017/2/18 18:33:58

    能不能自己添加图片。。。

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复