jquery实现一个带关卡推箱子游戏代码

代码语言:html

所属分类:游戏

代码描述:jquery实现一个带关卡推箱子游戏代码

代码标签: jquery 关卡 推箱子 游戏 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/sokoban.css">
</head>

<body>
    <div id="main-layout" class="main-layout">
        <div class="container">
            <div class="content">
                <div class="kk_level">第 <span>0</span>关 </div>
                <div data-sokoban></div>
                <div class="controll">
                    <div class="kk_time">耗时:<span>0</span>秒 </div>
                    <div class="kk_step">步数:<span>0</span>步 </div><button type="button" class="lv-btn" id="next">下一关</button><button type="button" class="lv-btn" id="prev">上一关</button><button type="button" class="lv-btn" id="start">开始游戏</button><button type="button" class="lv-btn"
                        id="jump">选关卡</button></div>
            </div>
            <div class="opt-desc"><br />
                <fieldset class="layui-elem-field layui-field-title">
                    <legend>游戏说明</legend>
                </fieldset>
                <p>经典的推箱子是一个来自日本的古老游戏,目的是在训练你的逻辑思考能力。</p>
                <p>在一个狭小的仓库中,要求把木箱放到指定的位置(如绿色点),稍不小心就会出现箱子无法移动或者通道被堵住的情况,所以需要巧妙的利用有限的空间和通道,合理安排移动的次序和位置,才能顺利的完成任务。</p><br />
                <fieldset class="layui-elem-field layui-field-title&q.........完整代码请登录后点击上方下载按钮下载查看

网友评论0