使用JavaScript怎么实现一个拼图游戏

  介绍

这篇文章将为大家详细讲解有关使用JavaScript怎么实现一个拼图游戏,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

& lt; ! DOCTYPE  html>   & lt; html>   ,& lt; head>   ,& lt; meta  charset=癠TF-8"比;   ,& lt; title>拼图游戏& lt;/title>   ,& lt;/head>      ,& lt; style>   ,身体,   ,html  {   ,填充:0 px;   ,保证金:0 px;   ,背景:# eee;   ,}      ,# fangkuai  {   ,宽度:460 px;   ,身高:460 px;   ,保证金:20 px 汽车;   ,背景:# F9F9F9;   ,填充:1 px  1 px;   ,位置:相对;   ,}      ,# maskBox  {   ,不透明度:0.5;   ,显示:块;   ,}      ,# tu  img  {   ,宽度:120 px;   ,身高:120 px;   ,}      ,# tu  {   ,宽度:130 px;   ,身高:130 px;   ,margin-left: 150 px;   ,}   ,& lt;/style>      ,& lt; body>      ,& lt; div 祝辞游戏玩法:点击选中一个方块,在点击放在对应的方块里。你们;/div>      ,& lt; div  id=皌u"比;   ,& lt; font>参考原图& lt;/font>   https://www.yisu.com/zixun/, & lt; img  src=" true.png "/>   
     
           <>脚本   窗口。onload=function () {//生成函数   gameInfo.init ();   }> 脚本   (函数(g) {//游戏配置   设置={   gameConfig: {   url:“true.png”,   id:“fangkuai”,//生成规格横4纵4   尺寸:4 * 4,//每个元素的间隔   优势:1、//拖动时候块透明度   透明度:0.8   },   setElement: {   类型:" div ",   id:“”,   浮:“”,   显示:“”,   保证金:“”,   背景:",   宽度:“”,   高度:",   左:“”,   前:“”,   位置:",   透明度:0.4,   动画:0.8   }   };//元素生成参数   var sg=setting.gameConfig;   var圣=setting.setElement;   var gameInfo=function () {};   gameInfo。原型={   初始化:函数(){   this.creatObj ();   this.eventHand ();   },   sortObj: {   rightlist:[],//正确的排序   romdlist:[]//打乱后的排序   },   creatObj:函数(){   sg。boxObj=. getelementbyid (sg.id) | | ";//尺寸自动获取   var大?sg.size.split (“*”) | | (0,0);//计算单个div的高宽   var w=Math.floor (sg.boxObj。offsetWidth/大小[0]);   var h=Math.floor (sg.boxObj。offsetHeight/大小[1]);//图片生成div   var大?sg.size.split (“*”) | | (0,0);   var wt[0]=大小,   hg=大小[1];      var sortList=[];   (var=0;使用JavaScript怎么实现一个拼图游戏