js拼图游戏

所属分类:其他-游戏

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


相关插件-游戏

HTML5沙滩足球游戏

HTML5沙滩足球射门小游戏
  游戏
 24723  339

3d抽奖(微信)

使用css3中的3d功能制作微信抽奖项目
  游戏
 47962  577

jQuery CSS3数字抽奖(原创)

一款轻量级抽奖插件
  游戏
 27568  312

html5年会抽奖插件

html5年会抽奖插件是一款基于jquery+css3+html5实现的年会抽奖程序插件
  游戏
 34149  332

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

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

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