js拼图游戏

所属分类:其他-游戏

 41159  442  查看评论 (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();
}


相关插件-游戏

js版锅打灰太狼

原生js 代码注释很全,比较考验逻辑
  游戏
 31274  348

vue跳跳棋游戏(原创)

新鲜出炉的原创跳跳棋游戏,基于vue.js实现,游戏的逻辑及实现方法在js中解释的很清楚,插件的调用也非常简单。
  游戏
 32773  340

俄罗斯方块

jquery写的俄罗斯方块小游戏 炫酷经典
  游戏
 25701  290

中国象棋游戏

中国象棋游戏
  游戏
 56178  430

讨论这个项目(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

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

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